Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -60,7 +60,7 @@ 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+" },
@@ -105,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" },
@@ -142,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" },
@@ -152,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>
 
@@ -166,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={[