Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, CheckCircle, Facebook, Instagram, Shield, Star, Zap } from "lucide-react";
+import { Award, CheckCircle, Facebook, Instagram, Shield, Star, Zap, Clock, Phone, HardHat } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -155,15 +155,15 @@ export default function LandingPage() {
   </div>
 
   <div id="emergency" data-section="emergency">
-      <MetricCardTwo
+      <MetricCardOne
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "<24h", description: "Temps de réponse moyen pour les appels urgents" },
+        { id: "m1", value: "<24h", title: "Intervention", description: "Temps de réponse moyen pour les urgences", icon: Clock },
-        { id: "m2", value: "100%", description: "Qualité de travail garantie" },
+        { id: "m2", value: "100%", title: "Qualité", description: "Qualité de travail garantie et certifiée", icon: CheckCircle },
-        { id: "m3", value: "20+", description: "Années d'expérience locale" },
+        { id: "m3", value: "20+", title: "Expérience", description: "Années d'expertise artisanale locale", icon: HardHat },
       ]}
       title="Intervention d'urgence garantie"
       description="Face à une urgence, notre équipe est prête à minimiser les dégâts et restaurer la sécurité."
@@ -189,27 +189,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={false}
       background={{ variant: "sparkles-gradient" }}
       tag="Contact"
       title="Planifiez votre consultation gratuite"
       description="Contactez-nous pour une intervention rapide ou un devis d'entretien."
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-house-construction-site-blueprint-materials_23-2148744036.jpg"
       buttonText="Soumettre"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="Jean-Paul Couverture"
       copyrightText="© 2025 Jean-Paul Couverture | Val-d'Oise"
-      socialLinks={[
+      columns={[
-        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { title: "Services", items: [{ label: "Réparation", href: "#services" }, { label: "Rénovation", href: "#services" }] },
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { title: "Contact", items: [{ label: "Devis", href: "#contact" }, { label: "Appeler", href: "tel:0614703098" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,8 +12,8 @@
 
   --background: #f5f4f0;
   --card: #ffffff;
-  --foreground: #111111;
+  --foreground: #0d0d0d;
-  --primary-cta: #b22222;
+  --primary-cta: #e25f00;
   --primary-cta-text: #ffffff;
   --secondary-cta: #111111;
   --secondary-cta-text: #ffffff;