Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Why Us",
-          id: "why-us",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Why Us", id: "why-us" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Merritt Service Co."
     />
@@ -60,101 +45,27 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Fast, Honest Plumbing You Can Count On"
       description="Merritt Service Co. provides reliable, fairly-priced plumbing solutions to homeowners in our community. We treat every home like our own."
       testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@localcustomer",
-          testimonial: "The fastest response I've ever had. Honest pricing and work is guaranteed.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdzzml",
-        },
-        {
-          name: "Mike R.",
-          handle: "@localcustomer",
-          testimonial: "Quality work, fair pricing, and great communication throughout.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36nkz3",
-        },
-        {
-          name: "Emily P.",
-          handle: "@localcustomer",
-          testimonial: "Professional and trustworthy. My go-to plumber from now on.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jpqw7",
-        },
-        {
-          name: "David L.",
-          handle: "@localcustomer",
-          testimonial: "Fixed my water heater in no time. Super friendly neighborhood service.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0638qs",
-        },
-        {
-          name: "Karen T.",
-          handle: "@localcustomer",
-          testimonial: "Honest as the day is long. Highly recommend them for any repair.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0t9cc",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5550102",
-        },
+        { name: "Sarah J.", handle: "@localcustomer", testimonial: "The fastest response I've ever had. Honest pricing and work is guaranteed.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdzzml" },
+        { name: "Mike R.", handle: "@localcustomer", testimonial: "Quality work, fair pricing, and great communication throughout.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36nkz3" },
+        { name: "Emily P.", handle: "@localcustomer", testimonial: "Professional and trustworthy. My go-to plumber from now on.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jpqw7" },
+        { name: "David L.", handle: "@localcustomer", testimonial: "Fixed my water heater in no time. Super friendly neighborhood service.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0638qs" },
+        { name: "Karen T.", handle: "@localcustomer", testimonial: "Honest as the day is long. Highly recommend them for any repair.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0t9cc" },
       ]}
+      buttons={[{ text: "Call Now", href: "tel:+16788952853" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjbda0"
       imageAlt="friendly neighborhood plumber smiling"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjbda0",
-          alt: "customer portrait happy",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6syu4s",
-          alt: "customer portrait happy",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wj0buw",
-          alt: "customer portrait happy",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nphz2o",
-          alt: "customer portrait happy",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wz05w3",
-          alt: "customer portrait happy",
-        },
-      ]}
       avatarText="Trusted by over 500+ local families"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Same-Day Emergency",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Fair Pricing",
-        },
-        {
-          type: "text",
-          text: "Professional Service",
-        },
-        {
-          type: "text",
-          text: "100% Satisfaction",
-        },
+        { type: "text", text: "Same-Day Emergency" },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "Fair Pricing" },
+        { type: "text", text: "Professional Service" },
+        { type: "text", text: "100% Satisfaction" },
       ]}
     />
   </div>
@@ -164,12 +75,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Trusted Neighborhood Plumbing"
       description="With over 15 years of serving local homeowners, Merritt Service Co. has built a reputation for integrity and craftsmanship. We are your friendly, honest neighborhood plumbers committed to 4.5-star quality work."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "#services" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6syu4s&_wi=1"
       imageAlt="happy homeowner with plumber"
     />
@@ -181,62 +87,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "1",
-          title: "Leak Repair",
-          tags: [
-            "Emergency",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wj0buw",
-        },
-        {
-          id: "2",
-          title: "Water Heater Repair & Replacement",
-          tags: [
-            "Full Service",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nphz2o",
-        },
-        {
-          id: "3",
-          title: "Pressure Reducing Valve",
-          tags: [
-            "Specialized",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wz05w3",
-        },
-        {
-          id: "4",
-          title: "Copper Piping",
-          tags: [
-            "Craftsmanship",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kscezl",
-        },
-        {
-          id: "5",
-          title: "Water Supply Line Replacement",
-          tags: [
-            "Infrastructure",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g432x6",
-        },
-        {
-          id: "6",
-          title: "Outdoor Water Lines",
-          tags: [
-            "Yard Plumbing",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wlopw",
-        },
-        {
-          id: "7",
-          title: "New Construction Plumbing",
-          tags: [
-            "Full Build",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=21d8tt",
-        },
+        { id: "1", title: "Leak Repair", tags: ["Emergency"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wj0buw" },
+        { id: "2", title: "Water Heater Repair & Replacement", tags: ["Full Service"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nphz2o" },
+        { id: "3", title: "Pressure Reducing Valve", tags: ["Specialized"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wz05w3" },
+        { id: "4", title: "Copper Piping", tags: ["Craftsmanship"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kscezl" },
+        { id: "5", title: "Water Supply Line Replacement", tags: ["Infrastructure"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g432x6" },
+        { id: "6", title: "Outdoor Water Lines", tags: ["Yard Plumbing"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wlopw" },
+        { id: "7", title: "New Construction Plumbing", tags: ["Full Build"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=21d8tt" },
       ]}
       title="Comprehensive Plumbing Services"
       description="Whatever plumbing issue you face, our skilled team is ready to restore your home's comfort quickly."
@@ -249,30 +106,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          icon: Zap,
-          title: "Same-Day Emergency",
-          value: "24/7",
-        },
-        {
-          id: "2",
-          icon: CheckCircle,
-          title: "Transparent Pricing",
-          value: "Fair",
-        },
-        {
-          id: "3",
-          icon: Phone,
-          title: "Fast Communication",
-          value: "High",
-        },
-        {
-          id: "4",
-          icon: Award,
-          title: "Work Guaranteed",
-          value: "100%",
-        },
+        { id: "1", icon: Zap, title: "Same-Day Emergency", value: "24/7" },
+        { id: "2", icon: CheckCircle, title: "Transparent Pricing", value: "Fair" },
+        { id: "3", icon: Phone, title: "Fast Communication", value: "High" },
+        { id: "4", icon: Award, title: "Work Guaranteed", value: "100%" },
       ]}
       title="Why Choose Merritt Service Co.?"
       description="Professional quality work backed by neighborhood transparency."
@@ -285,41 +122,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@local",
-          testimonial: "So fast! Professional team.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e1mdwn",
-        },
-        {
-          id: "2",
-          name: "Mike R.",
-          handle: "@local",
-          testimonial: "Honest pricing through and through.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ontbs",
-        },
-        {
-          id: "3",
-          name: "Emily P.",
-          handle: "@local",
-          testimonial: "Top quality plumbing work.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pu0zrn",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          handle: "@local",
-          testimonial: "Best service in our area.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pk41ej",
-        },
-        {
-          id: "5",
-          name: "Karen T.",
-          handle: "@local",
-          testimonial: "Would definitely call again.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5d17dh",
-        },
+        { id: "1", name: "Sarah J.", handle: "@local", testimonial: "So fast! Professional team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e1mdwn" },
+        { id: "2", name: "Mike R.", handle: "@local", testimonial: "Honest pricing through and through.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ontbs" },
+        { id: "3", name: "Emily P.", handle: "@local", testimonial: "Top quality plumbing work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pu0zrn" },
+        { id: "4", name: "David L.", handle: "@local", testimonial: "Best service in our area.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pk41ej" },
+        { id: "5", name: "Karen T.", handle: "@local", testimonial: "Would definitely call again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5d17dh" },
       ]}
       title="Our Community Reviews"
       description="Trusted by hundreds of local families."
@@ -331,21 +138,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Do you offer emergency plumbing?",
-          content: "Yes, we provide same-day emergency plumbing services.",
-        },
-        {
-          id: "2",
-          title: "What service area do you cover?",
-          content: "We serve our entire local county and surrounding suburbs.",
-        },
-        {
-          id: "3",
-          title: "Is your pricing transparent?",
-          content: "Absolutely. We discuss all costs upfront before starting any work.",
-        },
+        { id: "1", title: "Do you offer emergency plumbing?", content: "Yes, we provide same-day emergency plumbing services." },
+        { id: "2", title: "What service area do you cover?", content: "We serve our entire local county and surrounding suburbs." },
+        { id: "3", title: "Is your pricing transparent?", content: "Absolutely. We discuss all costs upfront before starting any work." },
       ]}
       mediaAnimation="slide-up"
       title="Common Questions"
@@ -361,76 +156,30 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Community Plumbing Assoc.",
-        "Local Chamber of Commerce",
-        "Better Business Bureau",
-        "Homeowners Association",
-        "Local Builders Guild",
-      ]}
+        "Community Plumbing Assoc.",        "Local Chamber of Commerce",        "Better Business Bureau",        "Homeowners Association",        "Local Builders Guild"]}
       title="Trusted Local Partner"
       description="Proudly supporting our community."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Get a Free Estimate"
-      description="Call us at 555-0102 or use the form below to reach out for your plumbing needs."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=as0m2k"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      imageAlt="local plumber van on street"
-    />
+      <ContactCTA
+        tag="Get In Touch"
+        title="Plumbing Issues? We're Ready to Help."
+        description="We are available 24/7 for emergency leaks, repairs, and general consultations. Please call +16788952853 or submit an inquiry using the form below, and we'll be in touch shortly."
+        buttons={[{ text: "Call +16788952853", href: "tel:+16788952853" }]}
+        background={{ variant: "sparkles-gradient" }}
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="Merritt Service Co."
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Leak Repair",
-              href: "#services",
-            },
-            {
-              label: "Water Heaters",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Hours: Mon-Sat 8am-6pm",
-              href: "#",
-            },
-            {
-              label: "Service Area: Full County",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "555-0102",
-              href: "tel:5550102",
-            },
-            {
-              label: "info@merrittplumbing.com",
-              href: "mailto:info@merrittplumbing.com",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Leak Repair", href: "#services" }, { label: "Water Heaters", href: "#services" }] },
+        { title: "Hours & Area", items: [{ label: "Mon-Sat 8am-6pm", href: "#" }, { label: "Service Area: Full County", href: "#" }] },
+        { title: "Contact", items: [{ label: "+16788952853", href: "tel:+16788952853" }, { label: "info@merrittplumbing.com", href: "mailto:info@merrittplumbing.com" }] },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612;
-  --primary-cta: #15479c;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #f8fafc;
+  --primary-cta: #FFD700;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #FF7B05;
+  --secondary-cta: #f8fafc;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #1e3a8a;
+  --background-accent: #1e3a8a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);