Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -34,13 +34,13 @@ export default function LandingPage() {
         {
           name: "Services",          id: "#services"},
         {
-          name: "Process",          id: "#process"},
+          name: "Processus",          id: "#process"},
         {
           name: "Contact",          id: "#contact"},
       ]}
       brandName="CAR DEVELOPMENT"
       button={{
-        text: "Call Now",        href: "tel:0769105183"}}
+        text: "Appeler Maintenant",        href: "tel:0769105183"}}
     />
   </div>
 
@@ -48,14 +48,14 @@ export default function LandingPage() {
       <HeroSplitDualMedia
       background={{
         variant: "gradient-bars"}}
-      title="Your Car. Back on the Road — Fast."
-      description="Emergency repairs, expert diagnostics, and trusted service — done right the first time."
-      tag="Emergency Same-Day Service"
+      title="Votre voiture. De retour sur la route — Rapidement."
+      description="Réparations d'urgence, diagnostics experts et service de confiance — bien fait dès la première fois."
+      tag="Service d'urgence le jour même"
       buttons={[
         {
-          text: "Get Immediate Assistance",          href: "#contact"},
+          text: "Obtenir une assistance immédiate",          href: "#contact"},
         {
-          text: "Request a Quote",          href: "#contact"},
+          text: "Demander un devis",          href: "#contact"},
       ]}
       mediaItems={[
         {
@@ -65,7 +65,7 @@ export default function LandingPage() {
       ]}
       mediaAnimation="slide-up"
       rating={5}
-      ratingText="4.3 / 5 Rating from 48+ clients"
+      ratingText="4.3 / 5 Note basée sur plus de 48 clients"
       tagIcon={Zap}
     />
   </div>
@@ -77,14 +77,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "v1",          value: "Fast",          title: "Ultra-Fast Response",          description: "We act immediately when your vehicle fails — even in urgent situations.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg"},
+          id: "v1",          value: "Rapide",          title: "Réponse ultra-rapide",          description: "Nous agissons immédiatement dès la panne de votre véhicule — même dans les situations urgentes.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg"},
         {
-          id: "v2",          value: "Expert",          title: "Workmanship",          description: "Precision repairs done by experienced professionals in our dedicated facility.",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg"},
+          id: "v2",          value: "Expert",          title: "Qualité d'exécution",          description: "Réparations précises effectuées par des professionnels expérimentés dans notre atelier.",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts_1170-1421.jpg"},
         {
-          id: "v3",          value: "Clear",          title: "Transparency",          description: "Clear explanations, honest pricing, and zero surprises during service.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-gift-box-doing-ok-sign-black-shirt-with-cap_176474-11279.jpg"},
+          id: "v3",          value: "Clair",          title: "Transparence",          description: "Explications claires, tarifs honnêtes et aucune surprise lors de l'entretien.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-gift-box-doing-ok-sign-black-shirt-with-cap_176474-11279.jpg"},
       ]}
-      title="Precision. Performance. Trust."
-      description="We deliver superior service by combining technical expertise with genuine care for every vehicle."
+      title="Précision. Performance. Confiance."
+      description="Nous offrons un service supérieur en alliant expertise technique et soin authentique pour chaque véhicule."
     />
   </div>
 
@@ -95,27 +95,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",          label: "Repair",          title: "Mechanical Repairs",          items: [
-            "Clutch replacement",            "Alternator servicing",            "Engine diagnostics",            "Suspension work"],
+          id: "s1",          label: "Réparation",          title: "Réparations mécaniques",          items: [
+            "Remplacement d'embrayage",            "Entretien alternateur",            "Diagnostics moteur",            "Travaux de suspension"],
         },
         {
-          id: "s2",          label: "Emergency",          title: "Breakdown Support",          items: [
-            "Fast intervention",            "On-site assessment",            "Emergency diagnostics",            "Priority scheduling"],
+          id: "s2",          label: "Urgence",          title: "Support dépannage",          items: [
+            "Intervention rapide",            "Évaluation sur place",            "Diagnostics d'urgence",            "Planification prioritaire"],
         },
         {
-          id: "s3",          label: "Tech",          title: "Advanced Diagnostics",          items: [
-            "Error code reading",            "Performance optimization",            "Full computer check",            "Electronic troubleshooting"],
+          id: "s3",          label: "Tech",          title: "Diagnostics avancés",          items: [
+            "Lecture de codes erreur",            "Optimisation des performances",            "Vérification informatique complète",            "Dépannage électronique"],
         },
         {
-          id: "s4",          label: "Maintenance",          title: "General Maintenance",          items: [
-            "Oil changes",            "Brake service",            "Routine checkups",            "Transparent quoting"],
+          id: "s4",          label: "Entretien",          title: "Entretien général",          items: [
+            "Vidanges",            "Entretien des freins",            "Contrôles de routine",            "Devis transparent"],
         },
       ]}
