Merge version_2 into main

2026-04-06 21:35:33 +00:00
parent da60e5fa58 51a291c386
commit cd487c4e1b
1 changed files with 31 additions and 103 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
      <NavbarStyleApple
      navItems={[
        {
-          name: "Surface",
-          id: "hero",
-        },
+          name: "Surface",          id: "hero"},
        {
-          name: "Midwater",
-          id: "features",
-        },
+          name: "Midwater",          id: "features"},
        {
-          name: "Abyss",
-          id: "metrics",
-        },
+          name: "Abyss",          id: "metrics"},
        {
-          name: "Connect",
-          id: "contact",
-        },
+          name: "Connect",          id: "contact"},
      ]}
      brandName="Oceanic"
    />
@@ -52,47 +44,26 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
      title="Descend into the Abyss"
      description="Experience the mesmerizing transition from the sunlit surface to the mysterious ocean deep. A calm, futuristic exploration awaits."
      buttons={[
        {
-          text: "Begin Descent",
-          href: "#features",
-        },
+          text: "Begin Descent",          href: "#features"},
      ]}
      carouselItems={[
        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/sunlight-rays-piercing-through-clear-tur-1775511259373-29d7a359.png",
-          imageAlt: "Surface sunlight",
-        },
+          id: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/sunlight-rays-piercing-through-clear-tur-1775511259373-29d7a359.png",          imageAlt: "Surface sunlight"},
        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/gentle-waves-on-the-surface-sun-rays-ref-1775511260087-d14b8e7f.png",
-          imageAlt: "Sun rays refraction",
-        },
+          id: "2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/gentle-waves-on-the-surface-sun-rays-ref-1775511260087-d14b8e7f.png",          imageAlt: "Sun rays refraction"},
        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-ascending-slowly-through-ocean-s-1775511261316-98e8ea56.png",
-          imageAlt: "Ascending bubbles",
-        },
+          id: "3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-ascending-slowly-through-ocean-s-1775511261316-98e8ea56.png",          imageAlt: "Ascending bubbles"},
        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/ethereal-sunlight-beams-piercing-into-tu-1775511261139-159d49eb.png",
-          imageAlt: "Turquoise beams",
-        },
+          id: "4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/ethereal-sunlight-beams-piercing-into-tu-1775511261139-159d49eb.png",          imageAlt: "Turquoise beams"},
        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bioluminescent-particles-drifting-in-lig-1775511261074-c3518511.png",
-          imageAlt: "Bioluminescent drift",
-        },
+          id: "5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bioluminescent-particles-drifting-in-lig-1775511261074-c3518511.png",          imageAlt: "Bioluminescent drift"},
        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/panoramic-ocean-surface-with-sun-glisten-1775511261059-f4eb7d73.png",
-          imageAlt: "Expansive sea",
-        },
+          id: "6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/panoramic-ocean-surface-with-sun-glisten-1775511261059-f4eb7d73.png",          imageAlt: "Expansive sea"},
      ]}
    />
  </div>
@@ -105,20 +76,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          title: "Bioluminescent Wonders",
-          description: "Glimmering organisms that light up the darkness.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png",
-        },
+          title: "Bioluminescent Wonders",          description: "Glimmering organisms that light up the darkness.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png"},
        {
-          title: "Fluid Dynamics",
-          description: "Experience currents that shape the ocean floor.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/school-of-fish-swimming-through-midwater-1775511261257-73e530b0.png",
-        },
+          title: "Fluid Dynamics",          description: "Experience currents that shape the ocean floor.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/school-of-fish-swimming-through-midwater-1775511261257-73e530b0.png"},
        {
-          title: "Atmospheric Pressure",
-          description: "Feel the intensity of depth in every interaction.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-drifting-past-futuristic-ocean-u-1775511260463-ae02a6e5.png",
-        },
+          title: "Atmospheric Pressure",          description: "Feel the intensity of depth in every interaction.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-drifting-past-futuristic-ocean-u-1775511260463-ae02a6e5.png"},
      ]}
      title="The Midwater Journey"
      description="As you descend, witness the change in light, pressure, and the diverse marine life thriving in these deep, cool waters."
