Merge version_1 into main #2
143
src/app/page.tsx
143
src/app/page.tsx
@@ -19,7 +19,6 @@ import {
|
||||
Star,
|
||||
MapPin,
|
||||
Droplet,
|
||||
Pipe,
|
||||
Waves,
|
||||
Smartphone,
|
||||
AlertCircle,
|
||||
@@ -51,7 +50,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -73,10 +72,10 @@ export default function HomePage() {
|
||||
tag="Expert Local Service"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+14255551234" },
|
||||
{ text: "Get Free Estimate", href: "/contact" },
|
||||
{ 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"
|
||||
@@ -94,34 +93,19 @@ export default function HomePage() {
|
||||
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", 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", 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", 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", 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", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -140,65 +124,29 @@ export default function HomePage() {
|
||||
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: "@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", imageAlt: "woman portrait professional headshot smiling"},
|
||||
{
|
||||
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: "@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", imageAlt: "man portrait professional headshot confident"},
|
||||
{
|
||||
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: "@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", imageAlt: "woman portrait professional happy headshot"},
|
||||
{
|
||||
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: "@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", imageAlt: "man portrait professional headshot smile"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Walsh",
|
||||
handle: "@jwalsh_renton",
|
||||
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: "5", name: "Jennifer Walsh", handle: "@jwalsh_renton", 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:
|
||||
"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",
|
||||
},
|
||||
id: "6", name: "Robert Thompson", handle: "@rthompson_diy", 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", imageAlt: "man portrait professional headshot approachable"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -220,7 +168,7 @@ export default function HomePage() {
|
||||
{ value: "25+", title: "Years of Combined Experience" },
|
||||
{ value: "500+", title: "Happy Customers Served" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg?_wi=1"
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -252,29 +200,17 @@ export default function HomePage() {
|
||||
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 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: "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: "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: "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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -286,8 +222,7 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "/services" },
|
||||
{ label: "Drain Cleaning", href: "/services" },
|
||||
{ label: "Toilet Repair", href: "/services" },
|
||||
@@ -295,16 +230,14 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Service Areas", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "Terms of Service", href: "/" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
|
||||
@@ -8,7 +8,6 @@ import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import {
|
||||
Droplet,
|
||||
Pipe,
|
||||
Waves,
|
||||
Smartphone,
|
||||
Wrench,
|
||||
@@ -32,7 +31,7 @@ export default function ServicesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -56,46 +55,25 @@ export default function ServicesPage() {
|
||||
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", description: "Expert installation of energy-efficient water heaters", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Fast and effective drain cleaning and clearing services",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Pipe,
|
||||
title: "Drain Cleaning", description: "Fast and effective drain cleaning and clearing services", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Toilet Repair",
|
||||
description: "Quick repairs for all toilet issues 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: "Shower Installation",
|
||||
description: "Custom shower installations and upgrades",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
title: "Shower Installation", description: "Custom shower installations and upgrades", 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", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Advanced detection technology to find hidden leaks",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertCircle,
|
||||
title: "Leak Detection", description: "Advanced detection technology to find hidden leaks", bentoComponent: "reveal-icon", icon: AlertCircle,
|
||||
},
|
||||
{
|
||||
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", bentoComponent: "reveal-icon", icon: AlertTriangle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -113,29 +91,17 @@ export default function ServicesPage() {
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties?",
|
||||
content:
|
||||
"Yes, all our services come with comprehensive warranties to ensure your peace of mind and satisfaction.",
|
||||
},
|
||||
id: "2", title: "Do you offer warranties?", content:
|
||||
"Yes, all our services come with comprehensive warranties to ensure your peace of mind and satisfaction."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -147,8 +113,7 @@ export default function ServicesPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "/services" },
|
||||
{ label: "Drain Cleaning", href: "/services" },
|
||||
{ label: "Toilet Repair", href: "/services" },
|
||||
@@ -156,16 +121,14 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Service Areas", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "/" },
|
||||
{ label: "Terms of Service", href: "/" },
|
||||
{ label: "Get Free Estimate", href: "/contact" },
|
||||
|
||||
Reference in New Issue
Block a user