Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Clock, Globe, Shield, Zap } from "lucide-react";
+import { Award, Clock, Droplets, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,83 +25,57 @@ export default function LandingPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="semibold"
     >
-      <ReactLenis root>
+      <ReactLenis root options={{ lerp: 0.05, duration: 2.5 }}>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Work",
+          name: "Collections",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Impact",
+          name: "Impact",          id: "metrics"},
-          id: "metrics",
-        },
         {
-          name: "Testimonials",
+          name: "Community",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="3D Studio"
+      brandName="AquaPure"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "canvas-reveal",
+        variant: "canvas-reveal"}}
-      }}
+      title="Pure Hydration, Redefined"
-      title="Crafting Immersive 3D Digital Realms"
+      description="Experience the perfect blend of sleek design and sustainable materials. Every sip counts towards a cleaner planet."
-      description="Transforming static brands into interactive 3D ecosystems that breathe, move, and captivate."
       buttons={[
         {
-          text: "Start Exploring",
+          text: "Shop Bottles",          href: "#features"},
-          href: "#features",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-blue-fractal-background_1017-2724.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/glass-water-bottle-with-water_23-2148700204.jpg"
-      imageAlt="3D abstract hero"
+      imageAlt="AquaPure Premium Bottle"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={false}
-      title="Interactive Experiences"
+      title="Engineered for Life"
-      description="We specialize in high-end 3D development for the modern web."
+      description="Our bottles combine advanced thermal technology with ultra-durable materials to keep you hydrated anywhere."
       accordionItems={[
         {
-          id: "a1",
+          id: "a1",          title: "Advanced Thermal Insulation",          content: "Triple-wall insulation keeps beverages ice cold for 24 hours or steaming hot for 12."},
-          title: "Interactive 3D Environments",
-          content: "Full browser-integrated 3D worlds that respond to scroll and user interactions.",
-        },
         {
-          id: "a2",
+          id: "a2",          title: "Sustainable Materials",          content: "Crafted from 100% recycled pro-grade stainless steel that is BPA-free."},
-          title: "Real-time Motion Design",
-          content: "High-performance animations that feel physical and organic.",
-        },
         {
-          id: "a3",
+          id: "a3",          title: "Leak-Proof Design",          content: "Precision-engineered caps ensure zero leaks, even in the most rugged adventures."},
-          title: "Performance Optimization",
-          content: "Blazing fast 3D graphics that scale beautifully across devices.",
-        },
         {
-          id: "a4",
+          id: "a4",          title: "Ergonomic Grip",          content: "Textured powder coat finish designed for a perfect, secure hold in any condition."},
-          title: "Custom Shader Development",
-          content: "Tailored visual effects that push the boundaries of WebGL.",
-        },
         {
-          id: "a5",
+          id: "a5",          title: "Lifetime Warranty",          content: "We stand by our quality. Every bottle is built to last a lifetime of daily use."},
-          title: "Cross-Platform Integration",
-          content: "Seamless 3D experiences integrated into existing CMS and tech stacks.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-3d-personal-computer-with-workstation_23-2150713979.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/stainless-steel-water-bottles_23-2148700203.jpg"
-      imageAlt="3D Workspace"
+      imageAlt="AquaPure Product Details"
       mediaAnimation="slide-up"
     />
   </div>
@@ -113,38 +87,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Zap,
-          icon: Zap,
+          title: "Bottles Replaced",          value: "1.5M+"},
-          title: "Active Users",
-          value: "1.2M+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Award,
-          icon: Award,
+          title: "Design Awards",          value: "24+"},
-          title: "3D Awards",
-          value: "45+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Shield,
-          icon: Shield,
+          title: "Durability Rating",          value: "10/10"},
-          title: "Project Uptime",
-          value: "99.9%",
-        },
         {
-          id: "m4",
+          id: "m4",          icon: Droplets,
-          icon: Globe,
+          title: "Liters Hydrated",          value: "50M+"},
-          title: "Global Deployments",
-          value: "120+",
-        },
         {
-          id: "m5",
+          id: "m5",          icon: Clock,
-          icon: Clock,
+          title: "Hours Insulation",          value: "24h+"},
-          title: "Hours Rendered",
-          value: "50k+",
-        },
       ]}
-      title="Impact in Numbers"
+      title="Driven by Impact"
-      description="Measurable results from our 3D engagements."
+      description="See how AquaPure is changing the way the world hydrates."
     />
   </div>
 
@@ -154,58 +113,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Jensen",          date: "Dec 2024",          title: "Athlete",          quote: "The best insulation I've ever experienced in a water bottle. Stays cold during my long trail runs.",          tag: "Outdoor",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-water-bottle-running_23-2148700206.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-water-bottle-running_23-2148700206.jpg"},
-          name: "Alice Wang",
-          date: "Oct 2024",
-          title: "CTO",
-          quote: "The 3D interactive experience they created is absolutely unmatched.",
-          tag: "Tech",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Marcus Thorne",          date: "Nov 2024",          title: "Commuter",          quote: "Sleek, professional, and fits perfectly in my cup holder. A must-have for the office.",          tag: "Professional",          avatarSrc: "http://img.b2bpic.net/free-photo/man-drinking-from-bottle-office_23-2148700207.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-from-bottle-office_23-2148700207.jpg"},
-          name: "Bob Smith",
-          date: "Sep 2024",
-          title: "Creative Lead",
-          quote: "Seamless animations and impeccable performance.",
-          tag: "Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-looking-away-from-camera_23-2148323501.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-looking-away-from-camera_23-2148323501.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena Rodriguez",          date: "Oct 2024",          title: "Teacher",          quote: "I've dropped this multiple times and it hasn't dented once. Incredible build quality.",          tag: "Lifestyle",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-with-bottle_23-2148700208.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-with-bottle_23-2148700208.jpg"},
-          name: "Carol Lee",
-          date: "Aug 2024",
-          title: "Founder",
-          quote: "Transformed our product site into a true work of art.",
-          tag: "Retail",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
-        },
-        {
-          id: "4",
-          name: "David Zhou",
-          date: "Jul 2024",
-          title: "Manager",
-          quote: "Deeply technical and creative execution.",
-          tag: "Enterprise",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
-        },
-        {
-          id: "5",
-          name: "Eve Miller",
-          date: "Jun 2024",
-          title: "Head of Product",
-          quote: "A masterclass in web-based 3D storytelling.",
-          tag: "Agency",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-dressed-blue-suit_1303-23984.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-dressed-blue-suit_1303-23984.jpg",
-        },
       ]}
-      title="Industry Leaders Speak"
+      title="Loved by Our Community"
-      description="Trusted by visionary brands around the globe."
+      description="Thousands of adventurers rely on AquaPure every single day."
     />
   </div>
 
@@ -213,47 +128,36 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
+      tag="Join the Movement"
-      tag="Get in touch"
+      title="Stay Updated with AquaPure"
-      title="Ready to build the future?"
+      description="Sign up for our newsletter to get early access to new colors and limited edition releases."
-      description="Let's bring your vision into the 3rd dimension."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/metal-texture-with-grid_1048-4968.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/blue-abstract-background_23-2148700209.jpg"
       columns={[
         {
-          title: "Studio",
+          title: "Products",          items: [
-          items: [
             {
-              label: "Work",
+              label: "The Classic",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Impact",
+              label: "The Sport",              href: "#features"},
-              href: "#metrics",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Company",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "About",              href: "#metrics"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Sustainability",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="3D Studio"
+      logoText="AquaPure"
-      copyrightText="© 2025 | 3D Studio"
+      copyrightText="© 2025 | AquaPure"
     />
   </div>
       </ReactLenis>