Update src/app/page.tsx
This commit is contained in:
157
src/app/page.tsx
157
src/app/page.tsx
@@ -30,65 +30,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BK Plumbing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550123"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Plumbing for Waldorf & Southern Maryland"
|
||||
description="Licensed, insured, and available 24/7. Trusted by hundreds of homeowners for transparent pricing and expert service."
|
||||
tag="4.9/5 Rating | 285+ Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 555-0123",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now: 555-0123", href: "tel:5550123"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing expert",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Professional plumbing expert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=2",
|
||||
imageAlt: "Residential water heater installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Residential water heater installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=3",
|
||||
imageAlt: "Transparent plumbing services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Transparent plumbing services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=4",
|
||||
imageAlt: "Emergency repair services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Emergency repair services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=5",
|
||||
imageAlt: "Quality workmanship guaranteed",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg", imageAlt: "Quality workmanship guaranteed"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,52 +78,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Installation and repair for tank and tankless systems.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg?_wi=6",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
title: "Water Heaters", description: "Installation and repair for tank and tankless systems.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear stubborn clogs quickly and effectively.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-luxury-lifestyle-comfortable_1203-4716.jpg?_wi=1",
|
||||
imageAlt: "happy home owner portrait",
|
||||
title: "Drain Cleaning", description: "Clear stubborn clogs quickly and effectively.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Precision identification to prevent water damage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertTriangle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg?_wi=1",
|
||||
imageAlt: "professional client portrait",
|
||||
title: "Leak Detection", description: "Precision identification to prevent water damage.", bentoComponent: "reveal-icon", icon: AlertTriangle
|
||||
},
|
||||
{
|
||||
title: "Toilet Repair",
|
||||
description: "Professional troubleshooting and new installs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-holding-lamp_23-2147782380.jpg?_wi=1",
|
||||
imageAlt: "happy customer looking at camera",
|
||||
title: "Toilet Repair", description: "Professional troubleshooting and new installs.", bentoComponent: "reveal-icon", icon: Wrench
|
||||
},
|
||||
{
|
||||
title: "Sewer Lines",
|
||||
description: "Complete inspection and repair services.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg?_wi=1",
|
||||
imageAlt: "smiling home owner kitchen",
|
||||
title: "Sewer Lines", description: "Complete inspection and repair services.", bentoComponent: "reveal-icon", icon: Activity
|
||||
},
|
||||
{
|
||||
title: "Fixture Upgrades",
|
||||
description: "Install faucets, sinks, and shower heads.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg?_wi=1",
|
||||
imageAlt: "happy woman modern home",
|
||||
title: "Fixture Upgrades", description: "Install faucets, sinks, and shower heads.", bentoComponent: "reveal-icon", icon: Settings
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -161,19 +108,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Availability",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Availability", value: "24/7"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "License",
|
||||
value: "Fully Licensed",
|
||||
},
|
||||
label: "License", value: "Fully Licensed"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Pricing",
|
||||
value: "Transparent",
|
||||
},
|
||||
label: "Pricing", value: "Transparent"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -186,45 +127,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Manny showed up at 4 AM for an emergency leak. He was honest and had us fixed in an hour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-luxury-lifestyle-comfortable_1203-4716.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Manny showed up at 4 AM for an emergency leak. He was honest and had us fixed in an hour.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-luxury-lifestyle-comfortable_1203-4716.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Most honest plumber in Southern Maryland. Prices are always transparent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@miker", testimonial: "Most honest plumber in Southern Maryland. Prices are always transparent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Fast service and clean work. Highly recommended for any household fix.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-holding-lamp_23-2147782380.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily D.", handle: "@emilyd", testimonial: "Fast service and clean work. Highly recommended for any household fix.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-holding-lamp_23-2147782380.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Fair pricing for high quality work. Will call BK again for sure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@davidl", testimonial: "Fair pricing for high quality work. Will call BK again for sure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica W.",
|
||||
handle: "@jessw",
|
||||
testimonial: "Friendly, professional, and knowledgeable. Great local business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jessica W.", handle: "@jessw", testimonial: "Friendly, professional, and knowledgeable. Great local business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Neighbors Say"
|
||||
@@ -236,8 +152,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Emergency Service"
|
||||
title="Need Help Now?"
|
||||
description="Manny and the team are available 24/7. Call us today."
|
||||
@@ -249,13 +164,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="BK Plumbing"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user