Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -30,16 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "À Propos", id: "about" },
-        {
+        { name: "Services", id: "features" },
-          name: "About",          id: "about"},
+        { name: "Témoignages", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="DMS System"
     />
@@ -47,21 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
+      title="Services Techniques Professionnels pour votre Maison et Entreprise"
-      title="Professional Technical Services for Your Home & Business"
+      description="Solutions d'électricité, plomberie, chauffage et climatisation livrées avec réactivité, compétence et professionnalisme."
-      description="Electricity, plumbing, heating, and air conditioning solutions delivered with responsiveness, competence, and professionalism."
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53716.jpg", imageAlt: "électricien professionnel" },
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53716.jpg",          imageAlt: "professional HVAC technician working"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg", imageAlt: "technicien CVC au travail" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", imageAlt: "installation de système de chauffage" },
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg",          imageAlt: "professional HVAC technician working"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",          imageAlt: "professional HVAC technician working"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-3867.jpg",          imageAlt: "professional HVAC technician working"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5084.jpg",          imageAlt: "professional HVAC technician working"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -70,10 +57,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Your Trusted Experts in Technical Infrastructure"
+      title="Vos Experts de Confiance en Infrastructure Technique"
-      description="At DMS System, we combine expertise and responsiveness to provide reliable service for all your electricity, plumbing, and climate control needs. Our team ensures the highest standard of professionalism on every project."
+      description="Chez DMS System, nous combinons expertise et réactivité pour fournir un service fiable pour tous vos besoins en électricité, plomberie et contrôle climatique. Notre équipe assure le plus haut standard de professionnalisme sur chaque projet."
       imageSrc="http://img.b2bpic.net/free-photo/colleagues-use-laptop-tablet-guide-personnel-fabrication-production-tasks_482257-136064.jpg"
-      imageAlt="professional plumbing and electrical team"
+      imageAlt="équipe technique professionnelle"
     />
   </div>
 
@@ -82,15 +69,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { tag: "Électricité", title: "Expertise Électrique", subtitle: "Fiable & Sécurisé", description: "Installation électrique aux normes, mise à niveau de panneaux et éclairage domotique.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66529.jpg" },
-          tag: "Electrical",          title: "Expert Electrical Services",          subtitle: "Reliable & Safe",          description: "High-standard electrical wiring, panel upgrades, and smart home lighting installations.",          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66529.jpg"},
+        { tag: "CVC", title: "Contrôle Climatique", subtitle: "Confort Efficace", description: "Installation et réparation professionnelle de systèmes de climatisation et chauffage.", imageSrc: "http://img.b2bpic.net/free-photo/small-house-entrance-japan-building_23-2149301082.jpg" },
-        {
+        { tag: "Plomberie", title: "Plomberie Professionnelle", subtitle: "Réparation Rapide", description: "Services complets, des fuites urgentes aux installations sanitaires complètes.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg" },
-          tag: "HVAC",          title: "Advanced Climate Control",          subtitle: "Efficient Comfort",          description: "Professional installation and repair of air conditioning and heating systems for optimal year-round climate.",          imageSrc: "http://img.b2bpic.net/free-photo/small-house-entrance-japan-building_23-2149301082.jpg"},
-        {
-          tag: "Plumbing",          title: "Professional Plumbing",          subtitle: "Fast Repair",          description: "Comprehensive plumbing services, from leak repairs to complete bathroom and kitchen fixture installations.",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg"},
       ]}
-      title="Comprehensive Technical Solutions"
+      title="Solutions Techniques Complètes"
-      description="From complex installations to routine maintenance, we provide high-quality services adapted to your specific requirements."
+      description="Des installations complexes à la maintenance de routine, nous fournissons des services de haute qualité adaptés à vos besoins."
     />
   </div>
 
@@ -100,15 +84,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "15+", title: "Années d'Expérience", description: "Au service de clients satisfaits depuis notre création.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
-          id: "m1",          value: "15+",          title: "Years Experience",          description: "Serving satisfied customers since inception.",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg"},
+        { id: "m2", value: "500+", title: "Projets Réalisés", description: "Installations fiables et réparations réussies.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10805.jpg" },
-        {
+        { id: "m3", value: "98%", title: "Taux de Satisfaction", description: "Recommandés pour la qualité et le service.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg" },
-          id: "m2",          value: "500+",          title: "Projects Completed",          description: "Reliable installations and successful repairs.",          imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10805.jpg"},
-        {
-          id: "m3",          value: "98%",          title: "Satisfaction Rate",          description: "Highly recommended for quality and service.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"},
       ]}
-      title="Our Commitment to Quality"
+      title="Notre Engagement Qualité"
-      description="We measure our success through the satisfaction of our clients and the durability of our work."
+      description="Nous mesurons notre succès par la satisfaction de nos clients et la durabilité de nos ouvrages."
     />
   </div>
 
