330 lines
18 KiB
TypeScript
330 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Clock, Star, Users, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+12407841347"}}
|
|
topBarButton={{
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
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: "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: "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: "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: "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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
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."]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Us", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Star,
|
|
title: "Average Rating", value: "4.9 Stars"},
|
|
{
|
|
id: "m2", icon: Users,
|
|
title: "Happy Customers", value: "284+ Reviews"},
|
|
{
|
|
id: "m3", icon: Wrench,
|
|
title: "Years of Experience", value: "15+"},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-catalog" data-section="product-catalog">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={true}
|
|
title="Meet the BK Plumbing Team"
|
|
tag="Skilled & Certified Professionals"
|
|
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: "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: "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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
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: "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: "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: "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"},
|
|
]}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
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: "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: "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."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our plumbing services."
|
|
tag="Your Plumbing Questions Answered"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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."
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914236.jpg"
|
|
imageAlt="Contact BK Plumbing for service"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Schedule Service"
|
|
termsText="By clicking Schedule Service you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xx0rnn"
|
|
logoAlt="BK Plumbing Logo"
|
|
logoText="BK Plumbing"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Faucet Repair", href: "#services"},
|
|
{
|
|
label: "Drain Cleaning", href: "#services"},
|
|
{
|
|
label: "Water Heaters", href: "#services"},
|
|
{
|
|
label: "Leak Detection", href: "#services"},
|
|
{
|
|
label: "Sewer Repair", href: "#product-catalog"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Team", href: "#team"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Accessibility", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 BK Plumbing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|