Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Mr. Rooter of McAllen"
     />
@@ -53,19 +45,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       logoText="Mr. Rooter of McAllen"
       description="Trusted 24/7 Plumbing Services in the Rio Grande Valley. Family-owned, licensed, and ready to serve you within 15 minutes."
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:9563384758"},
-          href: "tel:9563384758",
-        },
         {
-          text: "Message Us",
+          text: "Message Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       layoutOrder="default"
@@ -82,19 +69,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: CheckCircle,
-          label: "Years in Business",
+          label: "Years in Business",          value: "5+"},
-          value: "5+",
-        },
         {
           icon: Clock,
-          label: "Response Time",
+          label: "Response Time",          value: "15m"},
-          value: "15m",
-        },
         {
           icon: Award,
-          label: "Ratings",
+          label: "Ratings",          value: "4.9"},
-          value: "4.9",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -108,25 +89,13 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "Leak Detection & Repair",
+          title: "Leak Detection & Repair",          description: "Professional detection and repair of pipe leaks.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg",          imageAlt: "Leak Repair"},
-          description: "Professional detection and repair of pipe leaks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg",
-          imageAlt: "Leak Repair",
-        },
         {
           id: 2,
-          title: "Water Heater Install",
+          title: "Water Heater Install",          description: "Expert installation and service for your water heater.",          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg",          imageAlt: "Water Heater"},
-          description: "Expert installation and service for your water heater.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg",
-          imageAlt: "Water Heater",
-        },
         {
           id: 3,
-          title: "Drain & Sewer Services",
+          title: "Drain & Sewer Services",          description: "Fast unclogging and thorough sewer line repairs.",          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",          imageAlt: "Drain Cleaning"},
-          description: "Fast unclogging and thorough sewer line repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
-          imageAlt: "Drain Cleaning",
-        },
       ]}
       title="Comprehensive Plumbing Solutions"
       description="We offer a full range of solutions for homes and businesses."
@@ -140,40 +109,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Homeowner",          testimonial: "Technician explained everything well.",          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=1"},
-          name: "Sarah J.",
-          role: "Homeowner",
-          testimonial: "Technician explained everything well.",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael D.",          role: "Business Owner",          testimonial: "They communicated very well and were time efficient.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
-          name: "Michael D.",
-          role: "Business Owner",
-          testimonial: "They communicated very well and were time efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily R.",          role: "Homeowner",          testimonial: "He finished the project quickly after getting the parts.",          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
-          name: "Emily R.",
-          role: "Homeowner",
-          testimonial: "He finished the project quickly after getting the parts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          role: "Customer",          testimonial: "Excellent service and very professional team.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg"},
-          name: "David K.",
-          role: "Customer",
-          testimonial: "Excellent service and very professional team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Robert M.",          role: "Local Resident",          testimonial: "Fast response, fair pricing, and great results. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=2"},
-          name: "Robert M.",
-          role: "Local Resident",
-          testimonial: "Fast response, fair pricing, and great results. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg?_wi=2",
-        },
       ]}
       title="Trusted by the Rio Grande Valley"
       description="Our customers value our efficiency and professionalism."
@@ -184,16 +128,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="24/7 Service"
       title="Need a Plumber Right Now?"
       description="Call us at (956) 338-4758 for fast service in McAllen and surrounding areas."
       buttons={[
         {
-          text: "Call (956) 338-4758",
+          text: "Call (956) 338-4758",          href: "tel:9563384758"},
-          href: "tel:9563384758",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -204,46 +145,29 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-vector/plumber-logo-template-design_742173-26976.jpg"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Areas Served",
+          title: "Areas Served",          items: [
-          items: [
             {
-              label: "McAllen",
+              label: "McAllen",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Edinburg",
+              label: "Edinburg",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Mission",
+              label: "Mission",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "24/7 Emergency",
+              label: "24/7 Emergency",              href: "tel:9563384758"},
-              href: "tel:9563384758",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -254,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fdf8f8;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #1a0f0f;
-  --primary-cta: #15479c;
+  --primary-cta: #c1121f;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #003049;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #003049;
-  --background-accent: #c4c4c4;
+  --background-accent: #f3e8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);