-      title="Complete Automotive Care"
-      description="Expert solutions for every aspect of your vehicle’s performance and safety."
+      title="Entretien automobile complet"
+      description="Des solutions expertes pour chaque aspect de la performance et de la sécurité de votre véhicule."
       buttons={[
         {
-          text: "Book Your Service",          href: "#contact"},
+          text: "Réserver votre service",          href: "#contact"},
       ]}
     />
   </div>
@@ -126,30 +126,30 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",          title: "Lifesavers!",          quote: "My clutch failed on Christmas Eve at 8 PM. They handled everything immediately. Outstanding speed.",          name: "Sarah J.",          role: "Corporate Lead",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
+          id: "t1",          title: "Des sauveurs !",          quote: "Mon embrayage a lâché la veille de Noël à 20h. Ils ont tout géré immédiatement. Une rapidité exceptionnelle.",          name: "Sarah J.",          role: "Responsable d'entreprise",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
         {
-          id: "t2",          title: "Fast Professionalism",          quote: "Repair done in a single day. Fast, efficient, and extremely professional. Highly recommended.",          name: "Michael C.",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg"},
+          id: "t2",          title: "Professionnalisme rapide",          quote: "Réparation effectuée en une seule journée. Rapide, efficace et extrêmement professionnel. Je recommande vivement.",          name: "Michael C.",          role: "PDG",          imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg"},
         {
-          id: "t3",          title: "Transparent Service",          quote: "Emergency help, clear info, respected deadlines, and zero hidden costs. Truly outstanding service.",          name: "Emily R.",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg"},
+          id: "t3",          title: "Service transparent",          quote: "Aide d'urgence, infos claires, délais respectés et zéro coût caché. Un service vraiment exceptionnel.",          name: "Emily R.",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg"},
         {
-          id: "t4",          title: "Excellent Quality",          quote: "The best garage in the area. Knowledgeable staff who actually listen to your concerns.",          name: "David K.",          role: "Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg"},
+          id: "t4",          title: "Excellente qualité",          quote: "Le meilleur garage de la région. Un personnel compétent qui écoute vraiment vos préoccupations.",          name: "David K.",          role: "Ingénieur",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg"},
         {
-          id: "t5",          title: "Reliable Results",          quote: "Consistently reliable service. I won't go anywhere else for my car maintenance needs.",          name: "Jessica M.",          role: "Owner",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg"},
+          id: "t5",          title: "Résultats fiables",          quote: "Service toujours fiable. Je ne vais nulle part ailleurs pour l'entretien de ma voiture.",          name: "Jessica M.",          role: "Propriétaire",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg"},
       ]}
-      title="What Our Clients Say"
-      description="Honest feedback from our community of drivers."
+      title="Ce que disent nos clients"
+      description="Des retours honnêtes de notre communauté de conducteurs."
     />
   </div>
 
   <div id="why-us" data-section="why-us">
       <TextSplitAbout
       useInvertedBackground={false}
-      title="Not Just a Garage — A Trusted Partner"
+      title="Bien plus qu'un garage — un partenaire de confiance"
       description={[
-        "We believe that vehicle maintenance should be stress-free, transparent, and always focused on your safety.",        "Our team respects your time and your budget, ensuring you get back on the road with total confidence."]}
+        "Nous pensons que l'entretien automobile doit être sans stress, transparent et toujours axé sur votre sécurité.",        "Notre équipe respecte votre temps et votre budget, vous assurant de reprendre la route en toute confiance."]}
       buttons={[
         {
-          text: "Experience the Difference",          href: "#contact"},
+          text: "Vivez la différence",          href: "#contact"},
       ]}
     />
   </div>
