Update src/app/page.tsx

src/app/page.tsx

@@ -43,9 +43,9 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{ variant: "gradient-bars" }}
       title="DG AUTO PERFORMANCE"
       description="L'excellence en préparation et entretien automobile. Libérez la puissance de votre moteur avec nos solutions de pointe."
+      background={{ variant: "gradient-bars" }}
       buttons={[
         { text: "Explorer", href: "#about" },
       ]}
@@ -62,8 +62,8 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TextAbout
-      useInvertedBackground={false}
       title="Une Passion pour la Performance"
+      useInvertedBackground={false}
       buttons={[
         { text: "Nos Services", href: "#features" },
       ]}
@@ -72,6 +72,8 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardTwentyEight
+      title="Nos Spécialités"
+      description="Technologie et expertise pour votre véhicule."
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
@@ -80,13 +82,13 @@ export default function LandingPage() {
         { id: "f2", title: "Entretien", subtitle: "Vidanges, freins, filtres", category: "Maintenance", value: "Expert" },
         { id: "f3", title: "Diagnostic", subtitle: "Analyse de défauts", category: "Électronique", value: "Complet" },
       ]}
-      title="Nos Spécialités"
-      description="Technologie et expertise pour votre véhicule."
     />
   </div>
 
   <div id="catalog" data-section="catalog">
       <ProductCardOne
+      title="Composants de Haute Performance"
+      description="Optimisez votre véhicule avec nos pièces sélectionnées."
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
@@ -99,13 +101,13 @@ export default function LandingPage() {
         { id: "p5", name: "Boitier ECU", price: "600€", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg" },
         { id: "p6", name: "Ligne Inox", price: "950€", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1333.jpg" },
       ]}
-      title="Composants de Haute Performance"
-      description="Optimisez votre véhicule avec nos pièces sélectionnées."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
+      title="Nos Chiffres"
+      description="Plus de 500 projets réalisés avec succès."
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
@@ -115,13 +117,13 @@ export default function LandingPage() {
         { id: "m2", value: "12 ans", description: "D'expérience" },
         { id: "m3", value: "98%", description: "Clients satisfaits" },
       ]}
-      title="Nos Chiffres"
-      description="Plus de 500 projets réalisés avec succès."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
+      title="Avis Clients"
+      description="Ce qu'ils pensent de notre travail."
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
@@ -131,21 +133,19 @@ export default function LandingPage() {
         { id: "t4", title: "Rapidité", quote: "Travail fait dans les délais.", name: "Paul D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg" },
         { id: "t5", title: "Excellence", quote: "Le meilleur endroit pour ma voiture.", name: "Lucie V.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-surprised-brunette-woman-sitting-hood-amazing-red-convertible-sport-car-california_273443-2514.jpg" },
       ]}
-      title="Avis Clients"
-      description="Ce qu'ils pensent de notre travail."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
+      sideTitle="Questions Fréquentes"
+      faqsAnimation="slide-up"
       useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "Quels types de véhicules ?", content: "Toutes marques et modèles sportifs." },
         { id: "q2", title: "Garantie ?", content: "Tous nos travaux sont garantis." },
         { id: "q3", title: "Combien de temps ?", content: "Cela dépend de la prestation choisie." },
       ]}
-      sideTitle="Questions Fréquentes"
-      faqsAnimation="slide-up"
     />
   </div>