@@ -132,20 +94,11 @@ export default function LandingPage() {
      tag="In-Depth Exploration"
      metrics={[
        {
-          id: "depth",
-          value: "11,000m",
-          description: "Maximum Mariana Depth",
-        },
+          id: "depth",          value: "11,000m",          description: "Maximum Mariana Depth"},
        {
-          id: "temp",
-          value: "2°C",
-          description: "Abyssal Zone Temperature",
-        },
+          id: "temp",          value: "2°C",          description: "Abyssal Zone Temperature"},
        {
-          id: "press",
-          value: "1,000atm",
-          description: "Intense Pressure Level",
-        },
+          id: "press",          value: "1,000atm",          description: "Intense Pressure Level"},
      ]}
      metricsAnimation="blur-reveal"
    />
@@ -158,45 +111,20 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Elena V.",
-          handle: "@elena_ocean",
-          testimonial: "The transition to the deep ocean felt so incredibly real.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/portrait-of-a-relaxed-explorer-serene-ex-1775511262040-8caf5138.png",
-        },
+          id: "1",          name: "Elena V.",          handle: "@elena_ocean",          testimonial: "The transition to the deep ocean felt so incredibly real.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/portrait-of-a-relaxed-explorer-serene-ex-1775511262040-8caf5138.png"},
        {
-          id: "2",
-          name: "Marcus R.",
-          handle: "@marcus_deep",
-          testimonial: "The lighting effects are absolutely stunning. Truly immersive.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/professional-marine-biologist-friendly-b-1775511261293-2e849f2a.png",
-        },
+          id: "2",          name: "Marcus R.",          handle: "@marcus_deep",          testimonial: "The lighting effects are absolutely stunning. Truly immersive.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/professional-marine-biologist-friendly-b-1775511261293-2e849f2a.png"},
        {
-          id: "3",
-          name: "Sarah K.",
-          handle: "@sarah_waves",
-          testimonial: "A calming and futuristic experience unlike any other I've seen.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/young-person-looking-out-at-the-ocean-co-1775511262172-d1f216d2.png",
-        },
+          id: "3",          name: "Sarah K.",          handle: "@sarah_waves",          testimonial: "A calming and futuristic experience unlike any other I've seen.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/young-person-looking-out-at-the-ocean-co-1775511262172-d1f216d2.png"},
        {
-          id: "4",
-          name: "David W.",
-          handle: "@david_explore",
-          testimonial: "Loved the subtle animations as you scroll down the page.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/cheerful-diver-clear-blue-water-backgrou-1775511262101-6e35abd6.png",
-        },
+          id: "4",          name: "David W.",          handle: "@david_explore",          testimonial: "Loved the subtle animations as you scroll down the page.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/cheerful-diver-clear-blue-water-backgrou-1775511262101-6e35abd6.png"},
        {
-          id: "5",
-          name: "Chloe L.",
-          handle: "@chloe_blue",
-          testimonial: "The perfect balance of minimalist UI and deep ocean atmosphere.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/expert-ocean-researcher-smiling-bright-o-1775511260155-c010719a.png",
-        },
+          id: "5",          name: "Chloe L.",          handle: "@chloe_blue",          testimonial: "The perfect balance of minimalist UI and deep ocean atmosphere.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/expert-ocean-researcher-smiling-bright-o-1775511260155-c010719a.png"},
      ]}
      showRating={true}
      title="Explorers' Impressions"
@@ -208,11 +136,11 @@ export default function LandingPage() {
      <ContactCenter
      useInvertedBackground={false}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      tag="Stay Updated"
      title="Join the Descent"
      description="Sign up for updates about new zones to explore as we continue to unlock the mysteries of the deep."
+      buttonText="Join The Mission"
    />
  </div>

@@ -225,4 +153,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}