Update theme colors

Merge version_3 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';
@@ -138,17 +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"
+      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'); }}
-      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"
     />
   </div>
 

src/app/styles/variables.css

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