Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,67 +29,37 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Services", id: "#services" },
-          name: "Services",          id: "#services"},
+        { name: "About", id: "#about" },
-        {
+        { name: "Reviews", id: "#testimonials" },
-          name: "About",          id: "#about"},
+        { name: "Contact", id: "#contact" },
-        {
-          name: "Reviews",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
-      button={{
+      button={{ text: "Call Now", href: "tel:5555555555" }}
-        text: "Call Now",        href: "tel:5555555555"}}
       brandName="Ken's Plumbing Inc."
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Fast, Reliable Plumbing in Fox River Valley"
-      description="Adam and his son provide same-day, honest, and professional service for all your residential and commercial plumbing needs. 4.8-star service you can trust."
+      description="Ken's Plumbing is a family-run business providing same-day, honest, and professional service for all your residential and commercial plumbing needs. 4.8-star service you can trust."
       kpis={[
-        {
+        { value: "4.8", label: "Star Rating" },
-          value: "4.8",          label: "Star Rating"},
+        { value: "Same-Day", label: "Availability" },
-        {
+        { value: "Local", label: "Fox River Valley" },
-          value: "Same-Day",          label: "Service Availability"},
-        {
-          value: "Local",          label: "Fox River Valley"},
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Call Now", href: "tel:5555555555" }]}
-        {
-          text: "Call Now",          href: "tel:5555555555"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=1"
-      imageAlt="Adam from Ken's Plumbing"
+      imageAlt="Plumbing Services"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg",          alt: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg",          alt: "Customer 5"},
-      ]}
-      avatarText="Trusted by 500+ local homes"
       marqueeItems={[
-        {
+        { type: "text", text: "Drain Cleaning" },
-          type: "text",          text: "Drain Cleaning"},
+        { type: "text", text: "Pipe Repair" },
-        {
+        { type: "text", text: "Water Heaters" },
-          type: "text",          text: "Pipe Repair"},
+        { type: "text", text: "Leak Detection" },
-        {
+        { type: "text", text: "Fixture Installation" },
-          type: "text",          text: "Water Heaters"},
-        {
-          type: "text",          text: "Leak Detection"},
-        {
-          type: "text",          text: "Fixture Installation"},
       ]}
     />
   </div>
@@ -100,18 +70,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Residential Services", description: "Complete plumbing solutions for your home.", bentoComponent: "reveal-icon", icon: Zap },
-          title: "Water Heaters",          description: "Professional replacement and efficient repairs.",          bentoComponent: "reveal-icon",          icon: Zap,
+        { title: "Commercial Services", description: "Reliable plumbing for local businesses.", bentoComponent: "reveal-icon", icon: Wrench },
-        },
+        { title: "Emergency Support", description: "Fast response for your plumbing emergencies.", bentoComponent: "reveal-icon", icon: AlertCircle },
-        {
-          title: "Fixture Installation",          description: "Expert faucet and spigot installations.",          bentoComponent: "reveal-icon",          icon: Wrench,
-        },
-        {
-          title: "Emergency Repairs",          description: "Toilet repairs and emergency leak assistance.",          bentoComponent: "reveal-icon",          icon: AlertCircle,
-        },
       ]}
       title="Expert Plumbing Services"
-      description="From emergency pipe repairs to full fixture installations, we handle it all with a friendly, local touch."
+      description="We handle everything from routine maintenance to complex pipe repairs with a friendly, family-oriented approach."
     />
   </div>
 
@@ -120,17 +84,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       title="Family-Run, Community Focused"
-      description="Ken's Plumbing Inc. has served the Fox River Valley for years. As a father-son team, we believe in honest pricing, prompt communication, and treating your home like our own."
+      description="Ken's Plumbing Inc. has proudly served the Fox River Valley for years. As a father-son team, we treat your property like our own, ensuring honest pricing and transparent communication on every job."
       bulletPoints={[
-        {
+        { title: "Local Roots", description: "Serving Fox River Valley for generations." },
-          title: "Local Expertise",          description: "Serving Fox River Valley for generations."},
+        { title: "Family Owned", description: "Personalized care from our family to yours." },
-        {
+        { title: "Professional Standards", description: "Reliable and high-quality results every time." },
-          title: "Family Owned",          description: "Adam and his son provide personalized care."},
-        {
-          title: "Honest Pricing",          description: "Straightforward, fair rates every time."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=1"
-      imageAlt="Ken's Plumbing family team"
+      imageAlt="Family team"
       mediaAnimation="slide-up"
     />
   </div>
@@ -139,16 +100,8 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah D.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=2" },
-          id: "1",          name: "Sarah D.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=2"},
+        { id: "2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=2" },
-        {
-          id: "2",          name: "Mark L.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=2"},
-        {
-          id: "3",          name: "Jenny K.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=3"},
-        {
-          id: "4",          name: "Tom B.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-kid-walking-together_23-2149147891.jpg?_wi=3"},
-        {
-          id: "5",          name: "Lisa R.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-sander-machine_1368-4133.jpg?_wi=4"},
       ]}
       cardTitle="Loved by the Fox River Valley"
       cardTag="4.8 Star Service"
@@ -159,19 +112,14 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Need Help Today?"
+      title="Ready to Get Started?"
-      description="Get prompt, same-day plumbing service. Fill out the form or give us a call."
+      description="Schedule your service today. Our team is here to assist with your residential or commercial plumbing needs."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-        },
+        { name: "address", type: "text", placeholder: "Address/Area" },
-        {
-          name: "phone",          type: "tel",          placeholder: "Your Phone",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Tell us about your project...", required: true }}
-        name: "message",        placeholder: "Describe your plumbing issue...",        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/doctor-is-ready-endotracheal-intubation-non-breathing-patient-young-female-paramedic-holding-iv-solution-ems-paramedics-provide-medical-help-injured-patient-way-hospital_657921-1493.jpg"
     />
   </div>
@@ -181,13 +129,11 @@ export default function LandingPage() {
       logoText="Ken's Plumbing Inc."
       copyrightText="© 2025 Ken's Plumbing Inc. | Serving Fox River Valley"
       socialLinks={[
-        {
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-          icon: Facebook,
-          href: "#",          ariaLabel: "Facebook"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
+  --foreground: #120a00e6;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #E34400;
   --secondary-cta-text: #ffffff;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #E34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);