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:8b2bbb253684aface61e295b58951a5b836fee4b
Branches Tags
ourworld_web:main ourworld_web:development
..
compare: ourworld_web:development
Branches Tags
ourworld_web:development ourworld_web:main

7 Commits
8b2bbb2536 ... 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
6f8edae241 Merge branch 'development' 2025-09-29 19:37:09 +02:00
sasha-astiadi
6c3f1afecf Merge branch 'development' 2025-09-29 19:19:57 +02:00
sasha-astiadi
602b78b5bd style: improve hero section layout and text positioning for better responsiveness 2025-09-19 16:22:26 +02:00
8 changed files with 62 additions and 12 deletions
Expand all files Collapse all files

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

@@ -21,12 +21,12 @@ export default function Home() {
<section id="home-hero"> <section id="home-hero">
<HomeHero /> <HomeHero />
</section> </section>
<section id="technologies">
<StackSectionPreview />
</section>
<section id="network"> <section id="network">
<WorldMap /> <WorldMap />
</section> </section>
<section id="technologies">
<StackSectionPreview />
</section>
<section id="bento-reviews"> <section id="bento-reviews">
<BentoReviews /> <BentoReviews />
</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>
) )

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 */}

20
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,7 +131,15 @@ 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
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>

4
src/components/HomeHero.tsx
View File

@@ -5,7 +5,7 @@ import { motion } from 'framer-motion'
import { TypeAnimation } from 'react-type-animation' import { TypeAnimation } from 'react-type-animation'
import { Dialog, DialogPanel } from '@headlessui/react' import { Dialog, DialogPanel } from '@headlessui/react'
import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24/outline' import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24/outline'
import { H1, PL } from '@/components/Texts' import { H1, H2, PL } from '@/components/Texts'
const navigation = [ const navigation = [
{ name: 'Product', href: '#' }, { name: 'Product', href: '#' },
@@ -34,7 +34,7 @@ export function HomeHero() {
<div className="relative px-6 lg:px-8"> <div className="relative px-6 lg:px-8">
<div className="relative mx-auto flex h-screen max-w-8xl items-center justify-center"> <div className="relative mx-auto flex h-screen max-w-8xl items-center justify-center">
<div className="text-center"> <div className="text-center">
<div className="max-w-5xl"> <div className="max-w-6xl">
<H1 color="light"> <H1 color="light">
<TypeAnimation <TypeAnimation
sequence={[ sequence={[

2
src/components/StackSection.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import { StackedCubes } from "@/components/ui/StackedCubes"; import { StackedCubes } from "@/components/ui/StackedCubes";
import { H2, P } from '@/components/Texts'; import { H1, H2, P } from '@/components/Texts';
import { FadeIn } from "./FadeIn"; import { FadeIn } from "./FadeIn";
export function StackSectionPreview() { export function StackSectionPreview() {