From ae33b8412bd7937b05de6e11314f5cb3a8fb9556 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 07:36:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 470 ++++++++++++++---------------------------------
 1 file changed, 143 insertions(+), 327 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52aae73..674bdaf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,342 +17,158 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AquaNet"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AquaNet"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Connect Through the Vibe Ocean"
-      description="AquaNet revolutionizes social connection by using AI to map real-time emotional states, replacing superficial follows with deep, context-aware interaction."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=1",
-          imageAlt: "AI connection interface 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=2",
-          imageAlt: "AI connection interface 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=3",
-          imageAlt: "AI connection interface 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=4",
-          imageAlt: "AI connection interface 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=5",
-          imageAlt: "AI connection interface 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=6",
-          imageAlt: "AI connection interface 6",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=7",
-          imageAlt: "AI connection interface 7",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=8",
-          imageAlt: "AI connection interface 8",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=9",
-          imageAlt: "AI connection interface 9",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=10",
-          imageAlt: "AI connection interface 10",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=11",
-          imageAlt: "AI connection interface 11",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=12",
-          imageAlt: "AI connection interface 12",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Join 500k+ users in the Vibe Ocean"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Powered",
-        },
-        {
-          type: "text",
-          text: "Privacy-First",
-        },
-        {
-          type: "text",
-          text: "Real-Time",
-        },
-        {
-          type: "text",
-          text: "Emotional Intelligence",
-        },
-        {
-          type: "text",
-          text: "Secure Discovery",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="Connect Through the Vibe Ocean"
+            description="AquaNet revolutionizes social connection by using AI to map real-time emotional states, replacing superficial follows with deep, context-aware interaction."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 5" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 6" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 7" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 8" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 9" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 10" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 11" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 12" }
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg", alt: "User 5" }
+            ]}
+            avatarText="Join 500k+ users in the Vibe Ocean"
+            marqueeItems={[
+              { type: "text", text: "AI-Powered" },
+              { type: "text", text: "Privacy-First" },
+              { type: "text", text: "Real-Time" },
+              { type: "text", text: "Emotional Intelligence" },
+              { type: "text", text: "Secure Discovery" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Vibe Matching Engine",
-          description: "AI computes compatibility using sentiment analysis and multimodal inputs to predict conversation success with 90% accuracy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
-          imageAlt: "Engine visualization",
-        },
-        {
-          title: "Wave Groups",
-          description: "Clustering algorithms match users into dynamic group waves, fostering serendipitous connections based on real-time mood.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg",
-          imageAlt: "Group connection",
-        },
-        {
-          title: "AI-Powered Moderation",
-          description: "Safe, context-aware spaces managed by sentiment analysis to ensure authentic and toxicity-free interaction.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
-          imageAlt: "Safe moderation",
-        },
-      ]}
-      title="Intelligence-Driven Social Discovery"
-      description="Our core features leverage advanced AI to transform how you connect with communities and content."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Vibe Matching Engine", description: "AI computes compatibility using sentiment analysis and multimodal inputs to predict conversation success with 90% accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "Engine visualization" },
+              { title: "Wave Groups", description: "Clustering algorithms match users into dynamic group waves, fostering serendipitous connections based on real-time mood.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg", imageAlt: "Group connection" },
+              { title: "AI-Powered Moderation", description: "Safe, context-aware spaces managed by sentiment analysis to ensure authentic and toxicity-free interaction.", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "Safe moderation" }
+            ]}
+            title="Intelligence-Driven Social Discovery"
+            description="Our core features leverage advanced AI to transform how you connect with communities and content."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Redefining Social Engagement"
-      description="AquaNet prioritizes emotional intelligence over viral chases. By utilizing on-device AI for privacy-first discovery, we deliver 3x higher engagement than legacy platforms."
-      metrics={[
-        {
-          value: "3x",
-          title: "Higher Engagement",
-        },
-        {
-          value: "90%",
-          title: "Accuracy Rate",
-        },
-        {
-          value: "2026",
-          title: "AI Innovation",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Redefining Social Engagement"
+            description="AquaNet prioritizes emotional intelligence over viral chases. By utilizing on-device AI for privacy-first discovery, we deliver 3x higher engagement than legacy platforms."
+            metrics={[
+              { value: "3x", title: "Higher Engagement" },
+              { value: "90%", title: "Accuracy Rate" },
+              { value: "2026", title: "AI Innovation" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Creative Lead",
-          company: "VibeLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg",
-        },
-        {
-          id: "2",
-          name: "Jordan Chen",
-          role: "Product Manager",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
-        },
-        {
-          id: "3",
-          name: "Sam Taylor",
-          role: "Designer",
-          company: "FutureUI",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg",
-        },
-        {
-          id: "4",
-          name: "Riley Quinn",
-          role: "Dev Ops",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-        },
-        {
-          id: "5",
-          name: "Casey Morgan",
-          role: "Marketing",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "500k+",
-          label: "Active Users",
-        },
-        {
-          value: "98%",
-          label: "Positive Feedback",
-        },
-        {
-          value: "24/7",
-          label: "Vibe Support",
-        },
-      ]}
-      title="Voices from the Vibe Ocean"
-      description="See why users are switching to AquaNet for their meaningful social connections."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex Rivers", role: "Creative Lead", company: "VibeLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg" },
+              { id: "2", name: "Jordan Chen", role: "Product Manager", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg" },
+              { id: "3", name: "Sam Taylor", role: "Designer", company: "FutureUI", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg" },
+              { id: "4", name: "Riley Quinn", role: "Dev Ops", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg" },
+              { id: "5", name: "Casey Morgan", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg" }
+            ]}
+            kpiItems={[
+              { value: "500k+", label: "Active Users" },
+              { value: "98%", label: "Positive Feedback" },
+              { value: "24/7", label: "Vibe Support" }
+            ]}
+            title="Voices from the Vibe Ocean"
+            description="See why users are switching to AquaNet for their meaningful social connections."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How does Vibe Matching work?",
-          content: "Our AI analyzes voice, text, and visual mood inputs to determine compatibility scores.",
-        },
-        {
-          id: "q2",
-          title: "Is my data private?",
-          content: "Privacy-first design ensures AI processes all emotional data directly on your device.",
-        },
-        {
-          id: "q3",
-          title: "What are Wave Groups?",
-          content: "Dynamic interest clusters that bring together users based on current emotional vibes.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Get clear answers on how the AquaNet platform works and keeps you connected safely."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg?_wi=1"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How does Vibe Matching work?", content: "Our AI analyzes voice, text, and visual mood inputs to determine compatibility scores." },
+              { id: "q2", title: "Is my data private?", content: "Privacy-first design ensures AI processes all emotional data directly on your device." },
+              { id: "q3", title: "What are Wave Groups?", content: "Dynamic interest clusters that bring together users based on current emotional vibes." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Get clear answers on how the AquaNet platform works and keeps you connected safely."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Waitlist"
-      title="Request Early Access"
-      description="Discover social media orchestration at its finest. Request your custom-tailored invitation today and see how we can activate your social potential."
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg?_wi=2"
-      mediaPosition="right"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Waitlist"
+            title="Request Early Access"
+            description="Discover social media orchestration at its finest. Request your custom-tailored invitation today and see how we can activate your social potential."
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg"
+            mediaPosition="right"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg"
-      logoText="AquaNet"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Vibe Drops",
-              href: "#",
-            },
-            {
-              label: "Waves",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg"
+            logoText="AquaNet"
+            columns={[
+              { title: "Platform", items: [{ label: "Vibe Drops", href: "#" }, { label: "Waves", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1