From 64b93b1466bd9441017cecbe869870691da4522b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 23:17:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 84 ++++++++++++++++--------------------------------
 1 file changed, 27 insertions(+), 57 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f54c30a..89efc1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import { Sparkles, BarChart3, Users, Target, Zap } from 'lucide-react';
+import { BarChart3, Users, Target, Zap } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,16 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Surface",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Midwater",          id: "features"},
-        {
-          name: "Abyss",          id: "metrics"},
-        {
-          name: "Connect",          id: "contact"},
+        { name: "Surface", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Midwater", id: "features" },
+        { name: "Abyss", id: "metrics" },
+        { name: "Connect", id: "contact" },
       ]}
       brandName="Oceanic"
     />
@@ -47,36 +42,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated"}}
+      background={{ 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: "#about"},
+        { text: "Begin Descent", href: "#about" },
       ]}
       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: "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: "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: "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: "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: "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: "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" },
       ]}
     />
-    <Sparkles particleDensity={80} speed={2} />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric 
         title="Our Impact Underwater"
         metricsAnimation="slide-up"
+        useInvertedBackground={false}
         metrics={[
           { icon: BarChart3, label: "Depth Scanned", value: "45,000 km" },
           { icon: Users, label: "Active Explorers", value: "1,200+" },
@@ -93,12 +80,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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: "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: "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."
@@ -111,12 +95,9 @@ export default function LandingPage() {
       title="Oceanic Depths"
       tag="In-Depth Exploration"
       metrics={[
-        {
-          id: "depth",          value: "11,000m",          description: "Maximum Mariana Depth"},
-        {
-          id: "temp",          value: "2°C",          description: "Abyssal Zone Temperature"},
-        {
-          id: "press",          value: "1,000atm",          description: "Intense Pressure Level"},
+        { id: "depth", value: "11,000m", description: "Maximum Mariana Depth" },
+        { id: "temp", value: "2°C", description: "Abyssal Zone Temperature" },
+        { id: "press", value: "1,000atm", description: "Intense Pressure Level" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -128,21 +109,11 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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: "1", name: "Elena V.", handle: "@elena_ocean", testimonial: "The transition to the deep ocean felt so incredibly real.", rating: 5 },
+        { id: "2", name: "Marcus R.", handle: "@marcus_deep", testimonial: "The lighting effects are absolutely stunning. Truly immersive.", rating: 5 },
+        { id: "3", name: "Sarah K.", handle: "@sarah_waves", testimonial: "A calming and futuristic experience unlike any other I've seen.", rating: 5 },
+        { id: "4", name: "David W.", handle: "@david_explore", testimonial: "Loved the subtle animations as you scroll down the page.", rating: 5 },
+        { id: "5", name: "Chloe L.", handle: "@chloe_blue", testimonial: "The perfect balance of minimalist UI and deep ocean atmosphere.", rating: 5 },
       ]}
       showRating={true}
       title="Explorers' Impressions"
@@ -153,8 +124,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ 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."
-- 
2.49.1