bender/bb71fb08-218e-4ac1-b653-bd52eb0d82ac
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-09 23:56:21 +00:00
parent 1d0deb7475
commit 686fc491fa
1 changed files with 85 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files

376
src/app/page.tsx
View File

@@ -34,37 +34,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Call Now",
href: "tel:+12407841347",
}}
text: "Call Now", href: "tel:+12407841347"}}
topBarButton={{
text: "(240) 784-1347",
}}
text: "(240) 784-1347"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xx0rnn"
logoAlt="BK Plumbing Logo"
brandName="BK Plumbing"
@@ -74,53 +59,30 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Reliable Plumbing Services for Your Home & Business"
description="BK Plumbing delivers top-tier plumbing solutions in Upper Marlboro and surrounding areas. From emergency repairs to new installations, trust our experienced team for quality and efficiency."
tag="4.9 Star Rated Plumber"
tagIcon={Star}
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "See Our Services",
href: "#services",
},
text: "See Our Services", href: "#services"},
]}
carouselItems={[
{
id: "hc1",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg",
imageAlt: "Plumber fixing a kitchen sink",
},
id: "hc1", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg", imageAlt: "Plumber fixing a kitchen sink"},
{
id: "hc2",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
imageAlt: "Plumbing leak detection technician at work",
},
id: "hc2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", imageAlt: "Plumbing leak detection technician at work"},
{
id: "hc3",
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg",
imageAlt: "Experienced plumber working on pipes",
},
id: "hc3", imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg", imageAlt: "Experienced plumber working on pipes"},
{
id: "hc4",
imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg",
imageAlt: "Plumber installing a new water heater",
},
id: "hc4", imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg", imageAlt: "Plumber installing a new water heater"},
{
id: "hc5",
imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-20019.jpg",
imageAlt: "Plumber explaining service to a happy homeowner",
},
id: "hc5", imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen-room-sink-close-up_169016-20019.jpg", imageAlt: "Plumber explaining service to a happy homeowner"},
{
id: "hc6",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-wearing-headphones_23-2149181650.jpg",
imageAlt: "Plumbing service van on a residential street",
},
id: "hc6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-wearing-headphones_23-2149181650.jpg", imageAlt: "Plumbing service van on a residential street"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -132,14 +94,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Your Trusted Local Plumbing Experts"
description={[
"At BK Plumbing, we pride ourselves on delivering exceptional plumbing services with integrity and expertise. Serving Upper Marlboro and nearby areas, our licensed professionals are dedicated to solving your plumbing challenges quickly and efficiently.",
"With years of experience, we handle everything from minor leaks to major installations. Our commitment to quality craftsmanship and customer satisfaction has earned us a reputation as the most reliable plumbers in the community. Choose BK Plumbing for transparent pricing, timely service, and lasting results.",
]}
"At BK Plumbing, we pride ourselves on delivering exceptional plumbing services with integrity and expertise. Serving Upper Marlboro and nearby areas, our licensed professionals are dedicated to solving your plumbing challenges quickly and efficiently.", "With years of experience, we handle everything from minor leaks to major installations. Our commitment to quality craftsmanship and customer satisfaction has earned us a reputation as the most reliable plumbers in the community. Choose BK Plumbing for transparent pricing, timely service, and lasting results."]}
buttons={[
{
text: "Learn More About Us",
href: "#contact",
},
text: "Learn More About Us", href: "#contact"},
]}
/>
</div>
@@ -151,59 +109,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "feat1",
title: "Faucet & Fixture Services",
descriptions: [
"Installation and repair for all types of faucets, sinks, showers, and tubs. Modernize your bathroom or kitchen.",
],
imageSrc: "http://img.b2bpic.net/free-photo/person-carefully-soaping-hands-matte-black-kitchen-faucet-home-hygiene_169016-69668.jpg",
imageAlt: "Plumber installing a new faucet",
},
id: "feat1", title: "Faucet & Fixture Services", descriptions: [
"Installation and repair for all types of faucets, sinks, showers, and tubs. Modernize your bathroom or kitchen."],
imageSrc: "http://img.b2bpic.net/free-photo/person-carefully-soaping-hands-matte-black-kitchen-faucet-home-hygiene_169016-69668.jpg", imageAlt: "Plumber installing a new faucet"},
{
id: "feat2",
title: "Plumbing Leak Detection & Repair",
descriptions: [
"Advanced techniques to quickly locate and repair leaks, preventing costly water damage and high utility bills.",
],
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
imageAlt: "Equipment detecting a plumbing leak",
},
id: "feat2", title: "Plumbing Leak Detection & Repair", descriptions: [
"Advanced techniques to quickly locate and repair leaks, preventing costly water damage and high utility bills."],
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Equipment detecting a plumbing leak"},
{
id: "feat3",
title: "Drain Cleaning & Unclogging",
descriptions: [
"Fast and effective solutions for clogged drains, including hydro-jetting to clear stubborn blockages.",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
imageAlt: "Plumber cleaning a clogged drain",
},
id: "feat3", title: "Drain Cleaning & Unclogging", descriptions: [
"Fast and effective solutions for clogged drains, including hydro-jetting to clear stubborn blockages."],
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg", imageAlt: "Plumber cleaning a clogged drain"},
{
id: "feat4",
title: "Water Heater Installation & Repair",
descriptions: [
"Expert service for traditional and tankless water heaters, ensuring you always have hot water.",
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51929.jpg",
imageAlt: "New water heater being installed",
},
id: "feat4", title: "Water Heater Installation & Repair", descriptions: [
"Expert service for traditional and tankless water heaters, ensuring you always have hot water."],
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51929.jpg", imageAlt: "New water heater being installed"},
{
id: "feat5",
title: "Toilet Installation & Repair",
descriptions: [
"From running toilets to new installations, we handle all your toilet plumbing needs with precision.",
],
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
imageAlt: "Plumber repairing a toilet",
},
id: "feat5", title: "Toilet Installation & Repair", descriptions: [
"From running toilets to new installations, we handle all your toilet plumbing needs with precision."],
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "Plumber repairing a toilet"},
{
id: "feat6",
title: "Sewer & Pipe Repair",
descriptions: [
"Comprehensive repair and replacement for sewer lines and damaged pipes, ensuring proper waste management.",
],
imageSrc: "http://img.b2bpic.net/free-photo/cable-nails_23-2147773468.jpg",
imageAlt: "Sewer pipe undergoing repair",
},
id: "feat6", title: "Sewer & Pipe Repair", descriptions: [
"Comprehensive repair and replacement for sewer lines and damaged pipes, ensuring proper waste management."],
imageSrc: "http://img.b2bpic.net/free-photo/cable-nails_23-2147773468.jpg", imageAlt: "Sewer pipe undergoing repair"},
]}
title="Comprehensive Plumbing Solutions"
description="From routine maintenance to complex repairs, BK Plumbing offers a full spectrum of services to keep your systems running smoothly. We're here to tackle any challenge."
@@ -214,31 +142,20 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
icon: Star,
title: "Average Rating",
value: "4.9 Stars",
},
id: "m1", icon: Star,
title: "Average Rating", value: "4.9 Stars"},
{
id: "m2",
icon: Users,
title: "Happy Customers",
value: "284+ Reviews",
},
id: "m2", icon: Users,
title: "Happy Customers", value: "284+ Reviews"},
{
id: "m3",
icon: Wrench,
title: "Years of Experience",
value: "15+",
},
id: "m3", icon: Wrench,
title: "Years of Experience", value: "15+"},
{
id: "m4",
icon: Clock,
title: "Emergency Response",
value: "24/7",
},
id: "m4", icon: Clock,
title: "Emergency Response", value: "24/7"},
]}
title="Our Commitment to Excellence"
description="We are proud of the trust our community places in us, reflected in our exceptional service record."
@@ -253,53 +170,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Sump Pump Services",
price: "Starting at $250",
variant: "Installation & Repair",
imageSrc: "http://img.b2bpic.net/free-photo/new-blue-electric-motor-work_627829-10702.jpg",
imageAlt: "Sump pump in a basement",
},
id: "p1", name: "Sump Pump Services", price: "Starting at $250", variant: "Installation & Repair", imageSrc: "http://img.b2bpic.net/free-photo/new-blue-electric-motor-work_627829-10702.jpg", imageAlt: "Sump pump in a basement"},
{
id: "p2",
name: "Garbage Disposal Repair",
price: "Starting at $120",
variant: "Fixes & Replacements",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150376989.jpg",
imageAlt: "Plumber repairing a garbage disposal",
},
id: "p2", name: "Garbage Disposal Repair", price: "Starting at $120", variant: "Fixes & Replacements", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150376989.jpg", imageAlt: "Plumber repairing a garbage disposal"},
{
id: "p3",
name: "Outdoor Plumbing Systems",
price: "Request Quote",
variant: "Repair & Maintenance",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-with-modern-gardening-equipment_329181-20581.jpg",
imageAlt: "Outdoor faucet in a garden",
},
id: "p3", name: "Outdoor Plumbing Systems", price: "Request Quote", variant: "Repair & Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-with-modern-gardening-equipment_329181-20581.jpg", imageAlt: "Outdoor faucet in a garden"},
{
id: "p4",
name: "Water Tank Repair",
price: "Starting at $180",
variant: "Efficient & Durable",
imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg",
imageAlt: "Residential water tank",
},
id: "p4", name: "Water Tank Repair", price: "Starting at $180", variant: "Efficient & Durable", imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg", imageAlt: "Residential water tank"},
{
id: "p5",
name: "Pipe Freezing Prevention",
price: "Seasonal Service",
variant: "Winterization",
imageSrc: "asset://sewer-repair",
imageAlt: "Insulated water pipes",
},
id: "p5", name: "Pipe Freezing Prevention", price: "Seasonal Service", variant: "Winterization", imageSrc: "asset://sewer-repair", imageAlt: "Insulated water pipes"},
{
id: "p6",
name: "Water Pressure Adjustments",
price: "Starting at $90",
variant: "Optimization",
imageSrc: "asset://faucet-install",
imageAlt: "Water pressure gauge",
},
id: "p6", name: "Water Pressure Adjustments", price: "Starting at $90", variant: "Optimization", imageSrc: "asset://faucet-install", imageAlt: "Water pressure gauge"},
]}
title="Specialized Plumbing Solutions"
description="Beyond our core services, we offer specialized expertise for unique plumbing needs in Upper Marlboro and beyond."
@@ -314,29 +195,13 @@ export default function LandingPage() {
membersAnimation="slide-up"
members={[
{
id: "t1",
name: "John Davis, Master Plumber",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-builder-man-uniform-points-back-with-hand-isolated-olive-green-wall_141793-66439.jpg",
imageAlt: "John Davis, Master Plumber",
},
id: "t1", name: "John Davis, Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-builder-man-uniform-points-back-with-hand-isolated-olive-green-wall_141793-66439.jpg", imageAlt: "John Davis, Master Plumber"},
{
id: "t2",
name: "Sarah Lee, Lead Technician",
imageSrc: "http://img.b2bpic.net/free-photo/builder-woman-wearing-construction-uniform-safety-helmet-indicate-something-blank-copy-space-her-isolated-white-wall_141793-14595.jpg",
imageAlt: "Sarah Lee, Lead Technician",
},
id: "t2", name: "Sarah Lee, Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/builder-woman-wearing-construction-uniform-safety-helmet-indicate-something-blank-copy-space-her-isolated-white-wall_141793-14595.jpg", imageAlt: "Sarah Lee, Lead Technician"},
{
id: "t3",
name: "Michael Chen, Senior Plumber",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
imageAlt: "Michael Chen, Senior Plumber",
},
id: "t3", name: "Michael Chen, Senior Plumber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Michael Chen, Senior Plumber"},
{
id: "t4",
name: "Emily Rodriguez, Apprentice",
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515872.jpg",
imageAlt: "Emily Rodriguez, Apprentice Plumber",
},
id: "t4", name: "Emily Rodriguez, Apprentice", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515872.jpg", imageAlt: "Emily Rodriguez, Apprentice Plumber"},
]}
memberVariant="card"
/>
@@ -347,49 +212,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "rev1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
imageAlt: "Happy customer Sarah J.",
},
id: "rev1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg", imageAlt: "Happy customer Sarah J."},
{
id: "rev2",
name: "Mark T.",
imageSrc: "http://img.b2bpic.net/free-photo/think-like-customer-words-group-diverse-people-working-background_53876-139646.jpg",
imageAlt: "Satisfied customer Mark T.",
},
id: "rev2", name: "Mark T.", imageSrc: "http://img.b2bpic.net/free-photo/think-like-customer-words-group-diverse-people-working-background_53876-139646.jpg", imageAlt: "Satisfied customer Mark T."},
{
id: "rev3",
name: "Emily P.",
imageSrc: "http://img.b2bpic.net/free-photo/older-man-tourist-lounge-area-sofa_482257-81670.jpg",
imageAlt: "Happy customer Emily P.",
},
id: "rev3", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/older-man-tourist-lounge-area-sofa_482257-81670.jpg", imageAlt: "Happy customer Emily P."},
{
id: "rev4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg",
imageAlt: "Satisfied customer David K.",
},
id: "rev4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg", imageAlt: "Satisfied customer David K."},
{
id: "rev5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940972.jpg",
imageAlt: "Happy customer Jessica L.",
},
id: "rev5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/couple-spending-quality-time-together_23-2148940972.jpg", imageAlt: "Happy customer Jessica L."},
{
id: "rev6",
name: "Robert S.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg",
imageAlt: "Satisfied customer Robert S.",
},
id: "rev6", name: "Robert S.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg", imageAlt: "Satisfied customer Robert S."},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted by 284+ Satisfied Customers"
buttons={[
{
text: "Read All Reviews",
href: "#contact",
},
text: "Read All Reviews", href: "#contact"},
]}
cardAnimation="slide-up"
/>
@@ -401,30 +240,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "We proudly serve Upper Marlboro, MD and the surrounding communities. Please contact us to confirm service availability in your specific location.",
},
id: "q1", title: "What areas do you serve?", content: "We proudly serve Upper Marlboro, MD and the surrounding communities. Please contact us to confirm service availability in your specific location."},
{
id: "q2",
title: "Are you licensed and insured?",
content: "Yes, BK Plumbing is fully licensed, bonded, and insured. Our team consists of certified professionals committed to the highest standards of safety and quality.",
},
id: "q2", title: "Are you licensed and insured?", content: "Yes, BK Plumbing is fully licensed, bonded, and insured. Our team consists of certified professionals committed to the highest standards of safety and quality."},
{
id: "q3",
title: "Do you offer emergency plumbing services?",
content: "Absolutely! We understand that plumbing emergencies don't wait. We offer 24/7 emergency services to address urgent issues promptly.",
},
id: "q3", title: "Do you offer emergency plumbing services?", content: "Absolutely! We understand that plumbing emergencies don't wait. We offer 24/7 emergency services to address urgent issues promptly."},
{
id: "q4",
title: "How do I schedule an appointment?",
content: "You can schedule an appointment by calling us directly at (240) 784-1347 or by filling out the contact form on our website.",
},
id: "q4", title: "How do I schedule an appointment?", content: "You can schedule an appointment by calling us directly at (240) 784-1347 or by filling out the contact form on our website."},
{
id: "q5",
title: "What forms of payment do you accept?",
content: "We accept all major credit cards, debit cards, and cash. Payment plans may be available for larger projects; please inquire for more details.",
},
id: "q5", title: "What forms of payment do you accept?", content: "We accept all major credit cards, debit cards, and cash. Payment plans may be available for larger projects; please inquire for more details."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our plumbing services."
@@ -437,8 +261,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready for Reliable Plumbing?"
title="Get Your Free Plumbing Estimate Today"
description="Reach out to BK Plumbing for expert service. We're here to help with all your installation, repair, and maintenance needs."
@@ -459,70 +282,41 @@ export default function LandingPage() {
logoText="BK Plumbing"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Faucet Repair",
href: "#services",
},
label: "Faucet Repair", href: "#services"},
{
label: "Drain Cleaning",
href: "#services",
},
label: "Drain Cleaning", href: "#services"},
{
label: "Water Heaters",
href: "#services",
},
label: "Water Heaters", href: "#services"},
{
label: "Leak Detection",
href: "#services",
},
label: "Leak Detection", href: "#services"},
{
label: "Sewer Repair",
href: "#product-catalog",
},
label: "Sewer Repair", href: "#product-catalog"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Accessibility",
href: "#",
},
label: "Accessibility", href: "#"},
],
},
]}