Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -16,31 +16,25 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="rounded"
-        contentWidth="mediumSmall"
+        contentWidth="medium"
-        sizing="mediumLarge"
+        sizing="medium"
-        background="blurBottom"
+        background="none"
-        cardStyle="solid"
+        cardStyle="outline"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Compton Plumbing"
     />
@@ -49,51 +43,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static",
+        variant: "plain"}}
-      }}
       title="Fast, Reliable Plumbing Services in Mesa, AZ – Available 24/7"
       description="Trusted local plumbers with 4.8 star rating. Call now for immediate service. Family-Owned & Operated. Emergency Service Available."
       buttons={[
         {
-          text: "Call Now (480-926-3931)",
+          text: "Call Now (480-926-3931)",          href: "tel:+14809263931"},
-          href: "tel:+14809263931",
-        },
         {
-          text: "Request Service",
+          text: "Request Service",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=1",          imageAlt: "Plumbing service in Mesa"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=1",
-          imageAlt: "Plumbing service in Mesa",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=2",          imageAlt: "Plumbing technician working"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=2",
-          imageAlt: "Plumbing technician working",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=3",          imageAlt: "Friendly plumber smiling"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=3",
-          imageAlt: "Friendly plumber smiling",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=4",          imageAlt: "Professional plumbing truck"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=4",
-          imageAlt: "Professional plumbing truck",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=5",          imageAlt: "Plumbing repair equipment"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=5",
-          imageAlt: "Plumbing repair equipment",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=6",          imageAlt: "Residential plumbing setup"},
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=6",
-          imageAlt: "Residential plumbing setup",
-        },
       ]}
     />
   </div>
@@ -102,38 +73,26 @@ export default function LandingPage() {
       <FeatureHoverPattern
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
         {
           icon: AlertTriangle,
-          title: "Emergency Plumbing",
+          title: "Emergency Plumbing",          description: "Immediate help for urgent leaks and pipe bursts, 24/7."},
-          description: "Immediate help for urgent leaks and pipe bursts, 24/7.",
-        },
         {
           icon: Droplets,
-          title: "Drain Cleaning",
+          title: "Drain Cleaning",          description: "Quick, effective clearing of stubborn clogs and backed-up drains."},
-          description: "Quick, effective clearing of stubborn clogs and backed-up drains.",
-        },
         {
           icon: Search,
-          title: "Leak Detection",
+          title: "Leak Detection",          description: "Advanced tech to find hidden leaks before they cause major damage."},
-          description: "Advanced tech to find hidden leaks before they cause major damage.",
-        },
         {
           icon: Flame,
-          title: "Water Heaters",
+          title: "Water Heaters",          description: "Full repair, maintenance, and installation for all heater types."},
-          description: "Full repair, maintenance, and installation for all heater types.",
-        },
         {
           icon: Droplets,
-          title: "Bathroom Plumbing",
+          title: "Bathroom Plumbing",          description: "Expert repairs for toilets, sinks, tubs, and fixture installations."},
-          description: "Expert repairs for toilets, sinks, tubs, and fixture installations.",
-        },
         {
           icon: Wrench,
-          title: "Pipe Repair",
+          title: "Pipe Repair",          description: "Professional pipe replacement and repair for home water systems."},
-          description: "Professional pipe replacement and repair for home water systems.",
-        },
       ]}
       title="Comprehensive Plumbing Services"
       description="Providing top-tier plumbing solutions for Mesa residents. We specialize in fast, honest service for all your plumbing needs."
@@ -143,26 +102,18 @@ export default function LandingPage() {
   <div id="why-us" data-section="why-us">
       <SplitAbout
       textboxLayout="split-description"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Why Mesa Trusts Us"
       description="We treat your home like our own, delivering honest, family-owned plumbing services with the expertise you deserve."
       bulletPoints={[
         {
-          title: "24/7 Emergency Service",
+          title: "24/7 Emergency Service",          description: "Plumbing issues don't wait for business hours; neither do we."},
-          description: "Plumbing issues don't wait for business hours; neither do we.",
-        },
         {
-          title: "Fast Response Times",
+          title: "Fast Response Times",          description: "Strategically located in Mesa to reach your doorstep quickly."},
-          description: "Strategically located in Mesa to reach your doorstep quickly.",
-        },
         {
-          title: "Honest Pricing",
+          title: "Honest Pricing",          description: "Transparent estimates with no hidden fees or surprise upcharges."},
-          description: "Transparent estimates with no hidden fees or surprise upcharges.",
-        },
         {
-          title: "Expert Technicians",
+          title: "Expert Technicians",          description: "Experienced, friendly, and background-checked plumbing professionals."},
-          description: "Experienced, friendly, and background-checked plumbing professionals.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95947.jpg?_wi=7"
       imageAlt="Professional local plumber"
@@ -173,48 +124,18 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Exceptional Service",          quote: "Super responsive, easy to work with, great communication, fast service.",          name: "Sarah Miller",          role: "Mesa Resident",          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
-          title: "Exceptional Service",
-          quote: "Super responsive, easy to work with, great communication, fast service.",
-          name: "Sarah Miller",
-          role: "Mesa Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Highly Professional",          quote: "Great customer service in office and out. Handled my leak in minutes.",          name: "David Chen",          role: "Mesa Resident",          imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"},
-          title: "Highly Professional",
-          quote: "Great customer service in office and out. Handled my leak in minutes.",
-          name: "David Chen",
-          role: "Mesa Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Trustworthy Experts",          quote: "I know I can trust them for any emergency. My go-to local plumber.",          name: "Emily Rodriguez",          role: "Mesa Resident",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg"},
-          title: "Trustworthy Experts",
-          quote: "I know I can trust them for any emergency. My go-to local plumber.",
-          name: "Emily Rodriguez",
-          role: "Mesa Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Responsive & Kind",          quote: "Excellent communication and very fast service. Very professional technicians.",          name: "Robert Smith",          role: "Mesa Resident",          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg"},
-          title: "Responsive & Kind",
-          quote: "Excellent communication and very fast service. Very professional technicians.",
-          name: "Robert Smith",
-          role: "Mesa Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Fixed It First Time",          quote: "They diagnosed the issue quickly and fixed it right the first time. Thanks!",          name: "Linda Gomez",          role: "Mesa Resident",          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg"},
-          title: "Fixed It First Time",
-          quote: "They diagnosed the issue quickly and fixed it right the first time. Thanks!",
-          name: "Linda Gomez",
-          role: "Mesa Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",
-        },
       ]}
       title="Trusted by Your Neighbors"
       description="Don't take our word for it—read what your fellow Mesa residents are saying."
@@ -223,22 +144,17 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Need Help?"
       title="Need a Plumber Now?"
       description="Ready to help with all your residential plumbing needs in Mesa. Call now or request service online."
       buttons={[
         {
-          text: "Call (480) 926-3931",
+          text: "Call (480) 926-3931",          href: "tel:+14809263931"},
-          href: "tel:+14809263931",
-        },
         {
-          text: "Request Service",
+          text: "Request Service",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -247,33 +163,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Contact Us",
+          title: "Contact Us",          items: [
-          items: [
             {
-              label: "(480) 926-3931",
+              label: "(480) 926-3931",              href: "tel:+14809263931"},
-              href: "tel:+14809263931",
-            },
             {
-              label: "Open 24/7",
+              label: "Open 24/7",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Quick Links",
+          title: "Quick Links",          items: [
-          items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

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