Merge version_1 into main #2
350
src/app/page.tsx
350
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user