From 870ca6d31e9a60940de5ff2b52324c95f031df80 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 07:24:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 350 ++++++++++++++---------------------------------
 1 file changed, 99 insertions(+), 251 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e31e5c..3f713fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,263 +26,111 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="4B Plumbing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="4B Plumbing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Reliable Plumbing. Honest Pricing. Quality Workmanship."
-      description="4B Plumbing Pte Ltd provides trusted, efficient, and professional plumbing services across Singapore. From emergency repairs to heater installations, we ensure satisfaction every time."
-      tag="Trusted Plumbing Experts"
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+6583368802",
-        },
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/6583368802",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-service-interior-m-1774769009913-345148a6.png",
-          imageAlt: "Plumbing service in Singapore",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-team-singapore-uni-1774769009544-4b7dd29f.png?_wi=1",
-          imageAlt: "Professional plumbing team",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/repair-service-icon-wrench-and-pipe-mode-1774769009102-1ac4de5e.png?_wi=1",
-          imageAlt: "Repair service tools",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/water-heater-icon-simple-flat-design-pro-1774769009611-4b5c71c2.png?_wi=1",
-          imageAlt: "Water heater installation",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/pipe-leak-detection-graphic-modern-simpl-1774769010013-1b3168a1.png?_wi=1",
-          imageAlt: "Leak detection service",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5/5 by our satisfied Singapore customers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "radial-gradient" }}
+            title="Reliable Plumbing. Honest Pricing. Quality Workmanship."
+            description="4B Plumbing Pte Ltd provides trusted, efficient, and professional plumbing services across Singapore. From emergency repairs to heater installations, we ensure satisfaction every time."
+            tag="Trusted Plumbing Experts"
+            buttons={[
+              { text: "Call Now", href: "tel:+6583368802" },
+              { text: "WhatsApp Us", href: "https://wa.me/6583368802" },
+            ]}
+            mediaItems={[
+              {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-service-interior-m-1774769009913-345148a6.png",                imageAlt: "Plumbing service in Singapore"},
+              {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-team-singapore-uni-1774769009544-4b7dd29f.png",                imageAlt: "Professional plumbing team"}
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Rated 5/5 by our satisfied Singapore customers"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "General Repairs",
-          description: "Quick and reliable fixes for all your plumbing issues.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/repair-service-icon-wrench-and-pipe-mode-1774769009102-1ac4de5e.png?_wi=2",
-          imageAlt: "General repairs",
-        },
-        {
-          id: 2,
-          title: "Water Heaters",
-          description: "Expert installation for all types of water heaters.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/water-heater-icon-simple-flat-design-pro-1774769009611-4b5c71c2.png?_wi=2",
-          imageAlt: "Water heater",
-        },
-        {
-          id: 3,
-          title: "Pipe Repairs",
-          description: "Advanced leak detection and pipe replacement services.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/pipe-leak-detection-graphic-modern-simpl-1774769010013-1b3168a1.png?_wi=2",
-          imageAlt: "Pipe repairs",
-        },
-        {
-          id: 4,
-          title: "Drain Clearing",
-          description: "Professional unclogging services for sinks and toilets.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/repair-service-icon-wrench-and-pipe-mode-1774769009102-1ac4de5e.png?_wi=3",
-          imageAlt: "Drain clearing",
-        },
-        {
-          id: 5,
-          title: "Faucet Installation",
-          description: "Modern upgrades for your kitchen and bathroom fixtures.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/water-heater-icon-simple-flat-design-pro-1774769009611-4b5c71c2.png?_wi=3",
-          imageAlt: "Faucet installation",
-        },
-      ]}
-      title="Professional Services We Provide"
-      description="Comprehensive plumbing solutions tailored to the needs of homeowners and businesses in Singapore."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "General Repairs", description: "Quick and reliable fixes for all your plumbing issues.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/repair-service-icon-wrench-and-pipe-mode-1774769009102-1ac4de5e.png", imageAlt: "General repairs" },
+              { id: 2, title: "Water Heaters", description: "Expert installation for all types of water heaters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/water-heater-icon-simple-flat-design-pro-1774769009611-4b5c71c2.png", imageAlt: "Water heater" },
+              { id: 3, title: "Pipe Repairs", description: "Advanced leak detection and pipe replacement services.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/pipe-leak-detection-graphic-modern-simpl-1774769010013-1b3168a1.png", imageAlt: "Pipe repairs" },
+              { id: 4, title: "Drain Clearing", description: "Professional unclogging services for sinks and toilets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/repair-service-icon-wrench-and-pipe-mode-1774769009102-1ac4de5e.png", imageAlt: "Drain clearing" },
+              { id: 5, title: "Faucet Installation", description: "Modern upgrades for your kitchen and bathroom fixtures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/water-heater-icon-simple-flat-design-pro-1774769009611-4b5c71c2.png", imageAlt: "Faucet installation" },
+            ]}
+            title="Professional Services We Provide"
+            description="Comprehensive plumbing solutions tailored to the needs of homeowners and businesses in Singapore."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Us"
-      title="Your Trusted Plumbing Partner"
-      description="4B Plumbing Pte Ltd is dedicated to transparent pricing and professional workmanship."
-      subdescription="With years of experience, we pride ourselves on excellent after-sales support and reliable solutions that keep your plumbing running smoothly."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-team-singapore-uni-1774769009544-4b7dd29f.png?_wi=2"
-      mediaAnimation="slide-up"
-      icon={Wrench}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="About Us"
+            title="Your Trusted Plumbing Partner"
+            description="4B Plumbing Pte Ltd is dedicated to transparent pricing and professional workmanship."
+            subdescription="With years of experience, we pride ourselves on excellent after-sales support and reliable solutions that keep your plumbing running smoothly."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/professional-plumbing-team-singapore-uni-1774769009544-4b7dd29f.png"
+            mediaAnimation="slide-up"
+            icon={Wrench}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Tan",
-          handle: "@sarahtan",
-          testimonial: "Efficient, reliable, and fairly priced service. Fixed my leaking pipes quickly.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-happy-singaporean-home-own-1774769010455-01439a89.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Michael Lim",
-          handle: "@michaellim",
-          testimonial: "Professional team with great workmanship at competitive prices. Highly recommended!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-singaporean-business-clien-1774769010322-96be0fef.png",
-        },
-        {
-          id: "3",
-          name: "Emily Wong",
-          handle: "@emilywong",
-          testimonial: "Fast installation and excellent after-sales support. Heater installed in under an hour.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-senior-singaporean-home-ow-1774769011342-db70f606.png",
-        },
-        {
-          id: "4",
-          name: "David Quek",
-          handle: "@davidq",
-          testimonial: "Honest pricing and very professional. Will definitely call them again.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-young-family-home-owner-ha-1774769010125-845f5dcd.png",
-        },
-        {
-          id: "5",
-          name: "Jasmine Ng",
-          handle: "@jasng",
-          testimonial: "Fantastic experience. They arrived on time and cleaned up thoroughly afterwards.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-happy-singaporean-home-own-1774769010455-01439a89.png?_wi=2",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Read why homeowners across Singapore choose 4B Plumbing for their repairs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Tan", handle: "@sarahtan", testimonial: "Efficient, reliable, and fairly priced service. Fixed my leaking pipes quickly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-happy-singaporean-home-own-1774769010455-01439a89.png" },
+              { id: "2", name: "Michael Lim", handle: "@michaellim", testimonial: "Professional team with great workmanship at competitive prices. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-singaporean-business-clien-1774769010322-96be0fef.png" },
+              { id: "3", name: "Emily Wong", handle: "@emilywong", testimonial: "Fast installation and excellent after-sales support. Heater installed in under an hour.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-senior-singaporean-home-ow-1774769011342-db70f606.png" },
+              { id: "4", name: "David Quek", handle: "@davidq", testimonial: "Honest pricing and very professional. Will definitely call them again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-young-family-home-owner-ha-1774769010125-845f5dcd.png" },
+              { id: "5", name: "Jasmine Ng", handle: "@jasng", testimonial: "Fantastic experience. They arrived on time and cleaned up thoroughly afterwards.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbsB06bf61vtfS9jO1FzRSyyPo/portrait-of-a-happy-singaporean-home-own-1774769010455-01439a89.png" },
+            ]}
+            title="What Our Customers Say"
+            description="Read why homeowners across Singapore choose 4B Plumbing for their repairs."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get in touch"
-      title="Need a Reliable Plumber?"
-      description="Contact us today to request a quote or book an urgent service appointment. We are here to help."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/6583368802",
-        },
-        {
-          text: "Request a Quote",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Get in touch"
+            title="Need a Reliable Plumber?"
+            description="Contact us today to request a quote or book an urgent service appointment. We are here to help."
+            buttons={[
+              { text: "WhatsApp Us", href: "https://wa.me/6583368802" },
+              { text: "Request a Quote", href: "#" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "General Repairs",
-              href: "#services",
-            },
-            {
-              label: "Water Heaters",
-              href: "#services",
-            },
-            {
-              label: "Leak Detection",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Working Hours",
-          items: [
-            {
-              label: "Mon-Fri: 9:00 AM - 6:00 PM",
-              href: "#",
-            },
-            {
-              label: "Sat: 9:00 AM - 1:00 PM",
-              href: "#",
-            },
-            {
-              label: "Sun: Closed",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 4B Plumbing Pte Ltd. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Services", items: [{ label: "General Repairs", href: "#services" }, { label: "Water Heaters", href: "#services" }, { label: "Leak Detection", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact Us", href: "#contact" }] },
+              { title: "Working Hours", items: [{ label: "Mon-Fri: 9:00 AM - 6:00 PM", href: "#" }, { label: "Sat: 9:00 AM - 1:00 PM", href: "#" }, { label: "Sun: Closed", href: "#" }] },
+            ]}
+            copyrightText="© 2024 4B Plumbing Pte Ltd. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );