Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { CheckCircle, Instagram, Play, Sparkles, Truck, Twitter, Users } from "lucide-react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { CheckCircle, Sparkles, Truck, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,215 +26,99 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Shop",
-          id: "#bestsellers",
-        },
-        {
-          name: "Guarantee",
-          id: "#about",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-      ]}
-      brandName="GRITCONTROL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="GRITCONTROL"
+            navItems={[
+              { name: "Shop", id: "#bestsellers" },
+              { name: "Guarantee", id: "#about" },
+              { name: "Reviews", id: "#testimonials" },
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="CONTROL THE GRIT."
-      description="Clean pieces. Fast delivery. No compromises."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#bestsellers",
-        },
-        {
-          text: "Explore Collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg"
-      imageAlt="Model in GritControl apparel"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            title="CONTROL THE GRIT."
+            description="Clean pieces. Fast delivery. No compromises."
+            background={{ variant: "gradient-bars" }}
+            buttons={[{ text: "Shop Now", href: "#bestsellers" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg"
+            mediaAnimation="slide-up"
+            testimonials={[
+              { name: "Alessandro B.", handle: "@collector", testimonial: "Tutto impeccabile, spedizione velocissima.", rating: 5 },
+              { name: "Marco V.", handle: "@regular", testimonial: "Prodotto pulito, profumato e perfetto.", rating: 5 }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="The Clean Guarantee"
-      metrics={[
-        {
-          icon: Truck,
-          label: "Fast Shipping",
-          value: "24/48h",
-        },
-        {
-          icon: CheckCircle,
-          label: "Verified Quality",
-          value: "100%",
-        },
-        {
-          icon: Sparkles,
-          label: "Premium Condition",
-          value: "CLEAN",
-        },
-        {
-          icon: Users,
-          label: "Honest Seller",
-          value: "RELIABLE",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            title="The Clean Guarantee"
+            useInvertedBackground={false}
+            metrics={[
+              { icon: Truck, label: "Fast Shipping", value: "24/48h" },
+              { icon: CheckCircle, label: "Verified Quality", value: "100%" },
+              { icon: Sparkles, label: "Premium Condition", value: "CLEAN" },
+              { icon: Users, label: "Honest Seller", value: "RELIABLE" },
+            ]}
+          />
+        </div>
 
-  <div id="bestsellers" data-section="bestsellers">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Signature Denim",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-view_23-2150264147.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Essential Hoodie",
-          price: "€85",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Utility Jacket",
-          price: "€160",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745036.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Heavyweight Tee",
-          price: "€45",
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-view_23-2150264147.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Street Jogger",
-          price: "€95",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Minimal Bomber",
-          price: "€180",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745036.jpg?_wi=2",
-        },
-      ]}
-      title="Bestsellers"
-      description="Discover our curated collection of high-quality essentials, selected for those who demand excellence."
-    />
-  </div>
+        <div id="bestsellers" data-section="bestsellers">
+          <ProductCardFour
+            title="Bestsellers"
+            description="Discover our curated collection of high-quality essentials, selected for those who demand excellence."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Signature Denim", price: "€120", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-view_23-2150264147.jpg?_wi=1" },
+              { id: "p2", name: "Essential Hoodie", price: "€85", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg?_wi=1" },
+              { id: "p3", name: "Utility Jacket", price: "€160", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745036.jpg?_wi=1" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alessandro B.",
-          role: "Collector",
-          testimonial: "Tutto impeccabile, spedizione velocissima.",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-with-coffee-bags_23-2147688234.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marco V.",
-          role: "Regular",
-          testimonial: "Prodotto pulito, profumato e perfetto.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-women-with-purchases_23-2147688703.jpg",
-        },
-        {
-          id: "t3",
-          name: "Luca D.",
-          role: "First-time Buyer",
-          testimonial: "Venditore affidabile e onesto.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-work_23-2149304146.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sara P.",
-          role: "Fashionista",
-          testimonial: "Qualità premium e servizio rapido.",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-shoppers-embracing-porch_23-2147666146.jpg",
-        },
-        {
-          id: "t5",
-          name: "Giulia R.",
-          role: "Influencer",
-          testimonial: "Ogni pezzo è curato nei minimi dettagli.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg",
-        },
-      ]}
-      title="Verified Quality"
-      description="Don't just take our word for it—see what our community has to say about the GritControl experience."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            title="Verified Quality"
+            description="See what our community has to say about the GritControl experience."
+            textboxLayout="split"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            kpiItems={[
+                { value: "100%", label: "Satisfaction" },
+                { value: "24h", label: "Support" },
+                { value: "5k+", label: "Customers" }
+            ]}
+            testimonials={[
+              { id: "t1", name: "Alessandro B.", role: "Collector", company: "GritCommunity", rating: 5 },
+              { id: "t2", name: "Marco V.", role: "Regular", company: "GritCommunity", rating: 5 }
+            ]}
+          />
+        </div>
 
-  <div id="brand" data-section="brand">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="GritControl is built for those who move fast, expect quality, and accept no compromises. Every piece is selected, cleaned, and delivered with precision."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#bestsellers",
-        },
-      ]}
-    />
-  </div>
+        <div id="brand" data-section="brand">
+          <ContactCTA
+            tag="Contact"
+            title="Ready for clean?"
+            description="We are always here to help you find the perfect piece."
+            buttons={[{ text: "Get in touch", href: "#footer" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="GRITCONTROL"
-      copyrightText="© 2025 GritControl. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Play,
-          href: "#",
-          ariaLabel: "TikTok",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="GRITCONTROL"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}