@@ -160,18 +160,18 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",          title: "1. Contact Us",          content: "Reach out by phone or our online request form to schedule your immediate assessment."},
+          id: "f1",          title: "1. Contactez-nous",          content: "Appelez-nous ou utilisez notre formulaire de demande en ligne pour planifier votre évaluation immédiate."},
         {
-          id: "f2",          title: "2. Professional Diagnosis",          content: "Our experts perform a rapid but thorough diagnostic to identify the core issue quickly."},
+          id: "f2",          title: "2. Diagnostic professionnel",          content: "Nos experts effectuent un diagnostic rapide et approfondi pour identifier rapidement le problème principal."},
         {
-          id: "f3",          title: "3. Clear Transparent Quote",          content: "We explain exactly what is wrong and provide a detailed price before any work begins."},
+          id: "f3",          title: "3. Devis clair et transparent",          content: "Nous vous expliquons exactement le problème et vous fournissons un prix détaillé avant tout début de travaux."},
         {
-          id: "f4",          title: "4. Repair Execution",          content: "Fast, professional repairs using high-quality parts to restore your vehicle’s performance."},
+          id: "f4",          title: "4. Exécution de la réparation",          content: "Des réparations rapides et professionnelles utilisant des pièces de haute qualité pour restaurer les performances de votre véhicule."},
         {
-          id: "f5",          title: "5. Back on the Road",          content: "A final check is performed before we hand the keys back, ensuring total reliability for your journey."},
+          id: "f5",          title: "5. De retour sur la route",          content: "Une vérification finale est effectuée avant de vous rendre les clés, garantissant une fiabilité totale pour votre voyage."},
       ]}
-      title="Simple. Fast. Reliable."
-      description="Our step-by-step approach ensures full transparency at every stage of your service journey."
+      title="Simple. Rapide. Fiable."
+      description="Notre approche étape par étape assure une transparence totale à chaque étape de votre service."
       faqsAnimation="slide-up"
     />
   </div>
@@ -179,21 +179,21 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Visit or Contact Us"
-      description="Car trouble? Don't wait. Get professional help right now from our dedicated team."
+      title="Rendez-nous visite ou contactez-nous"
+      description="Des problèmes de voiture ? N'attendez pas. Obtenez de l'aide professionnelle dès maintenant auprès de notre équipe dédiée."
       inputs={[
         {
-          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
+          name: "name",          type: "text",          placeholder: "Nom complet",          required: true,
         },
         {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
+          name: "email",          type: "email",          placeholder: "Adresse e-mail",          required: true,
         },
         {
-          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
+          name: "phone",          type: "tel",          placeholder: "Numéro de téléphone",          required: true,
         },
       ]}
       textarea={{
-        name: "message",        placeholder: "Briefly describe your car issues...",        rows: 4,
+        name: "message",        placeholder: "Décrivez brièvement vos problèmes de voiture...",        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg"
@@ -206,11 +206,11 @@ export default function LandingPage() {
       logoText="CAR DEVELOPMENT"
       columns={[
         {
-          title: "Our Services",          items: [
+          title: "Nos Services",          items: [
             {
-              label: "Mechanical Repair",              href: "#services"},
+              label: "Réparation mécanique",              href: "#services"},
             {
-              label: "Emergency Assistance",              href: "#services"},
+              label: "Assistance d'urgence",              href: "#services"},
             {
               label: "Diagnostics",              href: "#services"},
           ],
@@ -226,13 +226,13 @@ export default function LandingPage() {
         {
           title: "Support",          items: [
             {
-              label: "Privacy Policy",              href: "#"},
+              label: "Politique de confidentialité",              href: "#"},
             {
-              label: "Terms of Service",              href: "#"},
+              label: "Conditions d'utilisation",              href: "#"},
           ],
         },
       ]}
-      copyrightText="© 2025 CAR DEVELOPMENT | Precision. Performance. Trust."
+      copyrightText="© 2025 CAR DEVELOPMENT | Précision. Performance. Confiance."
     />
   </div>
       </ReactLenis>