ourworld_web/www_mycelium_cloud2
22
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: ourworld_web:6f8edae241f00d30436cf7b07568aed758dc99ef
Branches Tags
ourworld_web:main ourworld_web:development
..
compare: ourworld_web:development
Branches Tags
ourworld_web:development ourworld_web:main

5 Commits
6f8edae241 ... developmen

Author SHA1 Message Date
ehab-hassan
f5e5063ba1 update Join the Waitlist button 2025-10-08 12:24:30 +03:00
sasha-astiadi
e646198255 style: adjust companies section margin and remove negative top positioning 2025-10-05 05:39:07 +02:00
sasha-astiadi
5f1774f03c refactor: reorder homepage sections to show network map before technologies 2025-10-01 12:25:19 +02:00
sasha-astiadi
d52190268a Merge branch 'development' 2025-09-30 17:00:22 +02:00
sasha-astiadi
8b2bbb2536 ok 2025-09-30 15:58:36 +02:00
8 changed files with 61 additions and 11 deletions
Expand all files Collapse all files

6
src/app/(main)/page.tsx
View File

@@ -21,15 +21,15 @@ export default function Home() {
<section id="home-hero"> <section id="home-hero">
<HomeHero /> <HomeHero />
</section> </section>
<section id="network">
<WorldMap />
</section>
<section id="technologies"> <section id="technologies">
<StackSectionPreview /> <StackSectionPreview />
</section> </section>
<section id="bento-reviews"> <section id="bento-reviews">
<BentoReviews /> <BentoReviews />
</section> </section>
<section id="network">
<WorldMap />
</section>
<section id="deploy"> <section id="deploy">
<Steps /> <Steps />
</section> </section>

14
src/app/layout.tsx
View File

@@ -1,4 +1,5 @@
import { type Metadata } from 'next' import { type Metadata } from 'next'
import Script from 'next/script'
import { Mulish } from 'next/font/google' import { Mulish } from 'next/font/google'
import clsx from 'clsx' import clsx from 'clsx'
@@ -26,6 +27,19 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en" className={clsx('antialiased', mulish.variable)}> <html lang="en" className={clsx('antialiased', mulish.variable)}>
<head>
{/* MailerLite Universal */}
<Script id="mailerlite-universal" strategy="afterInteractive">
{`(function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
_.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
var ml_account = ml('accounts', '1778010', 'x2d3d9f8n1', 'load');`}
</Script>
{/* End MailerLite Universal */}
</head>
<body className="bg-black text-white">{children}</body> <body className="bg-black text-white">{children}</body>
</html> </html>
) )

2
src/components/BentoReviews.tsx
View File

@@ -92,7 +92,7 @@ export function BentoReviews() {
return ( return (
<div> <div>
<div className="relative isolate pt-24 pb-12 bg-black text-center w-full lg:px-0 px-4"> <div className="relative isolate py-24 bg-black text-center w-full lg:px-0 px-4">
<FadeIn transition={{ duration: 0.8, delay: 0.1 }}> <FadeIn transition={{ duration: 0.8, delay: 0.1 }}>
<div className="mx-auto max-w-5xl "> <div className="mx-auto max-w-5xl ">
<H2 className="text-center">Augmented Intelligence Fabric</H2> <H2 className="text-center">Augmented Intelligence Fabric</H2>

12
src/components/CallTo.tsx
View File

@@ -1,3 +1,5 @@
"use client"
import { H2, P } from '@/components/Texts' import { H2, P } from '@/components/Texts'
export function CallTo() { export function CallTo() {
@@ -20,7 +22,15 @@ export function CallTo() {
> >
Book a Meeting Book a Meeting
</a> </a>
<a href="mailto:info@ourworld.tf" target="_blank" rel="noopener noreferrer" className="text-sm/6 font-semibold text-[#2F3178] hover:text-[#2F3178]/80"> <a
href="javascript:;"
onClick={() => {
if (typeof window !== 'undefined' && (window as any).ml_account) {
(window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
}
}}
className="text-sm/6 font-semibold text-[#2F3178] hover:text-[#2F3178]/80"
>
Join the Waitlist <span aria-hidden="true">→</span> Join the Waitlist <span aria-hidden="true">→</span>
</a> </a>
</div> </div>

12
src/components/CallToAction.tsx
View File

@@ -1,3 +1,5 @@
'use client'
import { CircleBackground } from '@/components/CircleBackground' import { CircleBackground } from '@/components/CircleBackground'
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import { Button } from '@/components/Button' import { Button } from '@/components/Button'
@@ -42,7 +44,15 @@ export function CallToAction() {
> >
Book a Meeting Book a Meeting
</Button> </Button>
<Button href="mailto:info@ourworld.tf" target="_blank" rel="noopener noreferrer" variant="outline" color="white"> <Button
variant="outline"
color="white"
onClick={() => {
if (typeof window !== 'undefined' && (window as any).ml_account) {
(window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
}
}}
>
Join the Waitlist Join the Waitlist
</Button> </Button>
</div> </div>

2
src/components/Companies.tsx
View File

@@ -40,7 +40,7 @@ const row2 = logos.slice(6);
export function Companies() { export function Companies() {
return ( return (
<div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased py-4 -top-20"> <div id="companies" className="relative bg-black flex flex-col items-center justify-center w-full overflow-hidden antialiased py-4 mb-12">
<div className="relative z-10 mx-auto w-full max-w-6xl p-4"> <div className="relative z-10 mx-auto w-full max-w-6xl p-4">
{/* Heading */} {/* Heading */}

22
src/components/Header.tsx
View File

@@ -110,7 +110,15 @@ export function Header() {
<NavLinks className="block text-base/7 tracking-tight" /> <NavLinks className="block text-base/7 tracking-tight" />
</div> </div>
<div className="mt-8 flex flex-col gap-4"> <div className="mt-8 flex flex-col gap-4">
<Button href="mailto:info@ourworld.tf" variant="outline" color="white" target="_blank" rel="noopener noreferrer"> <Button
variant="outline"
color="white"
onClick={() => {
if (typeof window !== 'undefined' && (window as any).ml_account) {
(window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
}
}}
>
Join the Waitlist Join the Waitlist
</Button> </Button>
<Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button> <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
@@ -123,8 +131,16 @@ export function Header() {
)} )}
</Popover> </Popover>
<div className="flex items-center gap-6 max-lg:hidden"> <div className="flex items-center gap-6 max-lg:hidden">
<Button href="mailto:info@ourworld.tf" variant="outline" color="white" target="_blank" rel="noopener noreferrer"> <Button
Join the Waitlist variant="outline"
color="white"
onClick={() => {
if (typeof window !== 'undefined' && (window as any).ml_account) {
(window as any).ml_account('webforms', '6108375', 'l9m8g1', 'show')
}
}}
>
Join the Waitlist
</Button> </Button>
<Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button> <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
</div> </div>

2
src/components/Steps.tsx
View File

@@ -30,7 +30,7 @@ export function Steps() {
const isInView = useInView(ref, { once: true }); const isInView = useInView(ref, { once: true });
return ( return (
<section id="benefits" ref={ref} className="relative pt-16 pb-4 px-4 lg:px-12 -top-20 text-white"> <section id="benefits" ref={ref} className="relative pt-12 pb-4 px-4 lg:px-12 text-white">
<div className="relative px-6 lg:px-12"> <div className="relative px-6 lg:px-12">
<motion.div <motion.div
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}