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,37 +31,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "Processus",          id: "#process"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Services", id: "#services" },
+        { name: "Processus", id: "#process" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="CAR DEVELOPMENT"
-      button={{
-        text: "Appeler Maintenant",        href: "tel:0769105183"}}
+      button={{ text: "Appeler Maintenant", href: "tel:0769105183" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      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: "Obtenir une assistance immédiate",          href: "#contact"},
-        {
-          text: "Demander un devis",          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}
@@ -76,12 +67,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          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"},
+        { 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="Précision. Performance. Confiance."
       description="Nous offrons un service supérieur en alliant expertise technique et soin authentique pour chaque véhicule."
@@ -94,29 +82,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "s1",          label: "Réparation",          title: "Réparations mécaniques",          items: [
-            "Remplacement d'embrayage",            "Entretien alternateur",            "Diagnostics moteur",            "Travaux de suspension"],
-        },
-        {
-          id: "s2",          label: "Urgence",          title: "Support dépannage",          items: [
-            "Intervention rapide",            "Évaluation sur place",            "Diagnostics d'urgence",            "Planification prioritaire"],
-        },
-        {
-          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: "Entretien",          title: "Entretien général",          items: [
-            "Vidanges",            "Entretien des freins",            "Contrôles de routine",            "Devis transparent"],
-        },
+        { 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"},
-      ]}
+      buttons={[{ text: "Réserver votre service", href: "#contact" }]}
     />
   </div>
 
@@ -125,16 +98,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          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"},
+        { 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="Ce que disent nos clients"
       description="Des retours honnêtes de notre communauté de conducteurs."
@@ -146,11 +114,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Bien plus qu'un garage — un partenaire de confiance"
       description={[
-        "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"},
+        "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,16 +125,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          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."},
+        { 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. Rapide. Fiable."
       description="Notre approche étape par étape assure une transparence totale à chaque étape de votre service."
@@ -177,26 +138,14 @@ export default function LandingPage() {
   </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="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: "Nom complet",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Adresse e-mail",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Numéro de téléphone",          required: true,
-        },
-      ]}
-      textarea={{
-        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"
+      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>
 
@@ -207,28 +156,21 @@ export default function LandingPage() {
       columns={[
         {
           title: "Nos Services",          items: [
-            {
-              label: "Réparation mécanique",              href: "#services"},
-            {
-              label: "Assistance d'urgence",              href: "#services"},
-            {
-              label: "Diagnostics",              href: "#services"},
+            { 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: "Politique de confidentialité",              href: "#"},
-            {
-              label: "Conditions d'utilisation",              href: "#"},
+            { label: "Politique de confidentialité", href: "#" },
+            { label: "Conditions d'utilisation", href: "#" },
           ],
         },
       ]}
@@ -238,4 +180,4 @@ export default function LandingPage() {
       </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);