294 lines
14 KiB
TypeScript
294 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { CheckCircle, Wrench, Star, Phone } from "lucide-react";
|
|
|
|
export default function PlumbingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="ProPlumbing"
|
|
button={{
|
|
text: "Get Quote", href: "#contact"
|
|
}}
|
|
className="w-full"
|
|
buttonClassName="px-6 py-2.5"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Professional Plumbing Solutions for Your Home"
|
|
description="Expert plumbing services available 24/7. From installations to emergency repairs, we deliver trusted solutions with certified professionals."
|
|
tag="Licensed & Insured"
|
|
tagIcon={CheckCircle}
|
|
buttons={[
|
|
{
|
|
text: "Get Free Quote", href: "#contact"
|
|
},
|
|
{
|
|
text: "Emergency Service", href: "tel:1-800-PLUMBER"
|
|
}
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg", imageAlt: "Professional plumber at work"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg", imageAlt: "Plumbing installation service"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg", imageAlt: "Kitchen sink repair"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg", imageAlt: "Water heater installation"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg", imageAlt: "Professional plumbing team"
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
titleClassName="text-5xl md:text-6xl font-light"
|
|
descriptionClassName="text-lg opacity-90"
|
|
buttonClassName="px-8 py-3 font-semibold"
|
|
buttonTextClassName="font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Why Choose ProPlumbing"
|
|
description="With over 20 years of industry experience, we've built our reputation on quality workmanship and outstanding customer service."
|
|
tabs={[
|
|
{
|
|
id: "certified", label: "Certified Experts", description: "Our team consists of licensed plumbers with extensive training and certifications. We stay updated with the latest plumbing codes and best practices to ensure your system is in expert hands."
|
|
},
|
|
{
|
|
id: "service", label: "24/7 Emergency Service", description: "Plumbing emergencies don't wait for business hours. Our emergency response team is available round-the-clock to handle urgent repairs and prevent water damage to your property."
|
|
},
|
|
{
|
|
id: "transparent", label: "Transparent Pricing", description: "No hidden fees, no surprises. We provide upfront quotes for all work and explain every step of the process. You'll know exactly what to expect before we begin any job."
|
|
},
|
|
{
|
|
id: "guarantee", label: "Satisfaction Guaranteed", description: "We stand behind our work with a comprehensive warranty on all services. Your satisfaction is our priority, and we won't consider the job done until you're completely happy."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
|
|
imageAlt="Professional plumbing team members"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
contentCardClassName="p-8"
|
|
titleClassName="text-4xl md:text-5xl font-light"
|
|
tabClassName="px-4 py-2 font-medium text-sm"
|
|
activeTabClassName="opacity-100"
|
|
descriptionClassName="text-base leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
features={[
|
|
{
|
|
id: "repairs", label: "Repairs", title: "Emergency & Routine Repairs", items: [
|
|
"Leak detection and repair", "Burst pipe replacement", "Drain cleaning and unclogging", "Fixture replacement", "Water pressure issues"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Learn More", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "installations", label: "Installations", title: "New System Installation", items: [
|
|
"Water heater installation", "Pipe system upgrades", "Bathroom fixture installation", "Sump pump installation", "Gas line installation"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Get Quote", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "maintenance", label: "Maintenance", title: "Preventive Maintenance Plans", items: [
|
|
"Annual system inspections", "Water heater maintenance", "Pipe inspection services", "Drain treatment", "Emergency backup service"
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "View Plans", href: "#contact"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Services"
|
|
description="Comprehensive plumbing solutions for residential and commercial properties"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Complete Solutions"
|
|
tagIcon={Wrench}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
labelClassName="text-5xl md:text-6xl font-light opacity-80"
|
|
cardTitleClassName="text-2xl font-light"
|
|
itemTextClassName="text-base"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Homeowner", company: "Residential Customer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", role: "Property Manager", company: "Commercial Client", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Maria Rodriguez", role: "Business Owner", company: "Restaurant Owner", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "Maria Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "James Patterson", role: "Homeowner", company: "Residential Customer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "James Patterson"
|
|
},
|
|
{
|
|
id: "5", name: "Amanda Brooks", role: "Facilities Director", company: "Office Building", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "Amanda Brooks"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Sullivan", role: "Homeowner", company: "Residential Customer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Robert Sullivan"
|
|
}
|
|
]}
|
|
gridVariant="uniform-alternating-sizes"
|
|
animationType="slide-up"
|
|
title="What Our Customers Say"
|
|
description="Real feedback from homeowners and business owners we've served"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
titleClassName="text-4xl md:text-5xl font-light"
|
|
descriptionClassName="text-lg opacity-90"
|
|
nameClassName="font-semibold text-white"
|
|
roleClassName="text-sm opacity-90"
|
|
companyClassName="text-sm font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={Phone}
|
|
title="Request Your Free Quote Today"
|
|
description="Contact us for a no-obligation inspection and quote. Our team will assess your plumbing needs and provide a transparent estimate for the work required."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
|
imageAlt="Professional plumbing service"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Quote"
|
|
termsText="We'll contact you within 24 hours. Your information is secure and never shared."
|
|
className="w-full"
|
|
containerClassName="py-20"
|
|
titleClassName="text-4xl md:text-5xl font-light"
|
|
descriptionClassName="text-lg leading-relaxed"
|
|
inputClassName="px-4 py-3 rounded-lg"
|
|
buttonClassName="px-8 py-3 font-semibold"
|
|
buttonTextClassName="font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
|
imageAlt="Professional plumbing service background"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Emergency Repairs", href: "#services"
|
|
},
|
|
{
|
|
label: "Installations", href: "#services"
|
|
},
|
|
{
|
|
label: "Maintenance Plans", href: "#services"
|
|
},
|
|
{
|
|
label: "Water Heaters", href: "#services"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"
|
|
},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"
|
|
},
|
|
{
|
|
label: "Service Areas", href: "#"
|
|
},
|
|
{
|
|
label: "Contact", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Emergency Service", href: "tel:1-800-PLUMBER"
|
|
},
|
|
{
|
|
label: "FAQ", href: "#"
|
|
},
|
|
{
|
|
label: "Privacy Policy", href: "#"
|
|
},
|
|
{
|
|
label: "Terms of Service", href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
logoText="ProPlumbing"
|
|
copyrightText="© 2025 ProPlumbing. All rights reserved."
|
|
className="w-full"
|
|
containerClassName="py-16"
|
|
logoTextClassName="text-2xl font-light"
|
|
columnTitleClassName="text-lg font-semibold"
|
|
columnItemClassName="text-sm opacity-90 hover:opacity-100"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |