From 4f57dc505305d4247443bb637e2fbf0793efa3b7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 15 May 2026 15:16:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 438 +++++++++++++++--------------------------------
 1 file changed, 142 insertions(+), 296 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3e6e0e5..48061d7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,312 +15,158 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Clermont Plumbing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Clermont Plumbing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Reliable Plumbing Solutions in Clermont"
-      description="From emergency repairs to precision installations, we handle every plumbing need with professional expertise and local care."
-      tag="Trusted Local Plumbing Experts"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg?_wi=1",
-          imageAlt: "Professional plumber at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=1",
-          imageAlt: "Plumbing service equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132625.jpg",
-          imageAlt: "Tools and materials for sanitary works",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
-          imageAlt: "Plumbing professional doing his job",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
-          imageAlt: "A man installs a heating system",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5 stars by over 500 local residents"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Reliable Plumbing Solutions in Clermont"
+            description="From emergency repairs to precision installations, we handle every plumbing need with professional expertise and local care."
+            tag="Trusted Local Plumbing Experts"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg", imageAlt: "Professional plumber at work" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg", imageAlt: "Plumbing service equipment" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Rated 5 stars by over 500 local residents"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Your Trusted Clermont Plumbing Partner"
-      description="With over 20 years of experience serving the Clermont area, we provide transparent pricing, efficient work, and guaranteed satisfaction on all plumbing services."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years of Experience",
-        },
-        {
-          value: "5k+",
-          title: "Successful Repairs",
-        },
-        {
-          value: "24/7",
-          title: "Emergency Support",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=1"
-      imageAlt="Clermont Plumbing service team"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Your Trusted Clermont Plumbing Partner"
+            description="With over 20 years of experience serving the Clermont area, we provide transparent pricing, efficient work, and guaranteed satisfaction on all plumbing services."
+            metrics={[
+              { value: "20+", title: "Years of Experience" },
+              { value: "5k+", title: "Successful Repairs" },
+              { value: "24/7", title: "Emergency Support" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg"
+            imageAlt="Clermont Plumbing service team"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Drain Cleaning",
-          description: "High-pressure drain cleaning and clog removal.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=1",
-          imageAlt: "Drain cleaning",
-        },
-        {
-          title: "Pipe Repairs",
-          description: "Expert pipe repair and leak detection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176722.jpg",
-          imageAlt: "Pipe repairs",
-        },
-        {
-          title: "Water Heater Service",
-          description: "Installation and maintenance of all water heater types.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
-          imageAlt: "Water heater service",
-        },
-      ]}
-      title="Comprehensive Plumbing Services"
-      description="Whatever your plumbing challenge, we have the skills and tools to solve it."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            features={[
+              { title: "Drain Cleaning", description: "High-pressure drain cleaning and clog removal.", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Drain cleaning" },
+              { title: "Pipe Repairs", description: "Expert pipe repair and leak detection.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176722.jpg", imageAlt: "Pipe repairs" },
+              { title: "Water Heater Service", description: "Installation and maintenance of all water heater types.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg", imageAlt: "Water heater service" }
+            ]}
+            title="Comprehensive Plumbing Services"
+            description="Whatever your plumbing challenge, we have the skills and tools to solve it."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Customer Satisfaction",
-          items: [
-            "High quality",
-            "On time",
-            "Transparent",
-          ],
-        },
-        {
-          id: "m2",
-          value: "1hr",
-          title: "Average Response Time",
-          items: [
-            "Fast",
-            "Reliable",
-            "Local",
-          ],
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Annual Projects",
-          items: [
-            "Diverse",
-            "Skilled",
-            "Pro",
-          ],
-        },
-      ]}
-      title="Our Impact in Numbers"
-      description="We are proud of the work we have completed for the Clermont community."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "98%", title: "Customer Satisfaction", items: ["High quality", "On time", "Transparent"] },
+              { id: "m2", value: "1hr", title: "Average Response Time", items: ["Fast", "Reliable", "Local"] },
+              { id: "m3", value: "500+", title: "Annual Projects", items: ["Diverse", "Skilled", "Pro"] }
+            ]}
+            title="Our Impact in Numbers"
+            description="We are proud of the work we have completed for the Clermont community."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Jan 2025",
-          title: "Homeowner",
-          quote: "Fast, friendly, and very professional.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg?_wi=2",
-          imageAlt: "customer portrait happy smiling",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          date: "Dec 2024",
-          title: "Homeowner",
-          quote: "Great service at a fair price.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg?_wi=2",
-          imageAlt: "customer portrait happy smiling",
-        },
-        {
-          id: "3",
-          name: "Emily White",
-          date: "Dec 2024",
-          title: "Small Business Owner",
-          quote: "They fixed our commercial leak quickly.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=2",
-          imageAlt: "customer portrait happy smiling",
-        },
-        {
-          id: "4",
-          name: "David Brown",
-          date: "Nov 2024",
-          title: "Homeowner",
-          quote: "The best plumbers in the Clermont area.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40328.jpg",
-          imageAlt: "customer portrait happy smiling",
-        },
-        {
-          id: "5",
-          name: "Jane Wilson",
-          date: "Oct 2024",
-          title: "Homeowner",
-          quote: "I appreciate the detailed explanation of work.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=2",
-          imageAlt: "customer portrait happy smiling",
-        },
-      ]}
-      title="Trusted by Local Neighbors"
-      description="See why homeowners in Clermont choose us for their plumbing needs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Homeowner", quote: "Fast, friendly, and very professional.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg", imageAlt: "customer portrait" },
+              { id: "2", name: "John Doe", date: "Dec 2024", title: "Homeowner", quote: "Great service at a fair price.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg", imageAlt: "customer portrait" },
+              { id: "3", name: "Emily White", date: "Dec 2024", title: "Small Business Owner", quote: "They fixed our commercial leak quickly.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", imageAlt: "customer portrait" },
+              { id: "4", name: "David Brown", date: "Nov 2024", title: "Homeowner", quote: "The best plumbers in the Clermont area.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40328.jpg", imageAlt: "customer portrait" },
+              { id: "5", name: "Jane Wilson", date: "Oct 2024", title: "Homeowner", quote: "I appreciate the detailed explanation of work.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "customer portrait" }
+            ]}
+            title="Trusted by Local Neighbors"
+            description="See why homeowners in Clermont choose us for their plumbing needs."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency plumbing?",
-          content: "Yes, we are available 24/7 for all emergency needs.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. Our team is fully licensed and insured.",
-        },
-        {
-          id: "q3",
-          title: "What areas do you serve?",
-          content: "We primarily serve the Clermont and surrounding areas.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Got questions about our services? We have answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer emergency plumbing?", content: "Yes, we are available 24/7 for all emergency needs." },
+              { id: "q2", title: "Are you licensed and insured?", content: "Absolutely. Our team is fully licensed and insured." },
+              { id: "q3", title: "What areas do you serve?", content: "We primarily serve the Clermont and surrounding areas." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Got questions about our services? We have answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Ready to get started?"
-      description="Fill out the form below or give us a call to schedule your plumbing service."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-construction-tools-as-brick-hammer-pipe-wrench-putty-knife-paint-brush-open-end-wrench-gray-background-with-copy-space_141793-14397.jpg"
-      imageAlt="Clermont Plumbing service contact"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Ready to get started?"
+            description="Fill out the form below or give us a call to schedule your plumbing service."
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-construction-tools-as-brick-hammer-pipe-wrench-putty-knife-paint-brush-open-end-wrench-gray-background-with-copy-space_141793-14397.jpg"
+            imageAlt="Clermont Plumbing service contact"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg"
-      logoText="Clermont Plumbing Services"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Drain Cleaning",
-              href: "#services",
-            },
-            {
-              label: "Pipe Repairs",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg"
+            logoText="Clermont Plumbing Services"
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Drain Cleaning", href: "#services" },
+                  { label: "Pipe Repairs", href: "#services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1