bender/8f25c8cf-6e44-4070-91f4-6f46a3afefeb
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-29 07:24:13 +00:00
parent 249a2d50f9 870ca6d31e
commit 34e1748dd4
1 changed files with 99 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

350
src/app/page.tsx
View File

@@ -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>
);