Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -31,41 +31,32 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "Process",          id: "#process"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Services", id: "#services" },
+        { name: "Processus", id: "#process" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="CAR DEVELOPMENT"
-      button={{
-        text: "Call Now",        href: "tel:0769105183"}}
+      button={{ text: "Appeler Maintenant", href: "tel:0769105183" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <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"
+      background={{ variant: "gradient-bars" }}
+      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: "Request a Quote",          href: "#contact"},
+        { text: "Obtenir une assistance immédiate", href: "#contact" },
+        { text: "Demander un devis", href: "#contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",          imageAlt: "Luxury Garage Maintenance"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg",          imageAlt: "Expert Diagnostic"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", imageAlt: "Luxury Garage Maintenance" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg", imageAlt: "Expert Diagnostic" }
       ]}
       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>
@@ -76,15 +67,12 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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: "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: "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: "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: "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>
 
@@ -94,29 +82,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "s1",          label: "Repair",          title: "Mechanical Repairs",          items: [
-            "Clutch replacement",            "Alternator servicing",            "Engine diagnostics",            "Suspension work"],
-        },
-        {
-          id: "s2",          label: "Emergency",          title: "Breakdown Support",          items: [
-            "Fast intervention",            "On-site assessment",            "Emergency diagnostics",            "Priority scheduling"],
-        },
-        {
-          id: "s3",          label: "Tech",          title: "Advanced Diagnostics",          items: [
-            "Error code reading",            "Performance optimization",            "Full computer check",            "Electronic troubleshooting"],
-        },
-        {
-          id: "s4",          label: "Maintenance",          title: "General Maintenance",          items: [
-            "Oil changes",            "Brake service",            "Routine checkups",            "Transparent quoting"],
-        },
-      ]}
-      title="Complete Automotive Care"
-      description="Expert solutions for every aspect of your vehicle’s performance and safety."
-      buttons={[
-        {
-          text: "Book Your Service",          href: "#contact"},
+        { id: "s1", label: "Réparation", title: "Réparations mécaniques", items: ["Remplacement d'embrayage", "Entretien alternateur", "Diagnostics moteur", "Travaux de suspension"], buttons: [{ text: "Contactez-nous", href: "#contact" }] },
+        { id: "s2", label: "Urgence", title: "Support dépannage", items: ["Intervention rapide", "Évaluation sur place", "Diagnostics d'urgence", "Planification prioritaire"], buttons: [{ text: "Contactez-nous", href: "#contact" }] },
+        { id: "s3", label: "Tech", title: "Diagnostics avancés", items: ["Lecture de codes erreur", "Optimisation des performances", "Vérification informatique complète", "Dépannage électronique"], buttons: [{ text: "Contactez-nous", href: "#contact" }] },
+        { id: "s4", label: "Entretien", title: "Entretien général", items: ["Vidanges", "Entretien des freins", "Contrôles de routine", "Devis transparent"], buttons: [{ text: "Contactez-nous", href: "#contact" }] },
       ]}
+      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: "Réserver votre service", href: "#contact" }]}
     />
   </div>
 
@@ -125,32 +98,25 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "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: "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: "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: "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: "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: "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: "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: "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: "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."]}
-      buttons={[
-        {
-          text: "Experience the Difference",          href: "#contact"},
+        "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: "Vivez la différence", href: "#contact" }]}
     />
   </div>
 
@@ -159,44 +125,27 @@ export default function LandingPage() {
       textboxLayout="default"
       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: "f2",          title: "2. Professional Diagnosis",          content: "Our experts perform a rapid but thorough diagnostic to identify the core issue quickly."},
-        {
-          id: "f3",          title: "3. Clear Transparent Quote",          content: "We explain exactly what is wrong and provide a detailed price before any work begins."},
-        {
-          id: "f4",          title: "4. Repair Execution",          content: "Fast, professional repairs using high-quality parts to restore your vehicle’s performance."},
-        {
-          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: "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. Diagnostic professionnel", content: "Nos experts effectuent un diagnostic rapide et approfondi pour identifier rapidement le problème principal." },
+        { 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. 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. 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>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
+      tag="Contact"
+      title="Contactez-nous"
+      description="Besoin d'aide ? Retrouvez-nous au 18 Rue du Stade, Grézieu-la-Varenne. Téléphone : 07 69 10 51 83. Ouvert du lundi au vendredi de 8h à 18h."
+      buttonText="Contactez nous"
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      title="Visit or Contact Us"
-      description="Car trouble? Don't wait. Get professional help right now from our dedicated team."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Briefly describe your car issues...",        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg"
+      onSubmit={(email) => { alert('Adresse: 18 Rue du Stade, 69290 Grézieu-la-Varenne\nTel: 07 69 10 51 83\nHoraires: Lun-Ven 08:00 - 18:00'); }}
     />
   </div>
 
@@ -206,36 +155,29 @@ export default function LandingPage() {
       logoText="CAR DEVELOPMENT"
       columns={[
         {
-          title: "Our Services",          items: [
-            {
-              label: "Mechanical Repair",              href: "#services"},
-            {
-              label: "Emergency Assistance",              href: "#services"},
-            {
-              label: "Diagnostics",              href: "#services"},
+          title: "Nos Services",          items: [
+            { label: "Réparation mécanique", href: "#services" },
+            { label: "Assistance d'urgence", href: "#services" },
+            { label: "Diagnostics", href: "#services" },
           ],
         },
         {
           title: "Contact",          items: [
-            {
-              label: "18 Rue du Stade, Grézieu-la-Varenne",              href: "#contact"},
-            {
-              label: "07 69 10 51 83",              href: "tel:0769105183"},
+            { label: "18 Rue du Stade, Grézieu-la-Varenne", href: "#contact" },
+            { label: "07 69 10 51 83", href: "tel:0769105183" },
           ],
         },
         {
           title: "Support",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+            { label: "Politique de confidentialité", href: "#" },
+            { label: "Conditions d'utilisation", href: "#" },
           ],
         },
       ]}
-      copyrightText="© 2025 CAR DEVELOPMENT | Precision. Performance. Trust."
+      copyrightText="© 2025 CAR DEVELOPMENT | Précision. Performance. Confiance."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
-  --card: #1A1A1A;
-  --foreground: #FFFFFF;
-  --primary-cta: #007BFF;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #C0C0C0;
-  --secondary-cta-text: #0A0A0A;
-  --accent: #FF5A00;
-  --background-accent: #1A1A1A;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #341f51;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #6139e6;
+  --background-accent: #b3a8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);