bender/df496240-91f9-4e18-ad57-0b146f1399a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 23:26:22 +00:00
parent 9c55198353
commit 650e7febc1
1 changed files with 70 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -33,56 +33,37 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ilo91"
brandName="Woodbine Plumbing"
button={{
text: "Book a Service",
href: "#contact",
}}
text: "Book a Service", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Reliable Plumbing Solutions You Can Trust"
description="Woodbine Plumbing offers expert services for all your residential and commercial needs. Fast, efficient, and always professional."
buttons={[
{
text: "Book a Service",
href: "#contact",
},
text: "Book a Service", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg"
imageAlt="professional plumber working on pipe clean"
@@ -90,52 +71,30 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg",
alt: "Happy customer profile picture",
},
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg", alt: "Happy customer profile picture"},
{
src: "http://img.b2bpic.net/free-photo/womens-happy-about-success_23-2148461402.jpg",
alt: "Satisfied client smiling",
},
src: "http://img.b2bpic.net/free-photo/womens-happy-about-success_23-2148461402.jpg", alt: "Satisfied client smiling"},
{
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",
alt: "Plumbing client review portrait",
},
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg", alt: "Plumbing client review portrait"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-host_23-2149986628.jpg",
alt: "Residential customer feedback",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-host_23-2149986628.jpg", alt: "Residential customer feedback"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
alt: "Commercial client smiling",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", alt: "Commercial client smiling"},
]}
avatarText="Join 5000+ happy customers!"
marqueeItems={[
{
type: "text-icon",
text: "24/7 Emergency Service",
icon: Clock,
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
},
{
type: "text",
text: "Licensed & Insured",
type: "text", text: "Licensed & Insured"},
{
type: "image", src: "http://img.b2bpic.net/free-vector/plumbing-icons-set_98292-1525.jpg", alt: "Plumbing tool icon clean"},
{
type: "text-icon", text: "Eco-Friendly Solutions", icon: Leaf,
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/plumbing-icons-set_98292-1525.jpg",
alt: "Plumbing tool icon clean",
},
{
type: "text-icon",
text: "Eco-Friendly Solutions",
icon: Leaf,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/weather-icon-with-rain-cloud-with-water-drops_107791-17374.jpg",
alt: "Water drop icon blue",
},
type: "image", src: "http://img.b2bpic.net/free-photo/weather-icon-with-rain-cloud-with-water-drops_107791-17374.jpg", alt: "Water drop icon blue"},
]}
marqueeSpeed={25}
showMarqueeCard={true}
@@ -147,17 +106,12 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About Woodbine Plumbing: Your Trusted Local Experts",
},
type: "text", content: "About Woodbine Plumbing: Your Trusted Local Experts"},
]}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
description="At Woodbine Plumbing, we're more than just plumbers; we're dedicated craftsmen committed to providing superior service to our community. With years of experience, our licensed and insured team delivers exceptional quality, transparent pricing, and unparalleled customer satisfaction. We treat every home with the respect it deserves, ensuring lasting solutions and peace of mind."
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721521.jpg"
imageAlt="experienced plumber portrait friendly"
/>
@@ -171,29 +125,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Leak Detection & Repair",
description: "Expertly locate and fix leaks to prevent water damage and conserve resources. Fast, reliable service for all types of leaks.",
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
imageAlt: "Water leak dripping from a faucet",
},
title: "Leak Detection & Repair", description: "Expertly locate and fix leaks to prevent water damage and conserve resources. Fast, reliable service for all types of leaks.", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg", imageAlt: "Water leak dripping from a faucet"},
{
title: "Drain Cleaning & Unclogging",
description: "Clear stubborn clogs and restore proper drainage. We use advanced tools for effective and long-lasting solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-tools_23-2148138069.jpg",
imageAlt: "Clogged sink with standing water",
},
title: "Drain Cleaning & Unclogging", description: "Clear stubborn clogs and restore proper drainage. We use advanced tools for effective and long-lasting solutions.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-tools_23-2148138069.jpg", imageAlt: "Clogged sink with standing water"},
{
title: "Water Heater Installation & Repair",
description: "Specializing in efficient water heater services, from new installations to repairs and maintenance for all models.",
imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg",
imageAlt: "Plumber installing a water heater",
},
title: "Water Heater Installation & Repair", description: "Specializing in efficient water heater services, from new installations to repairs and maintenance for all models.", imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg", imageAlt: "Plumber installing a water heater"},
{
title: "Pipe Repair & Replacement",
description: "Professional pipe services to address bursts, corrosion, and old piping. We ensure your system is sound and efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
imageAlt: "Broken pipe being repaired",
},
title: "Pipe Repair & Replacement", description: "Professional pipe services to address bursts, corrosion, and old piping. We ensure your system is sound and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg", imageAlt: "Broken pipe being repaired"},
]}
title="Our Comprehensive Plumbing Services"
description="From emergency repairs to routine maintenance, Woodbine Plumbing has you covered. We deliver professional, reliable solutions tailored to your needs."
@@ -207,59 +145,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@SarahJ",
testimonial: "Woodbine Plumbing saved the day! Quick response, fixed our leaky faucet perfectly. Highly recommend their professional service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
imageAlt: "happy customer smiling home",
},
id: "1", name: "Sarah J.", handle: "@SarahJ", testimonial: "Woodbine Plumbing saved the day! Quick response, fixed our leaky faucet perfectly. Highly recommend their professional service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg", imageAlt: "happy customer smiling home"},
{
id: "2",
name: "Mark D.",
handle: "@MarkD",
testimonial: "Excellent drain cleaning service. The plumber was courteous and efficient, leaving no mess behind. Five stars!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
imageAlt: "businessman happy with service",
},
id: "2", name: "Mark D.", handle: "@MarkD", testimonial: "Excellent drain cleaning service. The plumber was courteous and efficient, leaving no mess behind. Five stars!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg", imageAlt: "businessman happy with service"},
{
id: "3",
name: "Emily R.",
handle: "@EmilyR",
testimonial: "They installed our new water heater flawlessly. Great communication and fair pricing. Woodbine is our go-to for plumbing now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-taking-selfie-with-her-wife-holding-cabbage-plate_23-2148128045.jpg",
imageAlt: "senior couple smiling in kitchen",
},
id: "3", name: "Emily R.", handle: "@EmilyR", testimonial: "They installed our new water heater flawlessly. Great communication and fair pricing. Woodbine is our go-to for plumbing now.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-taking-selfie-with-her-wife-holding-cabbage-plate_23-2148128045.jpg", imageAlt: "senior couple smiling in kitchen"},
{
id: "4",
name: "David L.",
handle: "@DavidL",
testimonial: "Had a burst pipe emergency, and Woodbine Plumbing arrived quickly and resolved it with expertise. Truly reliable service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/she-is-sense-my-life_329181-10770.jpg",
imageAlt: "young family happy new home",
},
id: "4", name: "David L.", handle: "@DavidL", testimonial: "Had a burst pipe emergency, and Woodbine Plumbing arrived quickly and resolved it with expertise. Truly reliable service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/she-is-sense-my-life_329181-10770.jpg", imageAlt: "young family happy new home"},
{
id: "5",
name: "Jessica M.",
handle: "@JessicaM",
testimonial: "Impressed with the professionalism and attention to detail. Our bathroom renovation plumbing was handled perfectly. Fantastic work!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grandma-worry-businesswoman-information-anger_1194-7852.jpg",
imageAlt: "homeowner inspecting pipes satisfied",
},
id: "5", name: "Jessica M.", handle: "@JessicaM", testimonial: "Impressed with the professionalism and attention to detail. Our bathroom renovation plumbing was handled perfectly. Fantastic work!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grandma-worry-businesswoman-information-anger_1194-7852.jpg", imageAlt: "homeowner inspecting pipes satisfied"},
{
id: "6",
name: "Robert S.",
handle: "@RobertS",
testimonial: "Called for a minor issue, but they caught a potential major problem. Proactive and thorough. Woodbine is truly trustworthy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
imageAlt: "woman relaxing in modern bathroom",
},
id: "6", name: "Robert S.", handle: "@RobertS", testimonial: "Called for a minor issue, but they caught a potential major problem. Proactive and thorough. Woodbine is truly trustworthy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", imageAlt: "woman relaxing in modern bathroom"},
]}
showRating={true}
title="Hear From Our Satisfied Customers"
@@ -274,29 +176,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Years in Business",
value: "20+",
},
id: "m1", icon: Award,
title: "Years in Business", value: "20+"},
{
id: "m2",
icon: Users,
title: "Satisfied Clients",
value: "5,000+",
},
id: "m2", icon: Users,
title: "Satisfied Clients", value: "5,000+"},
{
id: "m3",
icon: CheckCircle,
title: "Projects Completed",
value: "8,000+",
},
id: "m3", icon: CheckCircle,
title: "Projects Completed", value: "8,000+"},
{
id: "m4",
icon: Star,
title: "Average Rating",
value: "4.9/5",
},
id: "m4", icon: Star,
title: "Average Rating", value: "4.9/5"},
]}
title="Our Commitment to Excellence"
description="Woodbine Plumbing is built on a foundation of experience, customer satisfaction, and continuous improvement."
@@ -308,14 +198,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Homes",
"Property Mgmt",
"Renovate Builders",
"Eco Solutions",
"Maplewood Real Estate",
"Bright Spark Co.",
"Urban Developments",
]}
"Local Homes", "Property Mgmt", "Renovate Builders", "Eco Solutions", "Maplewood Real Estate", "Bright Spark Co.", "Urban Developments"]}
title="Trusted by Homeowners & Businesses"
description="We partner with leading local organizations and proudly serve a wide array of residential and commercial clients."
speed={20}
@@ -329,30 +212,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What areas do you serve?",
content: "Woodbine Plumbing proudly serves the greater Woodbine area and surrounding communities. Please contact us to confirm service availability in your specific location.",
},
id: "faq1", title: "What areas do you serve?", content: "Woodbine Plumbing proudly serves the greater Woodbine area and surrounding communities. Please contact us to confirm service availability in your specific location."},
{
id: "faq2",
title: "How quickly can you respond to emergencies?",
content: "We offer rapid response for plumbing emergencies. Our team is often able to dispatch a technician within hours, depending on current demand. Call our emergency line for immediate assistance.",
},
id: "faq2", title: "How quickly can you respond to emergencies?", content: "We offer rapid response for plumbing emergencies. Our team is often able to dispatch a technician within hours, depending on current demand. Call our emergency line for immediate assistance."},
{
id: "faq3",
title: "Do you provide free estimates?",
content: "Yes, we provide free, no-obligation estimates for most services. For complex diagnostics or specific repair quotes, a service fee may apply, which will be credited towards any completed work.",
},
id: "faq3", title: "Do you provide free estimates?", content: "Yes, we provide free, no-obligation estimates for most services. For complex diagnostics or specific repair quotes, a service fee may apply, which will be credited towards any completed work."},
{
id: "faq4",
title: "Are your plumbers licensed and insured?",
content: "Absolutely. All Woodbine Plumbing technicians are fully licensed, certified, and insured professionals, ensuring high-quality workmanship and peace of mind for our clients.",
},
id: "faq4", title: "Are your plumbers licensed and insured?", content: "Absolutely. All Woodbine Plumbing technicians are fully licensed, certified, and insured professionals, ensuring high-quality workmanship and peace of mind for our clients."},
{
id: "faq5",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, and bank transfers. Payment plans may be available for larger projects; please discuss options with our team.",
},
id: "faq5", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and bank transfers. Payment plans may be available for larger projects; please discuss options with our team."},
]}
imageSrc="http://img.b2bpic.net/free-photo/bicycle-tools-arranged-repairstand_482257-86076.jpg"
imageAlt="plumber toolbox equipment organized"
@@ -368,18 +236,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
text="Ready for Reliable Plumbing Service? Schedule Your Appointment Today!"
buttons={[
{
text: "Call Us Now",
href: "tel:+1234567890",
},
text: "Call Us Now", href: "tel:+1234567890"},
{
text: "Send a Message",
href: "mailto:info@woodbineplumbing.com",
},
text: "Send a Message", href: "mailto:info@woodbineplumbing.com"},
]}
/>
</div>
@@ -393,58 +256,35 @@ export default function LandingPage() {
logoText="Woodbine Plumbing"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Leak Repair",
href: "#services",
},
label: "Leak Repair", href: "#services"},
{
label: "Drain Cleaning",
href: "#services",
},
label: "Drain Cleaning", href: "#services"},
{
label: "Water Heaters",
href: "#services",
},
label: "Water Heaters", href: "#services"},
{
label: "Pipe Repair",
href: "#services",
},
label: "Pipe Repair", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}