From 10a24a3defe208813998bf2f9c6e7d91dee472ba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 07:56:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 169 ++++++++++++++++++++++++-----------------------
 1 file changed, 85 insertions(+), 84 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0a62718..658d657 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,96 +26,97 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Overview", id: "about" },
-        { name: "Services", id: "features" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Clog Busters"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Overview", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Clog Busters"
+            button={{ text: "Get Help", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{ variant: "gradient-bars" }}
-      title="Clog Busters: Expert Plumbing, 24/7 Service"
-      description="Professional drain cleaning, leak repairs, and emergency plumbing solutions when you need them most."
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg", imageAlt: "Professional plumber" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", imageAlt: "Repairing faucet" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cleaning-home_23-2150453313.jpg", imageAlt: "Drain inspection" },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Clog Busters: Expert Plumbing, 24/7 Service"
+            description="Professional drain cleaning, leak repairs, and emergency plumbing solutions when you need them most."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg", imageAlt: "Professional plumber" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", imageAlt: "Repairing faucet" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cleaning-home_23-2150453313.jpg", imageAlt: "Drain inspection" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      tag="Overview"
-      title="Professional Plumbing You Can Rely On"
-      description="For years, Clog Busters has been the go-to partner for homeowners needing fast, effective, and reliable plumbing support. Our 24/7 availability ensures that when disaster strikes, we are only a call away."
-      subdescription="We combine modern technology with expert techniques to provide long-lasting repairs for every client."
-      icon={ShieldCheck}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg"
-      imageAlt="Our team"
-      mediaAnimation="slide-up"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Overview"
+            title="Professional Plumbing You Can Rely On"
+            description="For years, Clog Busters has been the go-to partner for homeowners needing fast, effective, and reliable plumbing support. Our 24/7 availability ensures that when disaster strikes, we are only a call away."
+            subdescription="We combine modern technology with expert techniques to provide long-lasting repairs for every client."
+            icon={ShieldCheck}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg"
+            imageAlt="Our team"
+            mediaAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      title="Our Core Services"
-      description="Comprehensive plumbing services to keep your home systems running smoothly."
-      accordionItems={[
-        { id: "s1", title: "Drain Cleaning", content: "Advanced clearing for any blockage type." },
-        { id: "s2", title: "24/7 Emergency Repairs", content: "Fast response times to minimize damage." },
-        { id: "s3", title: "Leak Detection", content: "Accurate diagnosis of hidden leaks." },
-        { id: "s4", title: "Fixture Installation", content: "Professional setup of sinks, faucets, and more." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg"
-      imageAlt="Plumbing services"
-      mediaAnimation="slide-up"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            title="Our Core Services"
+            description="Comprehensive plumbing services to keep your home systems running smoothly."
+            accordionItems={[
+              { id: "s1", title: "Drain Cleaning", content: "Advanced clearing for any blockage type." },
+              { id: "s2", title: "24/7 Emergency Repairs", content: "Fast response times to minimize damage." },
+              { id: "s3", title: "Leak Detection", content: "Accurate diagnosis of hidden leaks." },
+              { id: "s4", title: "Fixture Installation", content: "Professional setup of sinks, faucets, and more." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg"
+            imageAlt="Plumbing services"
+            mediaAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      title="What Our Customers Say"
-      description="Consistently rated high for our fast response and professional quality."
-      testimonials={[
-        { id: "t1", name: "Sarah J.", date: "Recent", title: "Fast Arrival", quote: "Clog Busters came out on a holiday to fix my sink. Incredible service!", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/serious-african-man-looking_171337-9848.jpg" },
-        { id: "t2", name: "Mike D.", date: "Recent", title: "Professional", quote: "Really knowledgeable about my pipe issue and left everything clean.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-hairstyle_23-2150677136.jpg" },
-      ]}
-      textboxLayout="split"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            title="What Our Customers Say"
+            description="Consistently rated high for our fast response and professional quality."
+            testimonials={[
+              { id: "t1", name: "Sarah J.", date: "Recent", title: "Fast Arrival", quote: "Clog Busters came out on a holiday to fix my sink. Incredible service!", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/serious-african-man-looking_171337-9848.jpg" },
+              { id: "t2", name: "Mike D.", date: "Recent", title: "Professional", quote: "Really knowledgeable about my pipe issue and left everything clean.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-hairstyle_23-2150677136.jpg" },
+            ]}
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact Us"
-      title="Call Clog Busters Today"
-      description="We offer 24/7 service. Contact us now to resolve your plumbing issues immediately."
-      background={{ variant: "rotated-rays-animated" }}
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Contact Us"
+            title="Call Clog Busters Today"
+            description="We offer 24/7 service. Contact us now to resolve your plumbing issues immediately."
+            background={{ variant: "rotated-rays-animated" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Clog Busters"
-      copyrightText="© 2025 Clog Busters. 24/7 Plumbing Experts."
-      socialLinks={[
-        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Clog Busters"
+            copyrightText="© 2025 Clog Busters. 24/7 Plumbing Experts."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1