Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5efeb3dfca | |||
| 97632d6ddc | |||
| 1952fade9b | |||
| bd6169150f | |||
| 5d560bfc20 | |||
| 2d8a87b1b4 | |||
| 1ce7b21408 | |||
| 75310bfe7f | |||
| 848993b962 | |||
| 0929340937 | |||
| b7de787baf | |||
| 89aceac18d |
@@ -1,73 +1,23 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Nunito_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const nunitoSans = Nunito_Sans({
|
||||
variable: "--font-nunito-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Pro Renton Plumbers | Fast, Reliable Plumbing Services",
|
||||
description: "Licensed, insured plumbers in Renton, WA. Same-day service, 24/7 emergency response, upfront pricing. Water heater repair, drain cleaning, leak detection & more.",
|
||||
keywords: "Renton plumber, emergency plumbing, water heater repair, drain cleaning, local plumber, 24/7 plumbing service",
|
||||
metadataBase: new URL("https://prorentonplumbers.com"),
|
||||
alternates: {
|
||||
canonical: "https://prorentonplumbers.com",
|
||||
},
|
||||
openGraph: {
|
||||
title: "Pro Renton Plumbers | Trusted Local Service",
|
||||
description: "Fast, reliable plumbing repairs and installations. Licensed professionals, same-day service, free estimates.",
|
||||
type: "website",
|
||||
siteName: "Pro Renton Plumbers",
|
||||
images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg",
|
||||
alt: "Professional plumbing service in Renton",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Pro Renton Plumbers | Expert Local Service",
|
||||
description: "Fast, reliable plumbing services in Renton, WA. Call now for emergency service or free estimate.",
|
||||
images: ["http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Pro Renton Plumbers | 24/7 Emergency Plumbing Services", description:
|
||||
"Trusted local plumbers in Renton providing fast, reliable repairs and installations. Licensed, insured, 24/7 emergency service available. Call (253) 235-2228."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${nunitoSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1435,7 +1385,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
188
src/app/page.tsx
188
src/app/page.tsx
@@ -26,26 +26,24 @@ import {
|
||||
Quote,
|
||||
Heart,
|
||||
Phone,
|
||||
Clock,
|
||||
Award,
|
||||
Users,
|
||||
Hammer,
|
||||
Gauge,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const navLinks = navItems.map((item) => {
|
||||
if (item.id === "/") {
|
||||
return { name: item.name, id: item.id };
|
||||
}
|
||||
return { name: item.name, id: item.id };
|
||||
});
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
@@ -59,101 +57,138 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Pro Renton Plumbers"
|
||||
navItems={navLinks}
|
||||
button={{ text: "Call Now", href: "tel:+14255551234" }}
|
||||
navItems={navItems}
|
||||
button={{ text: "(253) 235-2228", href: "tel:+12532352228" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Trusted Local Plumbers in Renton"
|
||||
description="Fast, reliable plumbing repairs and installations for homes across Renton and nearby communities. Licensed, insured, and ready to serve you."
|
||||
tag="Expert Local Service"
|
||||
title="24/7 Emergency Plumbing in Renton"
|
||||
description="Licensed, insured plumbers ready to fix your plumbing issues fast. Same-day service, honest pricing, and 24-hour emergency response. Serving Renton and surrounding areas."
|
||||
tag="Expert Local Plumbers"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+14255551234" },
|
||||
{ text: "Call Now: (253) 235-2228", href: "tel:+12532352228" },
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"
|
||||
imageAlt="Professional plumber at work in home"
|
||||
ariaLabel="Hero section - Trusted Local Plumbers in Renton"
|
||||
imageSrc="https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=800&q=80"
|
||||
imageAlt="Professional plumber at work in Renton home"
|
||||
ariaLabel="Hero section - 24/7 Emergency Plumbing in Renton"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-badges" data-section="trust-badges">
|
||||
<FeatureBento
|
||||
title="Why Renton Homeowners Trust Us"
|
||||
description="Built on a foundation of expertise, reliability, and customer commitment"
|
||||
tag="Our Promise"
|
||||
title="Why Renton Homeowners Trust Pro Renton Plumbers"
|
||||
description="We're licensed, insured, available 24/7 for emergencies, and committed to honest pricing. Trusted by hundreds of satisfied customers with 5-star reviews."
|
||||
tag="Our Guarantee"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Licensed & Insured", description: "Fully certified professionals with comprehensive coverage", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
title: "Licensed & Insured", description: "Washington State licensed with $2M liability insurance protecting your home and investment", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Same-Day Service", description: "Emergency repairs available 24/7 when you need us most", bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "24/7 Emergency Service", description: "Available anytime day or night for burst pipes, leaks, and urgent plumbing emergencies", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
{
|
||||
title: "Upfront Pricing", description: "No hidden fees—transparent estimates before any work begins", bentoComponent: "reveal-icon", icon: DollarSign,
|
||||
title: "Honest Upfront Pricing", description: "No hidden fees. Free estimates with transparent pricing before any work begins", bentoComponent: "reveal-icon", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "5-Star Rated", description: "Trusted by hundreds of satisfied Renton homeowners", bentoComponent: "reveal-icon", icon: Star,
|
||||
title: "Fast Response Time", description: "Average 30-60 minute response for emergencies. Same-day service for regular calls", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Local Experts", description: "Deep knowledge of Renton homes and unique plumbing needs", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
title: "5-Star Rated", description: "Hundreds of verified Google reviews from satisfied Renton homeowners", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Trust badges and service highlights"
|
||||
ariaLabel="Trust badges and service guarantees"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Complete Plumbing Services"
|
||||
description="From emergency repairs to scheduled installations, we handle all your plumbing needs with expertise and professionalism."
|
||||
tag="Full-Service Solutions"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Repair", description: "Emergency water heater repairs and installations. Gas, electric, and tankless options available.", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning", description: "Fast and effective drain cleaning. Hydro-jetting and snake cleaning for clogs and backups.", bentoComponent: "reveal-icon", icon: Waves,
|
||||
},
|
||||
{
|
||||
title: "Leak Detection", description: "Advanced technology to find hidden leaks. Acoustic and thermal imaging for quick detection.", bentoComponent: "reveal-icon", icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
title: "Pipe Repair & Replacement", description: "Durable pipe solutions for copper, PVC, and PEX piping. Preventive maintenance available.", bentoComponent: "reveal-icon", icon: Hammer,
|
||||
},
|
||||
{
|
||||
title: "Toilet Repair & Replacement", description: "Quick repairs for running toilets and leaks. Full replacement with modern low-flow options.", bentoComponent: "reveal-icon", icon: Gauge,
|
||||
},
|
||||
{
|
||||
title: "Shower Installation", description: "Custom shower installations and upgrades. Professional finish guaranteed.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs", description: "24/7 emergency response for burst pipes, severe leaks, and critical plumbing issues.", bentoComponent: "reveal-icon", icon: AlertCircle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Plumbing services offered"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Customers Say"
|
||||
description="Real experiences from satisfied Renton homeowners"
|
||||
description="Real 5-star experiences from satisfied Renton homeowners. Read verified Google reviews from our community."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Quote}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial:
|
||||
"Pro Renton Plumbers fixed our water heater issue in no time. The technician was professional, courteous, and gave us an upfront estimate. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1", imageAlt: "woman portrait professional headshot smiling"},
|
||||
id: "1", name: "Sarah Johnson", handle: "★★★★★ Google Review", testimonial:
|
||||
"Pro Renton Plumbers fixed our water heater in no time. Professional, courteous, and gave us an upfront estimate. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", imageAlt: "Sarah Johnson customer review photo"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mchen_renton", testimonial:
|
||||
"Emergency plumbing on a Sunday night—they answered immediately and arrived within 45 minutes. Best service experience I've had. Worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "man portrait professional headshot confident"},
|
||||
id: "2", name: "Michael Chen", handle: "★★★★★ Google Review", testimonial:
|
||||
"Emergency plumbing on a Sunday night—they answered immediately and arrived within 45 minutes. Best service experience ever.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", imageAlt: "Michael Chen customer review photo"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial:
|
||||
"The drain cleaning service was incredibly thorough. No mess, professional cleanup, and the price was exactly what they quoted. True professionals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2", imageAlt: "woman portrait professional happy headshot"},
|
||||
id: "3", name: "Emily Rodriguez", handle: "★★★★★ Google Review", testimonial:
|
||||
"The drain cleaning service was incredibly thorough. No mess, professional cleanup, and the price was exactly what they quoted.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", imageAlt: "Emily Rodriguez customer review photo"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "@davidkim_home", testimonial:
|
||||
"We had a major leak detection emergency. They found it quickly with their advanced equipment and fixed it the same day. Saved us from serious water damage.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "man portrait professional headshot smile"},
|
||||
id: "4", name: "David Kim", handle: "★★★★★ Google Review", testimonial:
|
||||
"We had a major leak detection emergency. They found it quickly and fixed it the same day. Saved us from serious water damage.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&q=80", imageAlt: "David Kim customer review photo"},
|
||||
{
|
||||
id: "5", name: "Jennifer Walsh", handle: "@jwalsh_renton", testimonial:
|
||||
id: "5", name: "Jennifer Walsh", handle: "★★★★★ Google Review", testimonial:
|
||||
"Shower installation was seamless. The team was clean, professional, and finished ahead of schedule. Will definitely call them again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "woman portrait professional headshot friendly"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1517256673193-36c24ce56538?w=150&q=80", imageAlt: "Jennifer Walsh customer review photo"},
|
||||
{
|
||||
id: "6", name: "Robert Thompson", handle: "@rthompson_diy", testimonial:
|
||||
id: "6", name: "Robert Thompson", handle: "★★★★★ Google Review", testimonial:
|
||||
"As someone who tries to DIY everything, I knew this needed professionals. Best decision. They explained every step and didn't rush.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "man portrait professional headshot approachable"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&q=80", imageAlt: "Robert Thompson customer review photo"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Customer testimonials and reviews"
|
||||
ariaLabel="Customer testimonials and 5-star reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,12 +198,13 @@ export default function HomePage() {
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Why Choose Pro Renton Plumbers"
|
||||
description="We're not just another plumbing company. We're your neighbors, committed to providing honest, reliable service backed by years of experience and hundreds of satisfied customers throughout Renton."
|
||||
description="We're not just another plumbing company. We're your neighbors, committed to providing honest, reliable service backed by years of experience and hundreds of satisfied customers throughout Renton. Every job is backed by our satisfaction guarantee."
|
||||
metrics={[
|
||||
{ value: "25+", title: "Years of Combined Experience" },
|
||||
{ value: "25+", title: "Years Combined Experience" },
|
||||
{ value: "500+", title: "Happy Customers Served" },
|
||||
{ value: "100%", title: "Satisfaction Guarantee" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=500&q=80"
|
||||
imageAlt="Professional plumbing team"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -179,38 +215,40 @@ export default function HomePage() {
|
||||
<div id="service-areas" data-section="service-areas">
|
||||
<SocialProofOne
|
||||
title="Service Areas"
|
||||
description="We proudly serve Renton and the surrounding communities with reliable plumbing solutions"
|
||||
description="We proudly serve Renton and surrounding communities with reliable 24/7 plumbing solutions."
|
||||
tag="Local Coverage"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Renton", "Kent", "Bellevue", "Newcastle", "Tukwila", "Seattle Area", "Sammamish", "Issaquah", "Kirkland", "Redmond"]}
|
||||
names={[
|
||||
"Renton", "Kent", "Bellevue", "Newcastle", "Tukwila", "Seattle Area", "Sammamish", "Issaquah", "Kirkland", "Redmond"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Service areas and coverage regions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Need a Plumber Today?"
|
||||
ctaDescription="Don't let plumbing issues wait. Call now for fast, reliable service or request a free estimate online."
|
||||
ctaButton={{ text: "Call Now", href: "tel:+14255551234" }}
|
||||
ctaTitle="Ready for Fast, Reliable Plumbing Service?"
|
||||
ctaDescription="Call Pro Renton Plumbers now for 24/7 emergency service or to schedule your appointment. Get a free estimate with no hidden fees."
|
||||
ctaButton={{
|
||||
text: "Call (253) 235-2228", href: "tel:+12532352228"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer emergency services?", content:
|
||||
"Yes! We provide 24/7 emergency plumbing services. Call us anytime for urgent issues like burst pipes, severe leaks, or backups."},
|
||||
id: "1", title: "Do you offer 24/7 emergency service?", content:
|
||||
"Yes! We provide 24/7 emergency plumbing services. Call us anytime for urgent issues like burst pipes, severe leaks, or backups. Our team responds quickly—typically within 30-60 minutes for emergencies."},
|
||||
{
|
||||
id: "2", title: "How quickly can you arrive?", content:
|
||||
"We aim to arrive within 1-2 hours of your call. Emergency appointments are prioritized, and we work hard to fit you in as quickly as possible."},
|
||||
id: "2", title: "What's your service area?", content:
|
||||
"We serve Renton and surrounding communities including Kent, Bellevue, Newcastle, Tukwila, Seattle area, Sammamish, Issaquah, Kirkland, and Redmond. Same-day service available for most areas."},
|
||||
{
|
||||
id: "3", title: "Do you provide free estimates?", content:
|
||||
"Absolutely. We provide transparent, upfront estimates with no hidden fees before any work begins. You'll know exactly what to expect."},
|
||||
"Absolutely. We provide transparent, upfront estimates with no hidden fees before any work begins. You'll know exactly what to expect. Estimates are typically provided within 24 hours."},
|
||||
{
|
||||
id: "4", title: "Are you licensed and insured?", content:
|
||||
"Yes, all our plumbers are fully licensed and we carry comprehensive insurance coverage to protect you and your home."},
|
||||
"Yes, all our plumbers are fully licensed by the State of Washington and we carry comprehensive general liability insurance ($2M coverage) to protect you and your home during service."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -223,30 +261,30 @@ export default function HomePage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "/services" },
|
||||
{ label: "Drain Cleaning", href: "/services" },
|
||||
{ label: "Toilet Repair", href: "/services" },
|
||||
{ label: "Emergency Plumbing", href: "/services" },
|
||||
{ label: "Water Heater Repair", href: "#services" },
|
||||
{ label: "Drain Cleaning", href: "#services" },
|
||||
{ label: "Leak Detection", href: "#services" },
|
||||
{ label: "Emergency Plumbing", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Service Areas", href: "/" },
|
||||
{ label: "About Us", href: "#why-choose-us" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Service Areas", href: "#service-areas" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "Terms of Service", href: "/" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
{ label: "Get Free Estimate", href: "#contact" },
|
||||
{ label: "24/7 Emergency", href: "tel:+12532352228" },
|
||||
{ label: "Customer Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved."
|
||||
copyrightText="© 2025 Pro Renton Plumbers | Licensed & Insured | 24/7 Service: (253) 235-2228 | 17815 108th Ave SE, Renton, WA 98055"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,19 +14,23 @@ import {
|
||||
AlertCircle,
|
||||
AlertTriangle,
|
||||
Phone,
|
||||
Zap,
|
||||
Hammer,
|
||||
Shield,
|
||||
Gauge,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Reviews", id: "/" },
|
||||
{ name: "Contact", id: "/" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
@@ -41,39 +45,50 @@ export default function ServicesPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Pro Renton Plumbers"
|
||||
navItems={navItems}
|
||||
button={{ text: "Call Now", href: "tel:+14255551234" }}
|
||||
button={{ text: "(253) 235-2228", href: "tel:+12532352228" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Our Services"
|
||||
description="Comprehensive plumbing solutions for every need"
|
||||
title="Our Comprehensive Plumbing Services"
|
||||
description="From emergency repairs to scheduled installations, we handle all your plumbing needs with expertise and professionalism. Available 24/7 for emergencies."
|
||||
tag="Full-Service Plumbing"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Installation", description: "Expert installation of energy-efficient water heaters", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
title: "Water Heater Installation & Repair", description:
|
||||
"Expert installation of energy-efficient water heaters. Emergency repairs for gas and electric units. Tankless and traditional options available.", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning", description: "Fast and effective drain cleaning and clearing services", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
title: "Drain Cleaning & Line Services", description:
|
||||
"Fast and effective drain cleaning and clearing services. Hydro-jetting and snake cleaning. Main line repairs and replacements.", bentoComponent: "reveal-icon", icon: Waves,
|
||||
},
|
||||
{
|
||||
title: "Toilet Repair", description: "Quick repairs for all toilet issues and replacements", bentoComponent: "reveal-icon", icon: Waves,
|
||||
title: "Toilet Repair & Replacement", description:
|
||||
"Quick repairs for running toilets, leaks, and clogs. Full toilet replacement with modern low-flow options available.", bentoComponent: "reveal-icon", icon: Gauge,
|
||||
},
|
||||
{
|
||||
title: "Shower Installation", description: "Custom shower installations and upgrades", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
title: "Shower & Bath Installation", description:
|
||||
"Custom shower installations and upgrades. Bathtub repairs and refinishing. Faucet installations and repairs.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Pipe Repair & Replacement", description: "Durable pipe solutions for old and new homes", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
title: "Pipe Repair & Replacement", description:
|
||||
"Durable pipe solutions for old and new homes. Copper, PVC, and PEX piping. Corrosion detection and preventive maintenance.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Leak Detection", description: "Advanced detection technology to find hidden leaks", bentoComponent: "reveal-icon", icon: AlertCircle,
|
||||
title: "Leak Detection & Repair", description:
|
||||
"Advanced detection technology to find hidden leaks. Acoustic and thermal imaging. Water damage prevention and restoration.", bentoComponent: "reveal-icon", icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
title: "Emergency Plumbing", description: "24/7 emergency response for urgent plumbing issues", bentoComponent: "reveal-icon", icon: AlertTriangle,
|
||||
title: "Emergency Plumbing", description:
|
||||
"24/7 emergency response for urgent plumbing issues. Burst pipes, severe leaks, backups, and no-water situations handled immediately.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Preventive Maintenance", description:
|
||||
"Regular inspections and maintenance to prevent costly repairs. Seasonal plumbing checks. Water pressure testing and adjustments.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -86,22 +101,23 @@ export default function ServicesPage() {
|
||||
<div id="services-cta" data-section="services-cta">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Get Started?"
|
||||
ctaDescription="Contact us today to schedule your plumbing service or request a free estimate."
|
||||
ctaButton={{ text: "Schedule Service", href: "tel:+14255551234" }}
|
||||
ctaDescription="Contact us today to schedule your plumbing service or request a free estimate. Our team is available 24/7 for emergency service."
|
||||
ctaButton={{
|
||||
text: "Call (253) 235-2228", href: "tel:+12532352228"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What areas do you serve?", content:
|
||||
"We serve Renton and surrounding communities including Kent, Bellevue, Newcastle, Tukwila, Sammamish, Issaquah, Kirkland, and Redmond."},
|
||||
"We serve Renton and surrounding communities including Kent, Bellevue, Newcastle, Tukwila, Sammamish, Issaquah, Kirkland, and Redmond. Same-day service available."},
|
||||
{
|
||||
id: "2", title: "Do you offer warranties?", content:
|
||||
"Yes, all our services come with comprehensive warranties to ensure your peace of mind and satisfaction."},
|
||||
"Yes, all our services come with comprehensive warranties. Workmanship warranty: 2 years. Parts warranty: manufacturer guaranteed. Emergency repairs: 30-day satisfaction guarantee."},
|
||||
{
|
||||
id: "3", title: "What are your service hours?", content:
|
||||
"We're available 24/7 for emergency services. Regular service appointments can be scheduled during business hours."},
|
||||
"We're available 24/7 for emergency services. Regular service appointments can be scheduled during business hours (7am-6pm Monday-Friday, 8am-4pm weekends). Emergency appointments available anytime."},
|
||||
{
|
||||
id: "4", title: "How much do your services cost?", content:
|
||||
"Pricing varies based on the specific service needed. We provide free, upfront estimates with no hidden fees before beginning any work."},
|
||||
"Pricing varies based on the specific service needed. Most services include a service call fee ($79), then labor rates at $85-95/hour depending on complexity. We provide free, upfront estimates with no hidden fees before beginning any work."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -122,8 +138,8 @@ export default function ServicesPage() {
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Contact Us", href: "/" },
|
||||
{ label: "Service Areas", href: "/" },
|
||||
],
|
||||
},
|
||||
@@ -131,13 +147,13 @@ export default function ServicesPage() {
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "Terms of Service", href: "/" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
{ label: "Get Free Estimate", href: "/" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved."
|
||||
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved. Call 24/7: (253) 235-2228"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fbfaff;
|
||||
--card: #f7f5ff;
|
||||
--foreground: #0f0022;
|
||||
--primary-cta: #8b5cf6;
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #fbfaff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0f0022;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
--accent: #ff7b05;
|
||||
--background-accent: #ff8c42;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user