From a5e5e9477c06060f732e0057dcf1011a2eb1ff88 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 20:45:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 341 ++++++++++++++---------------------------------
 1 file changed, 100 insertions(+), 241 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c74a785..8524daf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,255 +16,114 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         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">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Why Us",
-          id: "why",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-      ]}
-      brandName="Sparrow Plumbing"
-      button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Why Us", id: "why" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "reviews" },
+            ]}
+            brandName="Sparrow Plumbing"
+            button={{ text: "Get a Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Plumbing Done Right. Every Time."
-      description="Expert plumbing and drain cleaning with the professionalism you deserve. We arrive on time, explain everything clearly, and guarantee our work."
-      tag="Licensed & Insured · St. Louis Area"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=1",
-          imageAlt: "Professional plumber at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-faucet-sink-minimal-interior-premium-modern-kitchen-design_169016-72159.jpg?_wi=1",
-          imageAlt: "Modern plumbing fixtures",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=2",
-          imageAlt: "Plumber checking pipes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-faucet-sink-minimal-interior-premium-modern-kitchen-design_169016-72159.jpg?_wi=2",
-          imageAlt: "Residential plumbing installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=3",
-          imageAlt: "Quality drain cleaning service",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="4.9/5 Rating from 278+ Reviews"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Plumbing Done Right. Every Time."
+            description="Expert plumbing and drain cleaning with the professionalism you deserve. We arrive on time, explain everything clearly, and guarantee our work."
+            tag="Licensed & Insured · St. Louis Area"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg", imageAlt: "Professional plumber at work" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-faucet-sink-minimal-interior-premium-modern-kitchen-design_169016-72159.jpg", imageAlt: "Modern plumbing fixtures" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="4.9/5 Rating from 278+ Reviews"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Drain Cleaning",
-          description: "Fast hydro-jetting and snaking for kitchen and bathroom lines.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg?_wi=1",
-            imageAlt: "Drain cleaning",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg?_wi=2",
-            imageAlt: "Drain service",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=4",
-          imageAlt: "professional plumber at work",
-        },
-        {
-          title: "Water Heaters",
-          description: "Expert repair and installation of traditional and tankless systems.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg?_wi=1",
-            imageAlt: "Water heater",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg?_wi=2",
-            imageAlt: "Heater service",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/black-kitchen-faucet-sink-minimal-interior-premium-modern-kitchen-design_169016-72159.jpg?_wi=3",
-          imageAlt: "modern bathroom plumbing fixtures",
-        },
-        {
-          title: "Leak Detection",
-          description: "Accurate, non-invasive detection to prevent damage before it starts.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg?_wi=1",
-            imageAlt: "Leak detection",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg?_wi=2",
-            imageAlt: "Leak fix",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg?_wi=3",
-          imageAlt: "drain cleaning equipment tool",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Comprehensive Plumbing Solutions"
-      description="From stubborn clogs to complete installations, we handle it all with precision."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Drain Cleaning",                description: "Fast hydro-jetting and snaking for kitchen and bathroom lines.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg", imageAlt: "Drain cleaning" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17765.jpg", imageAlt: "Drain service" }
+              },
+              {
+                title: "Water Heaters",                description: "Expert repair and installation of traditional and tankless systems.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg", imageAlt: "Water heater" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg", imageAlt: "Heater service" }
+              },
+              {
+                title: "Leak Detection",                description: "Accurate, non-invasive detection to prevent damage before it starts.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg", imageAlt: "Leak detection" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg", imageAlt: "Leak fix" }
+              }
+            ]}
+            showStepNumbers={true}
+            title="Comprehensive Plumbing Solutions"
+            description="From stubborn clogs to complete installations, we handle it all with precision."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Meet Willie: A Plumber Who Actually Cares",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Meet Willie: A Plumber Who Actually Cares" }]}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ashley F.",
-          role: "Homeowner",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
-        },
-        {
-          id: "2",
-          name: "Dorothy M.",
-          role: "Homeowner",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086843.jpg",
-        },
-        {
-          id: "3",
-          name: "Nikki K.",
-          role: "Homeowner",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-planning-redecorating-household_23-2148814343.jpg",
-        },
-        {
-          id: "4",
-          name: "Robert B.",
-          role: "Homeowner",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
-        },
-        {
-          id: "5",
-          name: "Susan L.",
-          role: "Homeowner",
-          company: "St. Louis",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
-        },
-      ]}
-      title="Customer Stories"
-      description="What our neighbors are saying about Sparrow Plumbing."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ashley F.", role: "Homeowner", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg" },
+              { id: "2", name: "Dorothy M.", role: "Homeowner", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086843.jpg" },
+              { id: "3", name: "Nikki K.", role: "Homeowner", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-planning-redecorating-household_23-2148814343.jpg" },
+              { id: "4", name: "Robert B.", role: "Homeowner", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" },
+              { id: "5", name: "Susan L.", role: "Homeowner", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg" }
+            ]}
+            title="Customer Stories"
+            description="What our neighbors are saying about Sparrow Plumbing."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Ready to get the job done right? Call Willie today for a free estimate or same-day service."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+13145550100",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Ready to get the job done right? Call Willie today for a free estimate or same-day service."
+            buttons={[{ text: "Call Now", href: "tel:+13145550100" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Sparrow Plumbing",
-          items: [
-            {
-              label: "St. Louis, MO Area",
-              href: "#",
-            },
-            {
-              label: "Licensed & Insured",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Drain Cleaning",
-              href: "#services",
-            },
-            {
-              label: "Water Heaters",
-              href: "#services",
-            },
-            {
-              label: "Leak Repair",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Today",
-              href: "tel:+13145550100",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2026 Sparrow Plumbing & Drain Cleaning."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Sparrow Plumbing", items: [{ label: "St. Louis, MO Area", href: "#" }, { label: "Licensed & Insured", href: "#" }] },
+              { title: "Services", items: [{ label: "Drain Cleaning", href: "#services" }, { label: "Water Heaters", href: "#services" }, { label: "Leak Repair", href: "#services" }] },
+              { title: "Contact", items: [{ label: "Call Today", href: "tel:+13145550100" }] }
+            ]}
+            bottomLeftText="© 2026 Sparrow Plumbing & Drain Cleaning."
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );