update Join the Waitlist button

style: adjust companies section margin and remove negative top positioning
refactor: reorder homepage sections to show network map before technologies
2025-10-08 12:24:30 +03:00 · 2025-10-05 05:39:07 +02:00 · 2025-10-01 12:25:19 +02:00 · 2025-09-30 17:00:22 +02:00 · 2025-09-29 19:37:09 +02:00 · 2025-09-29 19:19:57 +02:00
8 changed files with 62 additions and 12 deletions
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -21,12 +21,12 @@ export default function Home() {
      <section id="home-hero">
        <HomeHero />
      </section>
-      <section id="technologies">
-        <StackSectionPreview />
-      </section>
      <section id="network">
        <WorldMap />
      </section>
+      <section id="technologies">
+        <StackSectionPreview />
+      </section>
      <section id="bento-reviews">
        <BentoReviews />
      </section>
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import { type Metadata } from 'next'
+import Script from 'next/script'
 import { Mulish } from 'next/font/google'
 import clsx from 'clsx'

@@ -26,6 +27,19 @@ export default function RootLayout({
 }) {
  return (
    <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>
    </html>
  )
--- a/src/components/CallTo.tsx
+++ b/src/components/CallTo.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { H2, P } from '@/components/Texts'

 export function CallTo() {
@@ -20,7 +22,15 @@ export function CallTo() {
            >
              Book a Meeting
            </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>
            </a>
          </div>
--- a/src/components/CallToAction.tsx
+++ b/src/components/CallToAction.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { CircleBackground } from '@/components/CircleBackground'
 import { Container } from '@/components/Container'
 import { Button } from '@/components/Button'
@@ -42,7 +44,15 @@ export function CallToAction() {
            >
              Book a Meeting
            </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
            </Button>
          </div>
--- a/src/components/Companies.tsx
+++ b/src/components/Companies.tsx
@@ -40,7 +40,7 @@ const row2 = logos.slice(6);

 export function Companies() {
  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">

        {/* Heading */}
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -110,7 +110,15 @@ export function Header() {
                            <NavLinks className="block text-base/7 tracking-tight" />
                          </div>
                          <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
                            </Button>
                            <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
@@ -123,8 +131,16 @@ export function Header() {
              )}
            </Popover>
            <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">
-              Join the Waitlist
+              <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
              </Button>
              <Button href="https://calendly.com/sachao/30min" color="cyan">Book a Meeting</Button>
            </div>
--- a/src/components/HomeHero.tsx
+++ b/src/components/HomeHero.tsx
@@ -5,7 +5,7 @@ import { motion } from 'framer-motion'
 import { TypeAnimation } from 'react-type-animation'
 import { Dialog, DialogPanel } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24/outline'
-import { H1, PL } from '@/components/Texts'
+import { H1, H2, PL } from '@/components/Texts'

 const navigation = [
  { name: 'Product', href: '#' },
@@ -34,7 +34,7 @@ export function HomeHero() {
      <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="text-center">
-            <div className="max-w-5xl">
+            <div className="max-w-6xl">
              <H1 color="light">
                <TypeAnimation
                  sequence={[
--- a/src/components/StackSection.tsx
+++ b/src/components/StackSection.tsx
@@ -1,7 +1,7 @@
 "use client";

 import { StackedCubes } from "@/components/ui/StackedCubes";
-import { H2, P } from '@/components/Texts';
+import { H1, H2, P } from '@/components/Texts';
 import { FadeIn } from "./FadeIn";

 export function StackSectionPreview() {
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