bender/9a54947c-5109-40b2-b72b-cda5c1fe3c9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-03-05 19:41:10 +00:00
Conversation 0 Commits 4 Files Changed 4 +71 -111
4 changed files with 71 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/app/layout.tsx
View File

@@ -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."};
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>
);
}
}

57
src/app/page.tsx
View File

@@ -26,6 +26,9 @@ import {
Quote,
Heart,
Phone,
Clock,
Award,
Users,
} from "lucide-react";
export default function HomePage() {
@@ -68,13 +71,13 @@ export default function HomePage() {
<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."
description="Fast, reliable plumbing repairs and installations for homes across Renton and nearby communities. Licensed, insured, and ready to serve you. 5-star rated by hundreds of satisfied homeowners."
tag="Expert Local Service"
tagIcon={Wrench}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Call Now", href: "tel:+14255551234" },
{ text: "Call Now (425) 555-1234", href: "tel:+14255551234" },
{ text: "Get Free Estimate", href: "#contact" },
]}
buttonAnimation="slide-up"
@@ -87,25 +90,25 @@ export default function HomePage() {
<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"
description="Built on a foundation of expertise, reliability, and customer commitment. Proven track record with 5-star Google reviews."
tag="Our Promise"
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: "Fully certified professionals with comprehensive coverage and protection for your home", 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: "Same-Day Service", description: "Emergency repairs available 24/7 when you need us most. Average response time under 1 hour", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "Upfront Pricing", description: "No hidden fees—transparent estimates before any work begins", bentoComponent: "reveal-icon", icon: DollarSign,
title: "Upfront Pricing", description: "No hidden fees—transparent estimates before any work begins. Price match guarantee", bentoComponent: "reveal-icon", icon: DollarSign,
},
{
title: "5-Star Rated", description: "Trusted by hundreds of satisfied Renton homeowners", bentoComponent: "reveal-icon", icon: Star,
title: "5-Star Rated", description: "Trusted by hundreds of satisfied Renton homeowners with verified Google reviews", bentoComponent: "reveal-icon", icon: Star,
},
{
title: "Local Experts", description: "Deep knowledge of Renton homes and unique plumbing needs", bentoComponent: "reveal-icon", icon: MapPin,
title: "Local Experts", description: "Deep knowledge of Renton homes and unique plumbing needs. Community members serving neighbors", bentoComponent: "reveal-icon", icon: MapPin,
},
]}
animationType="slide-up"
@@ -118,33 +121,33 @@ export default function HomePage() {
<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. See verified Google reviews from our community."
tag="Customer Reviews"
tagIcon={Quote}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson", testimonial:
id: "1", name: "Sarah Johnson", handle: "★★★★★ Google Review", 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: "2", name: "Michael Chen", handle: "@mchen_renton", testimonial:
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 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: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial:
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. 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: "4", name: "David Kim", handle: "@davidkim_home", testimonial:
id: "4", name: "David Kim", handle: "★★★★★ Google Review", 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: "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"},
{
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"},
]}
@@ -163,10 +166,11 @@ 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: "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"
imageAlt="Professional plumbing team"
@@ -179,13 +183,14 @@ 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 the surrounding communities with reliable plumbing solutions. Same-day service available."
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"
@@ -195,22 +200,22 @@ export default function HomePage() {
<div id="final-cta" data-section="final-cta">
<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" }}
ctaDescription="Don't let plumbing issues wait. Call now for fast, reliable service or request a free estimate. Our AI receptionist is standing by to help you schedule immediately, 24/7."
ctaButton={{ text: "Call Now (425) 555-1234", href: "tel:+14255551234" }}
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."},
"Yes! We provide 24/7 emergency plumbing services. Call us anytime for urgent issues like burst pipes, severe leaks, or backups. Our AI receptionist can book your emergency appointment instantly."},
{
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."},
"We aim to arrive within 1-2 hours of your call for regular appointments. Emergency appointments are prioritized, and we typically arrive within 30-60 minutes."},
{
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."},
]}
useInvertedBackground={false}
animationType="slide-up"
@@ -244,9 +249,9 @@ export default function HomePage() {
],
},
]}
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved."
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved. Call 24/7: (425) 555-1234"
/>
</div>
</ThemeProvider>
);
}
}

40
src/app/services/page.tsx
View File

@@ -14,6 +14,9 @@ import {
AlertCircle,
AlertTriangle,
Phone,
Zap,
Hammer,
Shield,
} from "lucide-react";
export default function ServicesPage() {
@@ -48,32 +51,35 @@ export default function ServicesPage() {
<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. Same-day service available."
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: AlertCircle,
},
{
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 +92,22 @@ 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 AI receptionist is available 24/7 to book your appointment instantly."
ctaButton={{ text: "Schedule Service or Call (425) 555-1234", href: "tel:+14255551234" }}
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"
@@ -135,9 +141,9 @@ export default function ServicesPage() {
],
},
]}
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved."
copyrightText="© 2025 Pro Renton Plumbers. All rights reserved. Call 24/7: (425) 555-1234"
/>
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #0a1a2e;
--primary-cta: #d4a574;
--primary-cta-text: #fbfaff;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #0f0022;
--accent: #d8cef5;
--background-accent: #c4a8f9;
--accent: #c9a961;
--background-accent: #e8dcc8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);