Merge version_1 into main #2
360
src/app/page.tsx
360
src/app/page.tsx
@@ -25,277 +25,107 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="FTD Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FTD Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your Trusted Penrith Plumbing Experts"
|
||||
description="Available 24/7 for all your residential and commercial plumbing needs. High-quality work, guaranteed satisfaction."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@local-resident",
|
||||
testimonial: "Excellent service, prompt and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jones",
|
||||
handle: "@penrith-local",
|
||||
testimonial: "FTD plumbing fixed my leak instantly. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike Brown",
|
||||
handle: "@satisfied-customer",
|
||||
testimonial: "Reliable and great value for the money.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Wilson",
|
||||
handle: "@happy-client",
|
||||
testimonial: "Friendly team and very professional results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Clark",
|
||||
handle: "@trusted-neighbor",
|
||||
testimonial: "The best plumbers in Penrith, bar none.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0400000000",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-with-delicious-pizza_23-2150405844.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Penrith residents"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your Trusted Penrith Plumbing Experts"
|
||||
description="Available 24/7 for all your residential and commercial plumbing needs. High-quality work, guaranteed satisfaction."
|
||||
testimonials={[
|
||||
{ name: "John Smith", handle: "@local-resident", testimonial: "Excellent service, prompt and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
|
||||
{ name: "Sarah Jones", handle: "@penrith-local", testimonial: "FTD plumbing fixed my leak instantly. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg" },
|
||||
{ name: "Mike Brown", handle: "@satisfied-customer", testimonial: "Reliable and great value for the money.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg" },
|
||||
{ name: "Emily Wilson", handle: "@happy-client", testimonial: "Friendly team and very professional results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" },
|
||||
{ name: "David Clark", handle: "@trusted-neighbor", testimonial: "The best plumbers in Penrith, bar none.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:0400000000" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-with-delicious-pizza_23-2150405844.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Penrith residents"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Blocked Drains",
|
||||
description: "Fast and effective drain clearing.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-embarcadero-center-san-francisco-united-states_181624-559.jpg?_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-with-delicious-pizza_23-2150405844.jpg?_wi=2",
|
||||
imageAlt: "professional plumber at work",
|
||||
},
|
||||
{
|
||||
title: "Hot Water Systems",
|
||||
description: "Expert repair and installation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131724.jpg?_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-embarcadero-center-san-francisco-united-states_181624-559.jpg?_wi=2",
|
||||
imageAlt: "plumbing drain icon golden",
|
||||
},
|
||||
{
|
||||
title: "Toilet Repairs",
|
||||
description: "Restoring your bathroom comfort.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwfq4y&_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131724.jpg?_wi=2",
|
||||
imageAlt: "hot water system icon gold",
|
||||
},
|
||||
{
|
||||
title: "Gas Fitting",
|
||||
description: "Licensed and safe gas solutions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-labour-day-with-3d-cartoon-portrait-working-woman_23-2151306651.jpg?_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwfq4y&_wi=2",
|
||||
imageAlt: "toilet repair icon gold",
|
||||
},
|
||||
{
|
||||
title: "Burst Pipes",
|
||||
description: "Emergency response for leaks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-creative-collage_23-2149378056.jpg?_wi=1",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-labour-day-with-3d-cartoon-portrait-working-woman_23-2151306651.jpg?_wi=2",
|
||||
imageAlt: "gas fitting icon gold",
|
||||
},
|
||||
{
|
||||
title: "Roof Leaks",
|
||||
description: "Weather-proof roofing maintenance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-with-house-gavel-with-half-sketch-mode_1048-18908.jpg",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-creative-collage_23-2149378056.jpg?_wi=2",
|
||||
imageAlt: "burst pipe icon gold",
|
||||
},
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive plumbing solutions for all your home needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Blocked Drains", description: "Fast and effective drain clearing.", media: { imageSrc: "http://img.b2bpic.net/free-photo/one-embarcadero-center-san-francisco-united-states_181624-559.jpg" }, items: [], reverse: false },
|
||||
{ title: "Hot Water Systems", description: "Expert repair and installation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131724.jpg" }, items: [], reverse: true },
|
||||
{ title: "Toilet Repairs", description: "Restoring your bathroom comfort.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwfq4y" }, items: [], reverse: false },
|
||||
{ title: "Gas Fitting", description: "Licensed and safe gas solutions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/celebration-labour-day-with-3d-cartoon-portrait-working-woman_23-2151306651.jpg" }, items: [], reverse: true },
|
||||
{ title: "Burst Pipes", description: "Emergency response for leaks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-creative-collage_23-2149378056.jpg" }, items: [], reverse: false },
|
||||
{ title: "Roof Leaks", description: "Weather-proof roofing maintenance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-with-house-gavel-with-half-sketch-mode_1048-18908.jpg" }, items: [], reverse: true },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive plumbing solutions for all your home needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"Based on 16+ verified reviews",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Always here for emergencies",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Penrith Team",
|
||||
items: [
|
||||
"Serving our community for years",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose FTD Plumbing?"
|
||||
description="Your local Penrith specialists, dedicated to excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5.0", title: "Google Rating", items: ["Based on 16+ verified reviews"] },
|
||||
{ id: "m2", value: "24/7", title: "Availability", items: ["Always here for emergencies"] },
|
||||
{ id: "m3", value: "Local", title: "Penrith Team", items: ["Serving our community for years"] },
|
||||
]}
|
||||
title="Why Choose FTD Plumbing?"
|
||||
description="Your local Penrith specialists, dedicated to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Industry Partners & Affiliations"
|
||||
description="We work with top-tier suppliers and industry bodies to ensure quality."
|
||||
names={[
|
||||
"Master Plumbers NSW",
|
||||
"Gas Safe Certified",
|
||||
"Rheem Authorized",
|
||||
"Dux Hot Water",
|
||||
"Bosch Plumbing Solutions",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Industry Partners & Affiliations"
|
||||
description="We work with top-tier suppliers and industry bodies to ensure quality."
|
||||
names={["Master Plumbers NSW", "Gas Safe Certified", "Rheem Authorized", "Dux Hot Water", "Bosch Plumbing Solutions"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Enquire Today"
|
||||
description="Have a plumbing emergency or need a quote? Contact us now."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exotic-turkish-hookah_93675-130794.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Enquire Today"
|
||||
description="Have a plumbing emergency or need a quote? Contact us now."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exotic-turkish-hookah_93675-130794.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FTD Plumbing"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FTD Plumbing"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user