225 lines
13 KiB
TypeScript
225 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { CheckCircle, Phone, Shield, Wrench } from "lucide-react";
|
|
|
|
export default function PlumbingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="sparkles-gradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="ProPlumb"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+1-800-PLUMBER"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Expert Plumbing Services for California Homes"
|
|
description="Fast, reliable plumbing solutions available 24/7. From emergency repairs to complete installations, ProPlumb delivers professional service when you need it most."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
kpis={[
|
|
{ value: "24/7", label: "Emergency Response" },
|
|
{ value: "15+", label: "Years Experience" },
|
|
{ value: "100%", label: "Satisfaction Guarantee" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Licensed & Insured"
|
|
tagIcon={CheckCircle}
|
|
buttons={[
|
|
{ text: "Schedule Service", href: "#contact" },
|
|
{ text: "Emergency Call", href: "tel:+1-800-PLUMBER" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg"
|
|
imageAlt="Professional plumber fixing water pipes"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardTwo
|
|
title="Our Services"
|
|
description="Comprehensive plumbing solutions tailored to your California home's needs"
|
|
tag="Professional Services"
|
|
tagIcon={Wrench}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "ProPlumb", name: "Emergency Repair", price: "Starting $150", rating: 5,
|
|
reviewCount: "428", imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg", imageAlt: "Emergency plumbing repair service"
|
|
},
|
|
{
|
|
id: "2", brand: "ProPlumb", name: "Installation & Upgrades", price: "Custom Quote", rating: 5,
|
|
reviewCount: "356", imageSrc: "https://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Professional pipe and fixture installation"
|
|
},
|
|
{
|
|
id: "3", brand: "ProPlumb", name: "Maintenance Plans", price: "Starting $99/month", rating: 5,
|
|
reviewCount: "312", imageSrc: "https://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Regular plumbing maintenance service"
|
|
},
|
|
{
|
|
id: "4", brand: "ProPlumb", name: "Drain Cleaning", price: "Starting $125", rating: 5,
|
|
reviewCount: "287", imageSrc: "https://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg", imageAlt: "Professional drain cleaning service"
|
|
},
|
|
{
|
|
id: "5", brand: "ProPlumb", name: "Water Heater Service", price: "Starting $200", rating: 5,
|
|
reviewCount: "241", imageSrc: "https://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Water heater repair and installation"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Trusted plumbing experts serving California for over" },
|
|
{ type: "image", src: "https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg", alt: "ProPlumb team" },
|
|
{ type: "text", content: "15 years with integrity and excellence" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Request Quote", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why ProPlumb Stands Out"
|
|
description="Industry-leading expertise and customer commitment"
|
|
tag="Quality Service"
|
|
tagIcon={Shield}
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Licensed & Certified", description: "All technicians are fully licensed, insured, and background-checked for your peace of mind", imageSrc: "https://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Licensed plumbing certification"
|
|
},
|
|
{
|
|
title: "24/7 Availability", description: "Emergency plumbing issues don't wait—neither do we. Always ready to help", imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg", imageAlt: "24/7 emergency plumbing response"
|
|
},
|
|
{
|
|
title: "Transparent Pricing", description: "No hidden fees or surprise charges. You know exactly what you'll pay upfront", imageSrc: "https://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Clear pricing for plumbing services"
|
|
},
|
|
{
|
|
title: "Satisfaction Guarantee", description: "100% satisfaction guarantee on all work. If you're not happy, we'll make it right", imageSrc: "https://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Customer satisfaction guarantee"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our California Customers Say"
|
|
description="Join hundreds of satisfied homeowners who trust ProPlumb for their plumbing needs"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Wilson", handle: "Homeowner, Los Angeles", testimonial: "ProPlumb saved the day when our main pipe burst. They arrived within an hour and fixed it perfectly. Outstanding service and fair pricing!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Martinez", handle: "Homeowner, San Diego", testimonial: "I've used ProPlumb for three years now. Their maintenance plans have saved me thousands in potential repairs. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Sarah Martinez"
|
|
},
|
|
{
|
|
id: "3", name: "David Chen", handle: "Property Manager, Fresno", testimonial: "Managing multiple properties means reliability is critical. ProPlumb delivers every single time. They're our go-to plumber.", imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Anderson", handle: "Homeowner, Sacramento", testimonial: "Professional, courteous, and they actually fixed the problem instead of just treating the symptoms. Worth every penny!", imageSrc: "https://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Jennifer Anderson"
|
|
},
|
|
{
|
|
id: "5", name: "Michael Rodriguez", handle: "Homeowner, Oakland", testimonial: "Called for a kitchen sink issue at 11 PM. They came out, diagnosed it immediately, and had us fixed before midnight. Amazing service!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Thompson", handle: "Homeowner, Long Beach", testimonial: "The whole-home inspection they offered was incredibly thorough. Found issues we didn't even know about. Prevention is worth it!", imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "Lisa Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Help Now"
|
|
tagIcon={Phone}
|
|
title="Schedule Your Service Today"
|
|
description="Ready to solve your plumbing problem? Contact ProPlumb for a free estimate or emergency service. We're standing by to help."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg"
|
|
imageAlt="ProPlumb technician ready to help"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Service"
|
|
termsText="We respect your privacy. You'll only hear from us with service updates and offers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="ProPlumb"
|
|
copyrightText="© 2025 ProPlumb. All rights reserved. California's trusted plumbing partner."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Emergency Repair", href: "#services" },
|
|
{ label: "Installation", href: "#services" },
|
|
{ label: "Maintenance", href: "#services" },
|
|
{ label: "Drain Cleaning", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Call 1-800-PLUMBER", href: "tel:+1-800-PLUMBER" },
|
|
{ label: "Schedule Service", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Service Terms", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |