Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,42 +9,30 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Phone, Shield } from "lucide-react";
+import { Phone, Shield, Wrench, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="medium"
         sizing="largeSmall"
-        background="floatingGradient"
+        background="noiseDiagonalGradient"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="shadow"
         secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="NC Plumbing Co."
     />
@@ -52,127 +40,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "plain" }}
-        variant: "gradient-bars",
+      title="Trusted, Reliable Plumbing for Your Home"
-      }}
+      description="Our family-owned business has served NC families for over 20 years. We treat every home as if it were our own—offering honest, upfront pricing and guaranteed workmanship for all your plumbing needs."
-      title="Don't Let a Small Leak Become a $10,000 Problem"
-      description="NC's trusted local family-owned plumbers. We answer 24/7 for emergency repairs, drain cleaning, and water heater issues. Same-day service, upfront pricing, licensed and insured."
       leftCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=1", imageAlt: "Professional Plumber" },
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=2", imageAlt: "Professional Plumber" },
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=2",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=3",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=4",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=5",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=6",
-          imageAlt: "Professional Plumber",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=7", imageAlt: "Professional Plumber" },
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=7",
+        { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=8", imageAlt: "Professional Plumber" },
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=8",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=9",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=10",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=11",
-          imageAlt: "Professional Plumber",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=12",
-          imageAlt: "Professional Plumber",
-        },
       ]}
-      tag="Licensed & Insured - 4.9 Stars"
+      tag="Licensed & Insured Local Experts"
       buttons={[
-        {
+        { text: "Schedule Service", href: "#contact" },
-          text: "Call Now — We Answer 24/7",
+        { text: "24/7 Emergency Support", href: "tel:555-010-9999" },
-          href: "tel:555-010-9999",
-        },
-        {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
       ]}
       tagIcon={Shield}
       tagAnimation="blur-reveal"
       buttonAnimation="slide-up"
-      avatars={[
+      avatarText="Proudly Serving NC Communities"
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ local homeowners"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
-          alt: "Emergency",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
-          alt: "Drains",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
-          alt: "Heaters",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
-          alt: "Leaks",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
-          alt: "Kitchen",
-        },
-      ]}
     />
   </div>
 
@@ -181,72 +68,31 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="bento-grid"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Emergency Repair",          description: "Rapid response for leaks and bursts when you need us most.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=1"},
-          title: "Emergency Plumbing",
-          description: "Burst pipes or major leaks? We are on call 24/7 to save your home.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=1",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Drain Services",          description: "Professional cleaning for stubborn clogs and slow drains.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=2"},
-          title: "Drain Cleaning",
-          description: "Stop clogs before they overflow. Professional hydro-jetting services.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=2",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Water Heaters",          description: "Installation and maintenance for reliable hot water systems.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=3"},
-          title: "Water Heaters",
-          description: "Repair or installation of tankless and traditional systems for hot water on demand.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=3",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Leak Detection",          description: "Precise diagnostics to prevent costly water damage.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=4"},
-          title: "Leak Detection",
-          description: "Unseen leaks can cost thousands. Our advanced technology finds them fast.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=4",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Plumbing Upgrades",          description: "Expert installation for kitchens, bathrooms, and full repiping.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=5"},
-          title: "Kitchen & Bath",
-          description: "From faucet repairs to full repiping, we keep your home running smooth.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=5",
-        },
       ]}
-      title="Our Professional Plumbing Services"
+      title="Comprehensive Local Plumbing Care"
-      description="Fast, reliable solutions for your home. We handle the stress so you don't have to."
+      description="We pride ourselves on doing the job right the first time. Experience service built on integrity and decades of neighborhood expertise."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      testimonial="I had a major pipe burst at 2 AM. These guys arrived in under 30 minutes, kept me calm, and fixed it perfectly. Truly a local, reliable family company!"
+      testimonial="NC Plumbing Co. is our go-to for everything. They are reliable, polite, and explain every cost before they start. A truly professional team that cares about their local customers."
       rating={5}
-      author="Sarah M., Raleigh, NC"
+      author="The Miller Family, Raleigh"
-      avatars={[
+      avatars={[]}
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-          alt: "Customer 5",
-        },
-      ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
     />
@@ -257,33 +103,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do you offer honest quotes?",          content: "Always. We believe in transparency and providing a firm quote before any work begins."},
-          title: "How much for a service call?",
-          content: "We provide upfront pricing so there are no surprises. Call us today for a free estimate.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Are you available on weekends?",          content: "Yes. We understand plumbing emergencies don't wait for Monday morning. We are here 24/7."},
-          title: "Do you offer weekend service?",
-          content: "Yes, we are truly 24/7 because plumbing emergencies don't stick to office hours.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is your work guaranteed?",          content: "Absolutely. We stand behind every job with a full guarantee on all parts and labor."},
-          title: "Are you fully licensed in NC?",
-          content: "Absolutely. We are fully licensed, insured, and locally bonded for your peace of mind.",
-        },
-        {
-          id: "q4",
-          title: "How fast can you arrive?",
-          content: "For emergencies, our dispatch team aims to reach you in under 60 minutes.",
-        },
-        {
-          id: "q5",
-          title: "Do you guarantee your work?",
-          content: "We stand behind our local name. All parts and labor are fully guaranteed.",
-        },
       ]}
-      sideTitle="Common Homeowner Questions"
+      sideTitle="Your Trusted Local Plumbing Partner"
-      sideDescription="Not sure if you need a pro? Here are common concerns resolved by our local experts."
+      sideDescription="We are happy to answer any questions about your home plumbing needs."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -291,84 +118,25 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactFaq
       animationType="slide-up"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
-        {
+        { id: "a1", title: "How do I request a quote?", content: "Fill out our simple form and a local technician will contact you shortly." },
-          id: "a1",
-          title: "Request Form",
-          content: "Fields: Name, Phone, Service, Description. We will call you immediately.",
-        },
       ]}
-      ctaTitle="Get a Free Estimate in Under 2 Minutes"
+      ctaTitle="Need a Reliable Plumber?"
-      ctaDescription="Tell us what's leaking. We'll handle the rest."
+      ctaDescription="We are ready to solve your plumbing problems quickly and professionally. Contact us today."
-      ctaButton={{
+      ctaButton={{ text: "Request Service", href: "#contact" }}
-        text: "Submit Request",
+      ctaIcon={Wrench}
-        href: "#",
-      }}
-      ctaIcon={Phone}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       columns={[
-        {
+        { title: "Services", items: [{ label: "Repairs", href: "#" }, { label: "Installation", href: "#" }] },
-          title: "Contact Us",
+        { title: "About Us", items: [{ label: "Our Family Story", href: "#" }, { label: "Careers", href: "#" }] },
-          items: [
+        { title: "Contact", items: [{ label: "(555) 010-9999", href: "tel:5550109999" }, { label: "Licensed #999999", href: "#" }] },
-            {
-              label: "NC Plumbing Co.",
-              href: "#",
-            },
-            {
-              label: "Raleigh, NC 27601",
-              href: "#",
-            },
-            {
-              label: "(555) 010-9999",
-              href: "tel:5550109999",
-            },
-            {
-              label: "Lic #999999",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Open 24/7, 365 Days",
-              href: "#",
-            },
-            {
-              label: "Including Holidays",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Service Areas",
-          items: [
-            {
-              label: "Raleigh",
-              href: "#",
-            },
-            {
-              label: "Durham",
-              href: "#",
-            },
-            {
-              label: "Chapel Hill",
-              href: "#",
-            },
-            {
-              label: "Cary",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2024 NC Plumbing Co. All Rights Reserved."
+      copyrightText="© 2024 NC Plumbing Co. Licensed and Bonded Experts."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fbfbfb;
-  --card: #f9f9f9;
+  --card: #f0f0f0;
-  --foreground: #000612e6;
+  --foreground: #1a1a1a;
-  --primary-cta: #15479c;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffb300;
+  --secondary-cta: #e2e2e2;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #0a7039;
-  --background-accent: #c4c4c4;
+  --background-accent: #e7eecd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);