Update src/app/styles/variables.css

src/app/page.tsx

@@ -35,7 +35,8 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Call Now",            href: "tel:+16154802305"}}
+            text: "Call Now",            href: "tel:+16154802305"
+          }}
         />
       </div>
 
@@ -47,9 +48,11 @@ export default function LandingPage() {
           background={{ variant: "radial-gradient" }}
           buttons={[
             {
-              text: "Call Now: +1 615-480-2305",              href: "tel:+16154802305"},
+              text: "Call Now: +1 615-480-2305",              href: "tel:+16154802305"
+            },
             {
-              text: "Get a Free Quote",              href: "#contact"},
+              text: "Get a Free Quote",              href: "#contact"
+            },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/summer-landscape_1398-2856.jpg"
           imageAlt="Beautifully maintained Nashville lawn with lush green grass"
@@ -65,16 +68,20 @@ export default function LandingPage() {
           metrics={[
             {
               icon: Star,
-              label: "Customer Rating",              value: "4.8/5"},
+              label: "Customer Rating",              value: "4.8/5"
+            },
             {
               icon: Users,
-              label: "Happy Clients",              value: "109+"},
+              label: "Happy Clients",              value: "109+"
+            },
             {
               icon: Award,
-              label: "Years Serving Nashville",              value: "15+"},
+              label: "Years Serving Nashville",              value: "15+"
+            },
             {
               icon: CheckCircle,
-              label: "Satisfaction Guarantee",              value: "100%"},
+              label: "Satisfaction Guarantee",              value: "100%"
+            },
           ]}
           metricsAnimation="slide-up"
         />
@@ -90,30 +97,38 @@ export default function LandingPage() {
             {
               id: 1,
               title: "Lawn Mowing & Maintenance",              description: "Regular professional mowing, edging, and landscaping maintenance to keep your lawn looking pristine year-round.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/eco-volunteer-picking-up-litter-lawn_74855-2152.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/eco-volunteer-picking-up-litter-lawn_74855-2152.jpg"
+              },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-digging-grass_23-2147714902.jpg"
+              },
             },
             {
               id: 2,
               title: "Sod Installation & Grass Seeding",              description: "Expert sod installation and professional grass seeding services for instant green lawns or gradual restoration.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gardener-sitting-planting_23-2148224067.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gardener-sitting-planting_23-2148224067.jpg"
+              },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg"
+              },
             },
             {
               id: 3,
               title: "Landscape Design & Mulching",              description: "Creative landscape design with mulching, planting, and hardscape installations tailored to your Nashville home.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-outdoor-field-plantation_123827-36998.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-outdoor-field-plantation_123827-36998.jpg"
+              },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-female-gardener-working-garden_23-2148165266.jpg"
+              },
             },
             {
               id: 4,
               title: "Weed Control & Bush Trimming",              description: "Professional weed control treatments and precise bush trimming to enhance your landscape's health and appearance.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/farmer-s-hands-holding-crops-with-fertile-soil-field_342744-572.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/farmer-s-hands-holding-crops-with-fertile-soil-field_342744-572.jpg"
+              },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-plant_23-2147907203.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-plant_23-2147907203.jpg"
+              },
             },
           ]}
           showStepNumbers={true}
@@ -134,19 +149,22 @@ export default function LandingPage() {
             {
               id: "1",              title: "Basic Maintenance Plan",              subtitle: "Bi-weekly visits · Mowing, edging, blowing",              category: "Ongoing Care",              value: "$79/visit",              buttons: [
                 {
-                  text: "Request Service",                  href: "#contact"},
+                  text: "Request Service",                  href: "#contact"
+                },
               ],
             },
             {
               id: "2",              title: "Complete Landscape Package",              subtitle: "Monthly design consultation · Full yard transformation",              category: "Premium",              value: "$299/month",              buttons: [
                 {
-                  text: "Get Quote",                  href: "#contact"},
+                  text: "Get Quote",                  href: "#contact"
+                },
               ],
             },
             {
               id: "3",              title: "Seasonal Deep Care",              subtitle: "Spring, summer, fall programs · Specialized treatments",              category: "Seasonal",              value: "$599/season",              buttons: [
                 {
-                  text: "Learn More",                  href: "#contact"},
+                  text: "Learn More",                  href: "#contact"
+                },
               ],
             },
           ]}
@@ -163,24 +181,31 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Sarah Mitchell",              role: "Homeowner",              company: "Belle Meade",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg"
+            },
             {
               id: "2",              name: "James Rodriguez",              role: "Property Manager",              company: "Green Hills",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"
+            },
             {
               id: "3",              name: "Emily Chen",              role: "Homeowner",              company: "Brentwood",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2976.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2976.jpg"
+            },
             {
               id: "4",              name: "Michael Johnson",              role: "HOA President",              company: "Nashville Estates",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-26679.jpg"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-26679.jpg"
+            },
           ]}
           kpiItems={[
             {
-              value: "109+",              label: "Happy Nashville Homeowners"},
+              value: "109+",              label: "Happy Nashville Homeowners"
+            },
             {
-              value: "4.8★",              label: "Average Rating"},
+              value: "4.8★",              label: "Average Rating"
+            },
             {
-              value: "15+",              label: "Years Experience"},
+              value: "15+",              label: "Years Experience"
+            },
           ]}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f5f9f5;
-  --foreground: #1f2027;
+  --foreground: #0f3a1a;
-  --primary-cta: #1f2027;
+  --primary-cta: #1d7d3e;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f9f5;
   --secondary-cta-text: #1f2027;
-  --accent: #627dc6;
+  --accent: #4a9d6f;
-  --background-accent: #627dc6;
+  --background-accent: #c1e4d1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);