Update src/app/page.tsx

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,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "À Propos", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Témoignages", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="DMS System"
     />
@@ -57,32 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Professional Technical Services for Your Home & Business"
-      description="Electricity, plumbing, heating, and air conditioning solutions delivered with responsiveness, competence, and professionalism."
+      background={{ variant: "radial-gradient" }}
+      title="Services Techniques Professionnels pour votre Maison et Entreprise"
+      description="Solutions d'électricité, plomberie, chauffage et climatisation livrées avec réactivité, compétence et professionnalisme."
       mediaItems={[
-        {
-          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: "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",
-        },
+        { 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/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" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -91,10 +57,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Your Trusted Experts in Technical Infrastructure"
-      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."
+      title="Vos Experts de Confiance en Infrastructure Technique"
+      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>
 
@@ -103,30 +69,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          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: "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",
-        },
+        { 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: "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" },
       ]}
-      title="Comprehensive Technical Solutions"
-      description="From complex installations to routine maintenance, we provide high-quality services adapted to your specific requirements."
+      title="Solutions Techniques Complètes"
+      description="Des installations complexes à la maintenance de routine, nous fournissons des services de haute qualité adaptés à vos besoins."
     />
   </div>
 
@@ -136,30 +84,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          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: "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",
-        },
+        { 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: "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" },
       ]}
-      title="Our Commitment to Quality"
-      description="We measure our success through the satisfaction of our clients and the durability of our work."
+      title="Notre Engagement Qualité"
+      description="Nous mesurons notre succès par la satisfaction de nos clients et la durabilité de nos ouvrages."
     />
   </div>
 
@@ -169,50 +99,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Pierric Pottier",
-          handle: "Homeowner",
-          testimonial: "A responsive, competent, and cheerful team. Thank you for your work and involvement in our project.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
-        {
-          id: "2",
-          name: "Mathieu Limas",
-          handle: "Local Guide",
-          testimonial: "Thank you to DMS System for their responsiveness and professionalism! A quality service that I highly recommend.",
-          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: "Local Guide",
-          testimonial: "I commend Mr. DEBEUF's professionalism; he listened carefully to my air conditioning needs and took the time to explain options.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
-        },
-        {
-          id: "4",
-          name: "Client A",
-          handle: "Business Owner",
-          testimonial: "Excellent service and very thorough installation process. Highly recommend them for heating needs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
-        },
-        {
-          id: "5",
-          name: "Client B",
-          handle: "Homeowner",
-          testimonial: "Fast response time and high-quality plumbing work. Very clean and professional during the entire visit.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
-        },
+        { 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: "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" },
       ]}
       showRating={true}
-      title="Client Success Stories"
-      description="Discover why our clients highly recommend us for professionalism and responsiveness."
+      title="Témoignages Clients"
+      description="Nous sommes fiers de livrer des solutions techniques de haute performance."
     />
   </div>
 
@@ -221,25 +113,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          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: "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.",
-        },
+        { 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: "f2", title: "Quel est votre délai pour les urgences ?", content: "Nous donnons la priorité aux urgences pour les interventions en plomberie et électricité." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg"
-      title="Frequently Asked Questions"
-      description="Need assistance? Find common questions answered here."
+      title="Questions Fréquentes"
+      description="Besoin d'aide ? Trouvez les réponses ici."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -247,67 +126,29 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to get started?"
-      title="Contact Our Expert Team Today"
-      description="We are at your disposal for any future work or questions regarding your home or business technical needs."
+      background={{ variant: "plain" }}
+      tag="Prêt à élever vos standards ?"
+      title="Démarrer votre projet avec notre équipe"
+      description="Vivez l'excellence technique. Contactez-nous pour une consultation dès aujourd'hui."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "tel:+33000000000",
-        },
-        {
-          text: "Request a Quote",
-          href: "#",
-        },
+        { text: "Parler à un Expert", href: "tel:+33000000000" },
+        { text: "Prendre un RDV", href: "#" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="DMS System"
+      <FooterSimple
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Electrical",
-              href: "#features",
-            },
-            {
-              label: "HVAC",
-              href: "#features",
-            },
-            {
-              label: "Plumbing",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Électricité" }, { label: "Climatisation" }, { label: "Plomberie" }] },
+        { title: "Entreprise", items: [{ label: "À Propos" }, { label: "Avis Clients" }, { label: "Zone d'Intervention" }] },
+        { title: "Support", items: [{ label: "Urgence" }, { label: "Devis" }] },
       ]}
+      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: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);