Update src/app/styles/variables.css

Merge version_2 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: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { 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={{
-        variant: "radial-gradient"}}
+      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."
       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: "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" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -82,12 +69,9 @@ 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: "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" },
       ]}
       title="Comprehensive Technical Solutions"
       description="From complex installations to routine maintenance, we provide high-quality services adapted to your specific requirements."
@@ -100,12 +84,9 @@ 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: "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" },
       ]}
       title="Our Commitment to Quality"
       description="We measure our success through the satisfaction of our clients and the durability of our work."
@@ -118,19 +99,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          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,
-          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"},
+        { 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.", rating: 5, 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 ensured our project exceeded expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
       ]}
       showRating={true}
       title="Premium Client Testimonials"
-      description="We take pride in delivering elite, high-performance technical solutions that earn the trust and praise of our distinguished clients."
+      description="We take pride in delivering elite, high-performance technical solutions."
     />
   </div>
 
@@ -139,12 +113,8 @@ 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: "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." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg"
       title="Frequently Asked Questions"
@@ -156,50 +126,29 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Ready to elevate your standards?"
       title="Start Your Project with Our Expert Team"
-      description="Experience premium technical excellence tailored to your home or business. Reach out today for a consultation and discover the DMS System difference."
+      description="Experience premium technical excellence. Reach out today for a consultation."
       buttons={[
-        {
-          text: "Speak with an Expert",          href: "tel:+33000000000"},
-        {
-          text: "Book an Assessment",          href: "#"},
+        { text: "Speak with an Expert", href: "tel:+33000000000" },
+        { text: "Book an Assessment", href: "#" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="DMS System"
-      copyrightText="© 2025 | DMS System Professional Services. All rights reserved."
+      <FooterSimple
       columns={[
-        {
-          title: "Services",          items: [
-            { label: "Electrical Solutions", href: "#features" },
-            { 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: "#" },
-          ],
-        },
+        { title: "Services", items: [{ label: "Electrical Solutions" }, { label: "HVAC Infrastructure" }, { label: "Plumbing Maintenance" }] },
+        { title: "Enterprise", items: [{ label: "About Us" }, { label: "Reviews" }, { label: "Operational Areas" }] },
+        { title: "Support", items: [{ label: "Emergency Contact" }, { label: "Request Estimate" }] },
       ]}
+      bottomLeftText="DMS System Luxury Technical Services"
+      bottomRightText="© 2025 All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
+  --background: #f5f4f0;
+  --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;
-  --background-accent: #f2f2f2;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);