@@ -118,19 +99,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Pierric Pottier", handle: "Client Premium", testimonial: "Un niveau d'expertise et de réactivité inégalé. L'équipe DMS System a transformé notre infrastructure avec précision.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
-          id: "1",          name: "Pierric Pottier",          handle: "Premium Client",          testimonial: "An unparalleled level of expertise and responsiveness. The DMS System team transformed our technical infrastructure with precision and care. Absolutely the best in the business.",          rating: 5,
+        { id: "2", name: "Mathieu Limas", handle: "Partenaire Exécutif", testimonial: "DMS System est la référence en matière de professionnalisme. Leur approche méticuleuse a dépassé nos attentes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
-        {
-          id: "2",          name: "Mathieu Limas",          handle: "Executive Partner",          testimonial: "DMS System is the gold standard for professionalism. Their meticulous approach to every detail ensured our project exceeded expectations. Highly recommended for elite technical services.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
-        {
-          id: "3",          name: "Runner Mx37",          handle: "Business Owner",          testimonial: "Their commitment to client satisfaction is truly remarkable. Mr. DEBEUF and his team provided exceptional climate control solutions tailored perfectly to our high-end facility needs.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
       ]}
       showRating={true}
-      title="Premium Client Testimonials"
+      title="Témoignages Clients"
-      description="We take pride in delivering elite, high-performance technical solutions that earn the trust and praise of our distinguished clients."
+      description="Nous sommes fiers de livrer des solutions techniques de haute performance."
     />
   </div>
 
@@ -139,16 +113,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Quelles zones couvrez-vous ?", content: "Nous intervenons dans toute la région. Contactez-nous pour confirmer si votre adresse est couverte." },
-          id: "f1",          title: "What areas do you serve?",          content: "We serve the surrounding region. Please contact us to confirm if your address is within our service area."},
+        { id: "f2", title: "Quel est votre délai pour les urgences ?", content: "Nous donnons la priorité aux urgences pour les interventions en plomberie et électricité." },
-        {
-          id: "f2",          title: "How quickly can you respond to emergencies?",          content: "We prioritize responsiveness for urgent plumbing and electrical issues. Please call our emergency line directly."},
-        {
-          id: "f3",          title: "Do you provide estimates for repairs?",          content: "Yes, we always provide transparent options with clear cost-benefit explanations before beginning any work."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg"
-      title="Frequently Asked Questions"
+      title="Questions Fréquentes"
-      description="Need assistance? Find common questions answered here."
+      description="Besoin d'aide ? Trouvez les réponses ici."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -156,50 +126,29 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      tag="Prêt à élever vos standards ?"
-      tag="Ready to elevate your standards?"
+      title="Démarrer votre projet avec notre équipe"
-      title="Start Your Project with Our Expert Team"
+      description="Vivez l'excellence technique. Contactez-nous pour une consultation dès aujourd'hui."
-      description="Experience premium technical excellence tailored to your home or business. Reach out today for a consultation and discover the DMS System difference."
       buttons={[
-        {
+        { text: "Parler à un Expert", href: "tel:+33000000000" },
-          text: "Speak with an Expert",          href: "tel:+33000000000"},
+        { text: "Prendre un RDV", href: "#" },
-        {
-          text: "Book an Assessment",          href: "#"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterSimple
-      logoText="DMS System"
-      copyrightText="© 2025 | DMS System Professional Services. All rights reserved."
       columns={[
-        {
+        { title: "Services", items: [{ label: "Électricité" }, { label: "Climatisation" }, { label: "Plomberie" }] },
-          title: "Services",          items: [
+        { title: "Entreprise", items: [{ label: "À Propos" }, { label: "Avis Clients" }, { label: "Zone d'Intervention" }] },
-            { label: "Electrical Solutions", href: "#features" },
+        { title: "Support", items: [{ label: "Urgence" }, { label: "Devis" }] },
-            { label: "HVAC Infrastructure", href: "#features" },
-            { label: "Plumbing Maintenance", href: "#features" },
-          ],
-        },
-        {
-          title: "Enterprise",          items: [
-            { label: "About Us", href: "#about" },
-            { label: "Premium Client Reviews", href: "#testimonials" },
-            { label: "Operational Areas", href: "#contact" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Emergency Contact", href: "#contact" },
-            { label: "Request Estimate", href: "#contact" },
-            { label: "Privacy Policy", href: "#" },
-          ],
-        },
       ]}
+      bottomLeftText="DMS System - Services Techniques"
+      bottomRightText="© 2025 Tous droits réservés"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f4f0;
-  --card: #f9f9f9;
+  --card: #ffffff;
   --foreground: #1a1a1a;
-  --primary-cta: #1c3d5a;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #7b7b7b;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #2b180a;
-  --accent: #b8b8b8;
+  --accent: #8a8a8a;
-  --background-accent: #f2f2f2;
+  --background-accent: #c28b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);