From 7dac196bc3d5c9b6e71af277b24b2ca2a8f4e55a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 03:20:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 467 +++++++++++++++--------------------------------
 1 file changed, 145 insertions(+), 322 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4741dd3..6ffdee7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,338 +19,161 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        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: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Neighborhood Rooter Express"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Neighborhood Rooter Express"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Plumbing Experts for Orland Hills & Beyond"
-      description="Family-owned and operated for over 27 years. We provide 24/7 emergency service with a parts and labor guarantee. Get your free estimate today."
-      buttons={[
-        {
-          text: "Get Free Estimate",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:8153202846",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",
-          imageAlt: "Plumbing service 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg",
-          imageAlt: "Plumbing service 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg",
-          imageAlt: "Plumbing service 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990702.jpg",
-          imageAlt: "Plumbing service 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg",
-          imageAlt: "Plumbing service 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-washing-fruit_23-2149535094.jpg",
-          imageAlt: "Plumbing service 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "plain" }}
+            title="Plumbing Experts for Orland Hills & Beyond"
+            description="Family-owned and operated for over 27 years. We provide 24/7 emergency service with a parts and labor guarantee. Get your free estimate today."
+            buttons={[
+              { text: "Get Free Estimate", href: "#contact" },
+              { text: "Call Now", href: "tel:8153202846" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg", imageAlt: "plumber repairing pipe" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg", imageAlt: "plumber installing faucet" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg", imageAlt: "water heater repair plumber" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990702.jpg", imageAlt: "plumber unclogging drain" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg", imageAlt: "plumber fixing shower pipe" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-washing-fruit_23-2149535094.jpg", imageAlt: "plumber garbage disposal install" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Why Choose Neighborhood Rooter?"
-      metrics={[
-        {
-          icon: Award,
-          label: "Years in Business",
-          value: "27+",
-        },
-        {
-          icon: Users,
-          label: "Family Owned",
-          value: "Yes",
-        },
-        {
-          icon: Clock,
-          label: "Emergency Service",
-          value: "24/7",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Why Choose Neighborhood Rooter?"
+            metrics={[
+              { icon: Award, label: "Years in Business", value: "27+" },
+              { icon: Users, label: "Family Owned", value: "Yes" },
+              { icon: Clock, label: "Emergency Service", value: "24/7" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Leak Repair",
-          author: "Pro Team",
-          description: "Quickly identify and resolve leaks to prevent property damage.",
-          tags: [
-            "Emergency",
-            "Plumbing",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",
-        },
-        {
-          id: "2",
-          title: "Water Heater Installation",
-          author: "Pro Team",
-          description: "Efficient installation of modern high-performance water heaters.",
-          tags: [
-            "Install",
-            "Water",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250260.jpg",
-        },
-        {
-          id: "3",
-          title: "Sewer System Repair",
-          author: "Pro Team",
-          description: "Expert diagnostics and repairs for complex sewer line issues.",
-          tags: [
-            "Sewer",
-            "Pro",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg",
-        },
-      ]}
-      title="Our Professional Services"
-      description="From emergency leaks to complex installations, our certified team handles all your plumbing needs with precision."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Leak Repair", author: "Pro Team", description: "Quickly identify and resolve leaks to prevent property damage.", tags: ["Emergency", "Plumbing"], imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg" },
+              { id: "2", title: "Water Heater Installation", author: "Pro Team", description: "Efficient installation of modern high-performance water heaters.", tags: ["Install", "Water"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250260.jpg" },
+              { id: "3", title: "Sewer System Repair", author: "Pro Team", description: "Expert diagnostics and repairs for complex sewer line issues.", tags: ["Sewer", "Pro"], imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg" },
+            ]}
+            title="Our Professional Services"
+            description="From emergency leaks to complex installations, our certified team handles all your plumbing needs with precision."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: Star,
-          title: "Customer Rating",
-          value: "5.0",
-        },
-        {
-          id: "m2",
-          icon: MessageCircle,
-          title: "Verified Reviews",
-          value: "184+",
-        },
-        {
-          id: "m3",
-          icon: CheckCircle,
-          title: "Satisfaction",
-          value: "100%",
-        },
-      ]}
-      title="By The Numbers"
-      description="Our commitment to quality has earned us the trust of the Orland Hills community."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", icon: Star, title: "Customer Rating", value: "5.0" },
+              { id: "m2", icon: MessageCircle, title: "Verified Reviews", value: "184+" },
+              { id: "m3", icon: CheckCircle, title: "Satisfaction", value: "100%" },
+            ]}
+            title="By The Numbers"
+            description="Our commitment to quality has earned us the trust of the Orland Hills community."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice M.",
-          role: "Homeowner",
-          company: "Orland Hills",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
-        },
-        {
-          id: "2",
-          name: "Robert B.",
-          role: "Homeowner",
-          company: "Orland Hills",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
-        },
-        {
-          id: "3",
-          name: "Jessica L.",
-          role: "Homeowner",
-          company: "Nearby Areas",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark D.",
-          role: "Homeowner",
-          company: "Orland Hills",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-73.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah P.",
-          role: "Homeowner",
-          company: "Nearby Areas",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="See why Orland Hills trusts Neighborhood Rooter Express for their home plumbing needs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alice M.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg" },
+              { id: "2", name: "Robert B.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
+              { id: "3", name: "Jessica L.", role: "Homeowner", company: "Nearby Areas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg" },
+              { id: "4", name: "Mark D.", role: "Homeowner", company: "Orland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-73.jpg" },
+              { id: "5", name: "Sarah P.", role: "Homeowner", company: "Nearby Areas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
+            ]}
+            title="Client Success Stories"
+            description="See why Orland Hills trusts Neighborhood Rooter Express for their home plumbing needs."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we offer 24/7 emergency service to ensure your home plumbing needs are met at any hour.",
-        },
-        {
-          id: "f2",
-          title: "Are your estimates really free?",
-          content: "Absolutely! We provide free consultations and estimates for all new plumbing projects and services.",
-        },
-        {
-          id: "f3",
-          title: "Is your work guaranteed?",
-          content: "We stand by our work with a comprehensive parts and labor guarantee on all completed services.",
-        },
-      ]}
-      title="Common Plumbing Questions"
-      description="Have questions about your plumbing system or our services? Here are the most frequently asked questions."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Do you offer emergency services?", content: "Yes, we offer 24/7 emergency service to ensure your home plumbing needs are met at any hour." },
+              { id: "f2", title: "Are your estimates really free?", content: "Absolutely! We provide free consultations and estimates for all new plumbing projects and services." },
+              { id: "f3", title: "Is your work guaranteed?", content: "We stand by our work with a comprehensive parts and labor guarantee on all completed services." },
+            ]}
+            title="Common Plumbing Questions"
+            description="Have questions about your plumbing system or our services? Here are the most frequently asked questions."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get Your Free Estimate"
-      description="Need a plumber? Contact us today to schedule your consultation. We serve Orland Hills and surrounding neighborhoods."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get Your Free Estimate"
+            description="Need a plumber? Contact us today to schedule your consultation. We serve Orland Hills and surrounding neighborhoods."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Services",
-              href: "#features",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Neighborhood Rooter Express"
-      bottomRightText="Orland Hills, IL"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Services", href: "#features" },
+                  { label: "Reviews", href: "#testimonials" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "#contact" },
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Privacy Policy", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Neighborhood Rooter Express"
+            bottomRightText="Orland Hills, IL"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1