Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award, CheckCircle, Shield, Zap, Cpu, Wrench, Gauge, Disc } from "lucide-react";
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
         { name: "Accueil", id: "hero" },
         { name: "Services", id: "features" },
@@ -60,13 +60,14 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Notre Engagement Qualité"
       metrics={[
         { icon: Award, label: "Années d'expérience", value: "15+" },
         { icon: CheckCircle, label: "Véhicules révisés", value: "5000+" },
         { icon: Shield, label: "Garantie constructeur", value: "100%" },
       ]}
+      metricsContainerClassName="text-white"
       metricsAnimation="blur-reveal"
     />
   </div>
@@ -95,6 +96,7 @@ export default function LandingPage() {
       ]}
       title="Nos Services Spécialisés"
       description="Nous couvrons l'entretien complet de votre véhicule avec des technologies de pointe et des pièces d'origine certifiées."
+      featureDescriptionClassName="text-white"
     />
   </div>
 
@@ -103,7 +105,7 @@ export default function LandingPage() {
       animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
         { id: "p1", name: "Disques de frein", price: "149€", imageSrc: "http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030396.jpg" },
         { id: "p2", name: "Huile synthétique", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103292.jpg" },
@@ -113,6 +115,7 @@ export default function LandingPage() {
         { id: "p6", name: "Scanner OBD2", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg" },
       ]}
       title="Pièces & Accessoires Premium"
+      cardPriceClassName="text-white"
       description="Retrouvez les meilleurs composants pour prolonger la durée de vie de votre véhicule."
     />
   </div>
@@ -130,6 +133,8 @@ export default function LandingPage() {
       ]}
       title="Impact en chiffres"
       description="La confiance de nos clients se traduit par des résultats concrets sur le terrain."
+      valueClassName="text-white"
+      metricDescriptionClassName="text-white"
     />
   </div>
 
@@ -137,7 +142,7 @@ export default function LandingPage() {
       <TestimonialCardSix
       animationType="blur-reveal"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
         { id: "t1", name: "Jean Dupont", handle: "@jeandupont", testimonial: "Excellent service, très professionnel.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hugging-car-showroom_1303-13593.jpg" },
         { id: "t2", name: "Marie Curie", handle: "@mariecurie", testimonial: "Un accueil chaleureux et une expertise rare.", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14836.jpg" },
@@ -147,6 +152,10 @@ export default function LandingPage() {
       ]}
       title="Avis de nos clients"
       description="Ils nous confient leurs véhicules en toute sérénité."
+      nameClassName="text-white"
+      handleClassName="text-white"
+      testimonialClassName="text-white"
+      textBoxDescriptionClassName="text-white"
     />
   </div>
 
@@ -161,12 +170,13 @@ export default function LandingPage() {
       sideTitle="Questions fréquentes"
       sideDescription="Besoin d'informations sur nos prestations ?"
       faqsAnimation="blur-reveal"
+      accordionContentClassName="text-white"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Contactez-nous"
       description="Prenez rendez-vous directement en remplissant ce formulaire."
       inputs={[