Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -30,135 +30,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Flex Flow"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:0425156311",
|
||||
}}
|
||||
text: "Call Now", href: "tel:0425156311"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional Plumbing When You Need It Most"
|
||||
description="Blacktown's trusted plumbing experts. Emergency service, leak detection, and high-quality repairs at fair prices."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@local",
|
||||
testimonial: "Exceptional service! Fixed our sewer blockage on a Friday night.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
name: "Mike",
|
||||
handle: "@blacktown",
|
||||
testimonial: "On time, professional, and explained the problem clearly. Top job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
name: "John",
|
||||
handle: "@customer",
|
||||
testimonial: "Quality tradesman, super friendly, and very reasonably priced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
name: "Anna",
|
||||
handle: "@blacktownhomes",
|
||||
testimonial: "Flex Flow was reliable, quick to respond, and the fix is holding perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
name: "David",
|
||||
handle: "@localclient",
|
||||
testimonial: "Fantastic service. Definitely my new go-to for all plumbing needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg?_wi=1",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{ name: "Sarah", handle: "@local", testimonial: "Exceptional service! Fixed our sewer blockage on a Friday night.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ name: "Mike", handle: "@blacktown", testimonial: "On time, professional, and explained the problem clearly. Top job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ name: "John", handle: "@customer", testimonial: "Quality tradesman, super friendly, and very reasonably priced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ name: "Anna", handle: "@blacktownhomes", testimonial: "Flex Flow was reliable, quick to respond, and the fix is holding perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ name: "David", handle: "@localclient", testimonial: "Fantastic service. Definitely my new go-to for all plumbing needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call 0425 156 311",
|
||||
href: "tel:0425156311",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg?_wi=2"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Call 0425 156 311", href: "tel:0425156311" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-washing-sponge-kitchen-sink_23-2147824127.jpg",
|
||||
alt: "Cute girl washing sponge in kitchen sink",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
|
||||
alt: "Man adjusting water tap with wrench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg",
|
||||
alt: "Man kneeling down touching sink inspecting pipes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg",
|
||||
alt: "Side view man working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-handsome-man-sits-armchair-thumbs-up-looking_141793-71149.jpg",
|
||||
alt: "Smiling young blonde handsome man sits on armchair thumbs up looking ",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-washing-sponge-kitchen-sink_23-2147824127.jpg", alt: "Cute girl washing sponge in kitchen sink" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", alt: "Man adjusting water tap with wrench" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg", alt: "Man kneeling down touching sink inspecting pipes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg", alt: "Side view man working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-handsome-man-sits-armchair-thumbs-up-looking_141793-71149.jpg", alt: "Smiling young blonde handsome man sits on armchair thumbs up looking " },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Local Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Workmanship",
|
||||
},
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Fast Local Response" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Expert Workmanship" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Plumber"
|
||||
description={[
|
||||
"Flex Flow Plumbing provides exceptional service to the Blacktown area. With years of experience, we specialize in everything from emergency drain clearing to full bathroom remodelling.",
|
||||
"We believe in transparency—we show you exactly what the problem is and explain the solution before we start.",
|
||||
]}
|
||||
"Flex Flow Plumbing provides exceptional service to the Blacktown area. With years of experience, we specialize in everything from emergency drain clearing to full bathroom remodelling.", "We believe in transparency—we show you exactly what the problem is and explain the solution before we start."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,21 +89,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response for blocked drains, leaking taps, and sewer issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Water Systems",
|
||||
description: "Hot water heater installation, repair, and maintenance for your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Professional shower, tap, and toilet installation for your bathroom and kitchen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Emergency Plumbing", description: "Rapid response for blocked drains, leaking taps, and sewer issues.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg" },
|
||||
{ title: "Water Systems", description: "Hot water heater installation, repair, and maintenance for your home.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg" },
|
||||
{ title: "Fixture Installation", description: "Professional shower, tap, and toilet installation for your bathroom and kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg" },
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="Covering everything from emergency repairs to major installations with the highest quality standards."
|
||||
@@ -204,30 +100,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
description: "Average review score",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "16+",
|
||||
title: "Reviews",
|
||||
description: "Happy local customers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here to help",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5.0", title: "Rating", description: "Average review score", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg" },
|
||||
{ id: "m2", value: "16+", title: "Reviews", description: "Happy local customers", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Always here to help", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg" },
|
||||
]}
|
||||
title="Proven Quality & Excellence"
|
||||
description="Why customers across Blacktown trust Flex Flow for their home needs."
|
||||
@@ -239,61 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Had a great experience! On time, professional, super friendly.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-happy-foreman-workwear-keeps-arms-folded-wears-yellow-hardhat_273609-31238.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg?_wi=3",
|
||||
imageAlt: "professional tradesman smiling",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "Sept 2023",
|
||||
title: "Blacktown Resident",
|
||||
quote: "Showed the exact problem and did an exceptional job to fix it.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-standing-kitchen_23-2148637919.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg?_wi=2",
|
||||
imageAlt: "professional tradesman smiling",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "Aug 2023",
|
||||
title: "Customer",
|
||||
quote: "Responsive and professional. Fixed my sewer blockage fast.",
|
||||
tag: "Fast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg?_wi=3",
|
||||
imageAlt: "professional tradesman smiling",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "July 2023",
|
||||
title: "Client",
|
||||
quote: "Explained why IT happened and what can be done in the future.",
|
||||
tag: "Detail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-looking-camera-displeased-showing-thumbs-down-standing-orange-background_141793-111125.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg?_wi=3",
|
||||
imageAlt: "professional tradesman smiling",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
date: "June 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Would definitely recommend this plumber to my neighbours.",
|
||||
tag: "Trust",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/this-book-is-my-favourite_329181-1313.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg?_wi=3",
|
||||
imageAlt: "professional tradesman smiling",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "Homeowner", quote: "Had a great experience! On time, professional, super friendly.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/positive-happy-foreman-workwear-keeps-arms-folded-wears-yellow-hardhat_273609-31238.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "professional tradesman smiling" },
|
||||
{ id: "t2", name: "Michael Chen", date: "Sept 2023", title: "Blacktown Resident", quote: "Showed the exact problem and did an exceptional job to fix it.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-standing-kitchen_23-2148637919.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "professional tradesman smiling" },
|
||||
{ id: "t3", name: "Emily R.", date: "Aug 2023", title: "Customer", quote: "Responsive and professional. Fixed my sewer blockage fast.", tag: "Fast", avatarSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721567.jpg", imageAlt: "professional tradesman smiling" },
|
||||
{ id: "t4", name: "David Kim", date: "July 2023", title: "Client", quote: "Explained why IT happened and what can be done in the future.", tag: "Detail", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-builder-man-construction-uniform-safety-helmet-looking-camera-displeased-showing-thumbs-down-standing-orange-background_141793-111125.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg", imageAlt: "professional tradesman smiling" },
|
||||
{ id: "t5", name: "Jessica L.", date: "June 2023", title: "Homeowner", quote: "Would definitely recommend this plumber to my neighbours.", tag: "Trust", avatarSrc: "http://img.b2bpic.net/free-photo/this-book-is-my-favourite_329181-1313.jpg", imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg", imageAlt: "professional tradesman smiling" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud to serve our local community and deliver quality plumbing."
|
||||
@@ -305,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Blacktown and the surrounding suburbs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer emergency plumbing?",
|
||||
content: "Yes, we are available 24 hours to help with urgent issues.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book a service?",
|
||||
content: "You can call us directly on 0425 156 311 or contact us via our booking form.",
|
||||
},
|
||||
{ id: "f1", title: "What areas do you serve?", content: "We primarily serve Blacktown and the surrounding suburbs." },
|
||||
{ id: "f2", title: "Do you offer emergency plumbing?", content: "Yes, we are available 24 hours to help with urgent issues." },
|
||||
{ id: "f3", title: "How can I book a service?", content: "You can call us directly on 0425 156 311 or contact us via our booking form." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-men-handshake_23-2148752024.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -332,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Need Help? Get in Touch"
|
||||
description="Ready to fix that leak? Contact Flex Flow today for professional plumbing service in Blacktown."
|
||||
@@ -346,34 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Flex Flow Plumbing"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user