Update src/app/styles/variables.css

src/app/page.tsx

@@ -58,13 +58,16 @@ export default function LandingPage() {
             stats: [
               {
                 title: "Projects",                values: [150, 250, 380],
-                valuePrefix: "",                description: "Completed successfully"},
+                valuePrefix: "",                description: "Completed successfully"
+              },
               {
                 title: "Clients",                values: [45, 67, 92],
-                valuePrefix: "",                description: "Trusted partners"},
+                valuePrefix: "",                description: "Trusted partners"
+              },
               {
                 title: "Years",                values: [8, 10, 12],
-                valuePrefix: "",                description: "Industry experience"},
+                valuePrefix: "",                description: "Industry experience"
+              },
             ],
             buttons: [
               { text: "View Portfolio", href: "#" },
@@ -73,13 +76,16 @@ export default function LandingPage() {
             listTitle: "Recent Projects",            listItems: [
               {
                 icon: Building2,
-                title: "Commercial MEP Design",                status: "Completed"},
+                title: "Commercial MEP Design",                status: "Completed"
+              },
               {
                 icon: Home,
-                title: "Residential Floor Plans",                status: "In Progress"},
+                title: "Residential Floor Plans",                status: "In Progress"
+              },
               {
                 icon: Warehouse,
-                title: "Industrial Systems Design",                status: "Completed"},
+                title: "Industrial Systems Design",                status: "Completed"
+              },
             ],
             chartTitle: "Project Distribution",            chartData: [
               { value: 35 },
@@ -109,16 +115,20 @@ export default function LandingPage() {
           features={[
             {
               title: "Mechanical Design",              description: "Advanced HVAC systems, equipment selection, and installation planning",              imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-metal-shutter_1127-2064.jpg",              imageAlt: "Mechanical systems design",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
               title: "Electrical Design",              description: "Power distribution, lighting design, and safety compliance systems",              imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-52168.jpg",              imageAlt: "Electrical systems design",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
               title: "Plumbing Design",              description: "Water supply, drainage systems, and fixture planning for efficiency",              imageSrc: "http://img.b2bpic.net/free-vector/plumbing-water-heating-system-isometric-view_1284-17772.jpg",              imageAlt: "Plumbing systems design",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
             {
               title: "Floor Plans",              description: "Custom floor plans designed from scratch or optimized from existing layouts",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg",              imageAlt: "Custom floor plan creation",              buttonIcon: ArrowRight,
-              buttonHref: "#contact"},
+              buttonHref: "#contact"
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -132,9 +142,11 @@ export default function LandingPage() {
           tag="Our Impact"
           metrics={[
             {
-              id: "1",              value: "99%",              description: "Client satisfaction rate with on-time project delivery and attention to detail"},
+              id: "1",              value: "99%",              description: "Client satisfaction rate with on-time project delivery and attention to detail"
+            },
             {
-              id: "2",              value: "50+",              description: "Industry certifications and technical specializations across MEP disciplines"},
+              id: "2",              value: "50+",              description: "Industry certifications and technical specializations across MEP disciplines"
+            },
           ]}
           useInvertedBackground={true}
           metricsAnimation="slide-up"
@@ -194,4 +206,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #1c1c1c;
+  --foreground: #1a1a1a;
-  --primary-cta: #341f51;
+  --primary-cta: #1f3c5a;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
+  --accent: #4a7ba7;
-  --background-accent: #b3a8e8;
+  --background-accent: #d4e0eb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);