From c4d35f26af25e8883026308478c2e0a3a10abf01 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 20:11:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 278 +++++++++++++++++++++++------------------------
 1 file changed, 139 insertions(+), 139 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1979208..cc10a80 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,154 +26,154 @@ export default function LandingPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="semibold"
     >
-      <ReactLenis root options={{ lerp: 0.1, smoothWheel: true }}>
-        <div id="nav" data-section="nav" className="fixed w-full z-50 transition-all duration-700 ease-in-out">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "hero" },
-              { name: "Our Water", id: "about" },
-              { name: "Source", id: "source" },
-              { name: "Sustainability", id: "sustainability" },
-              { name: "Shop", id: "product" },
-              { name: "Contact", id: "contact" },
-            ]}
-            brandName="Maya Water"
-          />
-        </div>
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        { name: "Home", id: "hero" },
+        { name: "Our Water", id: "about" },
+        { name: "Source", id: "source" },
+        { name: "Sustainability", id: "sustainability" },
+        { name: "Shop", id: "product" },
+        { name: "Contact", id: "contact" },
+      ]}
+      brandName="Maya Water"
+    />
+  </div>
 
-        <div id="hero" data-section="hero">
-          <HeroOverlayTestimonial
-            title="Pure Water. Elevated."
-            description="From untouched sources to your hands — hydration reimagined."
-            testimonials={[
-              { name: "Sarah J.", handle: "@sarahathlete", testimonial: "The cleanest water I've ever tasted, feels like pure nature.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547302.jpg" },
-              { name: "Mark D.", handle: "@markruns", testimonial: "My go-to hydration for recovery. Essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-sporty-student-girl-shorts-sports-bra-standing-with-crossed-arms-while-leaning-bouldering-wall-gym_613910-18961.jpg" },
-              { name: "Elena K.", handle: "@elena_yoga", testimonial: "The purity is unmatched, perfect for yoga.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-model-black-coat-walks-chairs-studio_8353-5479.jpg" },
-              { name: "David W.", handle: "@dave_cycles", testimonial: "Hydration that supports my daily cycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-lady-sitting-chair_23-2148275130.jpg" },
-              { name: "Chloe T.", handle: "@chloe_studio", testimonial: "Elevated branding, premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317783.jpg" },
-            ]}
-            buttons={[
-              { text: "Explore the Source", href: "#source" },
-              { text: "Shop Now", href: "#product" },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=1"
-            imageAlt="Maya Water Bottle"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2073.jpg", alt: "User 1" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-happy-fitness-woman-with-towel-resting_171337-6261.jpg", alt: "User 2" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5429.jpg", alt: "User 3" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-sportswoman-doing-workout-home-smiling-looking-camera_1258-189373.jpg", alt: "User 4" },
-              { src: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-vase_23-2148835344.jpg", alt: "User 5" },
-            ]}
-            avatarText="Join 10,000+ daily hydrators"
-          />
-        </div>
+  <div id="hero" data-section="hero">
+      <HeroOverlayTestimonial
+      title="Pure Water. Elevated."
+      description="From untouched sources to your hands — hydration reimagined."
+      testimonials={[
+        { name: "Sarah J.", handle: "@sarahathlete", testimonial: "The cleanest water I've ever tasted, feels like pure nature.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-home_23-2148547302.jpg" },
+        { name: "Mark D.", handle: "@markruns", testimonial: "My go-to hydration for recovery. Essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fit-sporty-student-girl-shorts-sports-bra-standing-with-crossed-arms-while-leaning-bouldering-wall-gym_613910-18961.jpg" },
+        { name: "Elena K.", handle: "@elena_yoga", testimonial: "The purity is unmatched, perfect for yoga.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-model-black-coat-walks-chairs-studio_8353-5479.jpg" },
+        { name: "David W.", handle: "@dave_cycles", testimonial: "Hydration that supports my daily cycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-mature-lady-sitting-chair_23-2148275130.jpg" },
+        { name: "Chloe T.", handle: "@chloe_studio", testimonial: "Elevated branding, premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317783.jpg" },
+      ]}
+      buttons={[
+        { text: "Explore the Source", href: "#source" },
+        { text: "Shop Now", href: "#product" },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=1"
+      imageAlt="Maya Water Bottle"
+      avatars={[
+        { src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2073.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-happy-fitness-woman-with-towel-resting_171337-6261.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5429.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-sportswoman-doing-workout-home-smiling-looking-camera_1258-189373.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-vase_23-2148835344.jpg", alt: "User 5" },
+      ]}
+      avatarText="Join 10,000+ daily hydrators"
+    />
+  </div>
 
-        <div id="about" data-section="about">
-          <InlineImageSplitTextAbout
-            useInvertedBackground={true}
-            heading={[
-              { type: "text", content: "Maya: Purity, Origin, and Mission." },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", alt: "Pure spring water" },
-            ]}
-          />
-        </div>
+  <div id="about" data-section="about">
+      <InlineImageSplitTextAbout
+      useInvertedBackground={true}
+      heading={[
+        { type: "text", content: "Maya: Purity, Origin, and Mission." },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", alt: "Pure spring water" },
+      ]}
+    />
+  </div>
 
-        <div id="source" data-section="source">
-          <FeatureCardTwelve
-            textboxLayout="default"
-            useInvertedBackground={false}
-            animationType="slide-up"
-            features={[
-              { id: "s1", label: "Origin", title: "Mountain Springs", items: ["Deep underground source", "Natural filtration", "High-altitude purity"] },
-              { id: "s2", label: "Mineralization", title: "Trace Minerals", items: ["Potassium rich", "Calcium essential", "Balanced pH level"] },
-              { id: "s3", label: "Filtration", title: "Cold-Filtering", items: ["No chemical additives", "Pure mechanical process", "Nature's own pressure"] },
-            ]}
-            title="The Source"
-            description="Untouched mountain springs filtered through ancient mineral earth."
-          />
-        </div>
+  <div id="source" data-section="source">
+      <FeatureCardTwelve
+      textboxLayout="default"
+      useInvertedBackground={false}
+      animationType="slide-up"
+      features={[
+        { id: "s1", label: "Origin", title: "Mountain Springs", items: ["Deep underground source", "Natural filtration", "High-altitude purity"] },
+        { id: "s2", label: "Mineralization", title: "Trace Minerals", items: ["Potassium rich", "Calcium essential", "Balanced pH level"] },
+        { id: "s3", label: "Filtration", title: "Cold-Filtering", items: ["No chemical additives", "Pure mechanical process", "Nature's own pressure"] },
+      ]}
+      title="The Source"
+      description="Untouched mountain springs filtered through ancient mineral earth."
+    />
+  </div>
 
-        <div id="benefits" data-section="benefits">
-          <MetricCardEleven
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={true}
-            metrics={[
-              { id: "m1", value: "100%", title: "Pure Hydration", description: "No additives, just pure mineral energy.", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=1" },
-              { id: "m2", value: "24/7", title: "Active Support", description: "Perfect for performance recovery.", imageSrc: "http://img.b2bpic.net/free-photo/green-liquid-falling-black-backdrop_23-2147837294.jpg" },
-              { id: "m3", value: "Natural", title: "Mineral Balance", description: "Nature’s perfect electrolyte ratio.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199548.jpg" },
-            ]}
-            title="Hydration Elevated"
-            description="Fuel your active lifestyle with mineral-rich perfection."
-          />
-        </div>
+  <div id="benefits" data-section="benefits">
+      <MetricCardEleven
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      metrics={[
+        { id: "m1", value: "100%", title: "Pure Hydration", description: "No additives, just pure mineral energy.", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=1" },
+        { id: "m2", value: "24/7", title: "Active Support", description: "Perfect for performance recovery.", imageSrc: "http://img.b2bpic.net/free-photo/green-liquid-falling-black-backdrop_23-2147837294.jpg" },
+        { id: "m3", value: "Natural", title: "Mineral Balance", description: "Nature’s perfect electrolyte ratio.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199548.jpg" },
+      ]}
+      title="Hydration Elevated"
+      description="Fuel your active lifestyle with mineral-rich perfection."
+    />
+  </div>
 
-        <div id="sustainability" data-section="sustainability">
-          <InlineImageSplitTextAbout
-            useInvertedBackground={false}
-            heading={[
-              { type: "text", content: "Our Commitment to Sustainability." },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", alt: "Eco packaging" },
-            ]}
-          />
-        </div>
+  <div id="sustainability" data-section="sustainability">
+      <InlineImageSplitTextAbout
+      useInvertedBackground={false}
+      heading={[
+        { type: "text", content: "Our Commitment to Sustainability." },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", alt: "Eco packaging" },
+      ]}
+    />
+  </div>
 
-        <div id="product" data-section="product">
-          <ProductCardTwo
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
-            useInvertedBackground={true}
-            products={[
-              { id: "p1", brand: "Maya", name: "Spring Sport (500ml)", price: "$3.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-liquid-bottle-with-green-cap_187299-46177.jpg" },
-              { id: "p2", brand: "Maya", name: "Crystal Flow (1L)", price: "$5.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetic-lotion-bottle_74190-5091.jpg" },
-              { id: "p3", brand: "Maya", name: "Evergreen Pack (6x)", price: "$25.00", rating: 5, reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/still-life-daisy-flowers_23-2150321399.jpg" },
-              { id: "p4", brand: "Maya", name: "Summit Series (1.5L)", price: "$7.00", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/shadow-oil-bottle-with-olives-tea-strainer-white-backdrop_23-2147853863.jpg" },
-              { id: "p5", brand: "Maya", name: "Infinite Refill", price: "$40.00", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/nice-sealed-bottle-dairy_23-2147895710.jpg" },
-              { id: "p6", brand: "Maya", name: "Eco-Glass Edition", price: "$12.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/thermal-bottle_1203-3566.jpg" },
-            ]}
-            title="Our Collection"
-            description="Select your Maya experience."
-          />
-        </div>
+  <div id="product" data-section="product">
+      <ProductCardTwo
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      useInvertedBackground={true}
+      products={[
+        { id: "p1", brand: "Maya", name: "Spring Sport (500ml)", price: "$3.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blue-liquid-bottle-with-green-cap_187299-46177.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+        { id: "p2", brand: "Maya", name: "Crystal Flow (1L)", price: "$5.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/blank-cosmetic-lotion-bottle_74190-5091.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+        { id: "p3", brand: "Maya", name: "Evergreen Pack (6x)", price: "$25.00", rating: 5, reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/still-life-daisy-flowers_23-2150321399.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+        { id: "p4", brand: "Maya", name: "Summit Series (1.5L)", price: "$7.00", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/shadow-oil-bottle-with-olives-tea-strainer-white-backdrop_23-2147853863.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+        { id: "p5", brand: "Maya", name: "Infinite Refill", price: "$40.00", rating: 5, reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/nice-sealed-bottle-dairy_23-2147895710.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+        { id: "p6", brand: "Maya", name: "Eco-Glass Edition", price: "$12.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/thermal-bottle_1203-3566.jpg", onProductClick: () => { window.location.href = '#checkout'; } },
+      ]}
+      title="Our Collection"
+      description="Select your Maya experience."
+    />
+  </div>
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFive
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Triathlete", quote: "Hydration reimagined. Pure and simple.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-leaning-chin-hands-turquoise-t-shirt-pants-looking-satisfied-front-view_176474-106728.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=2", imageAlt: "healthy young athlete" },
-              { id: "t2", name: "Mark D.", date: "Feb 2025", title: "Ultra Runner", quote: "Cleanest finish after any long race.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-doing-physical-exercises_1098-2727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", imageAlt: "healthy young athlete" },
-              { id: "t3", name: "Elena K.", date: "Mar 2025", title: "Yoga Coach", quote: "Refreshingly pure experience.", tag: "Wellness", avatarSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-rainbow-countryside_23-2151625119.jpg", imageAlt: "healthy young athlete" },
-              { id: "t4", name: "David W.", date: "Mar 2025", title: "Cyclist", quote: "Essential mineral content.", tag: "Athlete", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-stretching_23-2147839312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=2", imageAlt: "healthy young athlete" },
-              { id: "t5", name: "Chloe T.", date: "Apr 2025", title: "Creative", quote: "Everything about this brand is elevated.", tag: "Consumer", avatarSrc: "http://img.b2bpic.net/free-photo/background-with-flower-field-shadow-golden-hour_53876-104081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", imageAlt: "healthy young athlete" },
-            ]}
-            title="Loved by Athletes"
-            description="See why top performers choose Maya."
-          />
-        </div>
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardFive
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Triathlete", quote: "Hydration reimagined. Pure and simple.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-leaning-chin-hands-turquoise-t-shirt-pants-looking-satisfied-front-view_176474-106728.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-plastic-bottle-beach_23-2147803074.jpg?_wi=2", imageAlt: "healthy young athlete" },
+        { id: "t2", name: "Mark D.", date: "Feb 2025", title: "Ultra Runner", quote: "Cleanest finish after any long race.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-doing-physical-exercises_1098-2727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-flowing-through-mossy-ground_181624-13028.jpg", imageAlt: "healthy young athlete" },
+        { id: "t3", name: "Elena K.", date: "Mar 2025", title: "Yoga Coach", quote: "Refreshingly pure experience.", tag: "Wellness", avatarSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-rainbow-countryside_23-2151625119.jpg", imageAlt: "healthy young athlete" },
+        { id: "t4", name: "David W.", date: "Mar 2025", title: "Cyclist", quote: "Essential mineral content.", tag: "Athlete", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-stretching_23-2147839312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/postcard-with-water-drops-pink-background_1268-31388.jpg?_wi=2", imageAlt: "healthy young athlete" },
+        { id: "t5", name: "Chloe T.", date: "Apr 2025", title: "Creative", quote: "Everything about this brand is elevated.", tag: "Consumer", avatarSrc: "http://img.b2bpic.net/free-photo/background-with-flower-field-shadow-golden-hour_53876-104081.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-balloons-word_53876-21092.jpg", imageAlt: "healthy young athlete" },
+      ]}
+      title="Loved by Athletes"
+      description="See why top performers choose Maya."
+    />
+  </div>
 
-        <div id="contact" data-section="contact" className="overflow-hidden translate-y-0 transition-transform duration-1000">
-          <ContactText
-            useInvertedBackground={true}
-            background={{ variant: "sparkles-gradient" }}
-            text="Join the Maya revolution. Sign up for our wellness news."
-            buttons={[{ text: "Newsletter Signup", href: "#" }]}
-          />
-        </div>
+  <div id="contact" data-section="contact">
+      <ContactText
+      useInvertedBackground={true}
+      background={{ variant: "sparkles-gradient" }}
+      text="Join the Maya revolution. Sign up for our wellness news."
+      buttons={[{ text: "Newsletter Signup", href: "#" }]}
+    />
+  </div>
 
-        <div id="footer" data-section="footer" className="parallax-footer">
-          <FooterMedia
-            imageSrc="http://img.b2bpic.net/free-photo/lake-with-shore-sunset_1259-179.jpg"
-            logoText="Maya Water"
-            columns={[
-              { title: "Resources", items: [{ label: "About", href: "#about" }, { label: "Source", href: "#source" }] },
-              { title: "Community", items: [{ label: "Sustainability", href: "#sustainability" }, { label: "Testimonials", href: "#testimonials" }] },
-              { title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
-            ]}
-          />
-        </div>
+  <div id="footer" data-section="footer">
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/lake-with-shore-sunset_1259-179.jpg"
+      logoText="Maya Water"
+      columns={[
+        { title: "Resources", items: [{ label: "About", href: "#about" }, { label: "Source", href: "#source" }] },
+        { title: "Community", items: [{ label: "Sustainability", href: "#sustainability" }, { label: "Testimonials", href: "#testimonials" }] },
+        { title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
+      ]}
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );