From 933c9b71e496b2943510302c812348c6132c3102 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 10:25:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 545 +++++++++++++----------------------------------
 1 file changed, 154 insertions(+), 391 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac62a2e..38ad142 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,409 +21,172 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         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: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elite Plumbing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elite Plumbing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Professional Plumbing Services"
-      description="Providing reliable, high-quality plumbing solutions for your home and business. Emergency services available 24/7."
-      tag="Trusted Local Experts"
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg"
-      tagIcon={Shield}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Professional Plumbing Services"
+            description="Providing reliable, high-quality plumbing solutions for your home and business. Emergency services available 24/7."
+            tag="Trusted Local Experts"
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg"
+            tagIcon={Shield}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Pipe Repairs",
-          descriptions: [
-            "Expert leak detection and repair.",
-            "High-quality piping materials.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg",
-        },
-        {
-          id: "f2",
-          title: "Water Heaters",
-          descriptions: [
-            "Installation and maintenance.",
-            "Energy-efficient solutions.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
-        },
-        {
-          id: "f3",
-          title: "Drain Cleaning",
-          descriptions: [
-            "Fast removal of blockages.",
-            "Comprehensive pipe cleaning.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
-        },
-        {
-          id: "f4",
-          title: "Fixture Installation",
-          descriptions: [
-            "Upgrading your bathroom fixtures.",
-            "Professional and seamless install.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg",
-        },
-        {
-          id: "f5",
-          title: "Emergency Repairs",
-          descriptions: [
-            "Available round the clock.",
-            "Solving urgent leaks fast.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg",
-        },
-      ]}
-      title="Our Expert Services"
-      description="Comprehensive plumbing maintenance and repair services tailored to your needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Pipe Repairs", descriptions: ["Expert leak detection and repair.", "High-quality piping materials."], imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg" },
+              { id: "f2", title: "Water Heaters", descriptions: ["Installation and maintenance.", "Energy-efficient solutions."], imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg" },
+              { id: "f3", title: "Drain Cleaning", descriptions: ["Fast removal of blockages.", "Comprehensive pipe cleaning."], imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg" },
+              { id: "f4", title: "Fixture Installation", descriptions: ["Upgrading your bathroom fixtures.", "Professional and seamless install."], imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg" },
+              { id: "f5", title: "Emergency Repairs", descriptions: ["Available round the clock.", "Solving urgent leaks fast."], imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg" }
+            ]}
+            title="Our Expert Services"
+            description="Comprehensive plumbing maintenance and repair services tailored to your needs."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Why Choose Elite Plumbing?"
-      description="With over 15 years of experience, our local team provides professional service with a satisfaction guarantee. We prioritize safety and efficiency."
-      bulletPoints={[
-        {
-          title: "Licensed & Insured",
-          description: "Full compliance with local building codes.",
-        },
-        {
-          title: "Fast Response",
-          description: "Rapid turnaround for emergency calls.",
-        },
-        {
-          title: "Satisfaction Guaranteed",
-          description: "We stand by our work until you're happy.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Why Choose Elite Plumbing?"
+            description="With over 15 years of experience, our local team provides professional service with a satisfaction guarantee. We prioritize safety and efficiency."
+            bulletPoints={[
+              { title: "Licensed & Insured", description: "Full compliance with local building codes." },
+              { title: "Fast Response", description: "Rapid turnaround for emergency calls." },
+              { title: "Satisfaction Guaranteed", description: "We stand by our work until you're happy." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          price: "$89",
-          name: "Emergency Call",
-          buttons: [
-            {
-              text: "Call Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "On-site assessment",
-            "Safety check",
-          ],
-        },
-        {
-          id: "p2",
-          price: "$149",
-          name: "Drain Unclog",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Basic drain clearing",
-            "System check",
-          ],
-        },
-        {
-          id: "p3",
-          price: "$299",
-          name: "Water Heater Maintenance",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full flushing",
-            "Pressure test",
-          ],
-        },
-      ]}
-      title="Simple Pricing"
-      description="Transparent rates with no hidden fees."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", price: "$89", name: "Emergency Call", buttons: [{ text: "Call Now", href: "#contact" }], features: ["On-site assessment", "Safety check"] },
+              { id: "p2", price: "$149", name: "Drain Unclog", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Basic drain clearing", "System check"] },
+              { id: "p3", price: "$299", name: "Water Heater Maintenance", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full flushing", "Pressure test"] }
+            ]}
+            title="Simple Pricing"
+            description="Transparent rates with no hidden fees."
+          />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          items: [
-            "Serving the community",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          title: "Happy Clients",
-          items: [
-            "Residential and Commercial",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Availability",
-          items: [
-            "Always on call",
-          ],
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers that demonstrate our commitment."
-    />
-  </div>
+        <div id="stats" data-section="stats">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years Experience", items: ["Serving the community"] },
+              { id: "m2", value: "5000+", title: "Happy Clients", items: ["Residential and Commercial"] },
+              { id: "m3", value: "24/7", title: "Availability", items: ["Always on call"] }
+            ]}
+            title="Our Impact"
+            description="Numbers that demonstrate our commitment."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "Homeowner",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Homeowner",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike Ross",
-          role: "Property Manager",
-          company: "Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sara Lee",
-          role: "Homeowner",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
-        },
-        {
-          id: "t5",
-          name: "Tom Brown",
-          role: "Business Owner",
-          company: "Small Biz",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "Google Rating",
-        },
-        {
-          value: "100%",
-          label: "On-Time",
-        },
-        {
-          value: "5k+",
-          label: "Happy Homes",
-        },
-      ]}
-      title="Customer Reviews"
-      description="Hear what our happy customers say."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "John Doe", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg" },
+              { id: "t2", name: "Jane Smith", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg" },
+              { id: "t3", name: "Mike Ross", role: "Property Manager", company: "Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
+              { id: "t4", name: "Sara Lee", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg" },
+              { id: "t5", name: "Tom Brown", role: "Business Owner", company: "Small Biz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.9", label: "Google Rating" },
+              { value: "100%", label: "On-Time" },
+              { value: "5k+", label: "Happy Homes" }
+            ]}
+            title="Customer Reviews"
+            description="Hear what our happy customers say."
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we are available 24/7 for plumbing emergencies.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed and insured?",
-          content: "Yes, we are fully licensed, bonded, and insured.",
-        },
-        {
-          id: "q3",
-          title: "How do I book an appointment?",
-          content: "You can call us directly or use our online contact form.",
-        },
-      ]}
-      title="Common Questions"
-      description="Find answers to our most requested information."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for plumbing emergencies." },
+              { id: "q2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed, bonded, and insured." },
+              { id: "q3", title: "How do I book an appointment?", content: "You can call us directly or use our online contact form." }
+            ]}
+            title="Common Questions"
+            description="Find answers to our most requested information."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Plumbing Tips"
-      description="Essential tips to keep your plumbing in great shape."
-      blogs={[
-        {
-          id: "b1",
-          category: "Tips",
-          title: "Winterizing Pipes",
-          excerpt: "Keep pipes from freezing this season.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "b2",
-          category: "Maintenance",
-          title: "Water Heater Care",
-          excerpt: "Extend your water heater lifespan.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
-          date: "Dec 2024",
-        },
-        {
-          id: "b3",
-          category: "Maintenance",
-          title: "Prevent Clogs",
-          excerpt: "How to avoid common drain blockages.",
-          imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
-          authorName: "Admin",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg",
-          date: "Nov 2024",
-        },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Plumbing Tips"
+            description="Essential tips to keep your plumbing in great shape."
+            blogs={[
+              { id: "b1", category: "Tips", title: "Winterizing Pipes", excerpt: "Keep pipes from freezing this season.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg", date: "Jan 2025" },
+              { id: "b2", category: "Maintenance", title: "Water Heater Care", excerpt: "Extend your water heater lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", date: "Dec 2024" },
+              { id: "b3", category: "Maintenance", title: "Prevent Clogs", excerpt: "How to avoid common drain blockages.", imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg", date: "Nov 2024" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to fix your plumbing? Contact Elite Plumbing today for an assessment."
-      buttons={[
-        {
-          text: "Call (555) 123-4567",
-          href: "tel:5551234567",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Ready to fix your plumbing? Contact Elite Plumbing today for an assessment."
+            buttons={[{ text: "Call (555) 123-4567", href: "tel:5551234567" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Repairs",
-              href: "#services",
-            },
-            {
-              label: "Installation",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Elite Plumbing"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Repairs", href: "#services" }, { label: "Installation", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
+            ]}
+            logoText="Elite Plumbing"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1