Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,65 +31,37 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GR Plumbing"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Luxury-Level Plumbing. Zero Mess. Zero Stress."
|
||||
description="Los Angeles homeowners trust GR Plumbing for fast, clean, and permanent solutions — from emergency leaks to trenchless sewer replacement."
|
||||
tag="⭐ 4.8 Rating • 100+ Verified Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now (Emergency)",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
text: "Call Now (Emergency)", href: "tel:+15550000000"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-leaning-wall-with-his-arms-crossed_23-2148130367.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-leaning-wall-with-his-arms-crossed_23-2148130367.jpg", imageAlt: "Professional plumbing services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15297.jpg?_wi=1",
|
||||
imageAlt: "Luxury home plumbing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-standing-with-crossed-arms-smiling-blue-t-shirt-cap_176474-16601.jpg?_wi=1",
|
||||
imageAlt: "Plumbing service detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg?_wi=1",
|
||||
imageAlt: "On-site plumbing expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg?_wi=1",
|
||||
imageAlt: "Pipe inspection technology",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15297.jpg", imageAlt: "Luxury home plumbing"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,55 +76,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Trenchless Sewer Replacement",
|
||||
description: "Replace your sewer line without destroying your property or landscaping. Clean, fast, and permanent.",
|
||||
icon: Shield,
|
||||
title: "Trenchless Sewer Replacement", description: "Replace your sewer line without destroying your property or landscaping. Clean, fast, and permanent.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg?_wi=2",
|
||||
imageAlt: "Trenchless sewer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg", imageAlt: "Trenchless sewer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg?_wi=1",
|
||||
imageAlt: "Pipe inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg", imageAlt: "Pipe inspection"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-leaning-wall-with-his-arms-crossed_23-2148130367.jpg?_wi=2",
|
||||
imageAlt: "luxury professional plumber portrait",
|
||||
},
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Burst pipes or gas leaks? We act immediately to stop damage and restore safety to your home.",
|
||||
icon: Zap,
|
||||
title: "Emergency Plumbing", description: "Burst pipes or gas leaks? We act immediately to stop damage and restore safety to your home.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg?_wi=3",
|
||||
imageAlt: "Emergency repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg", imageAlt: "Emergency repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg?_wi=2",
|
||||
imageAlt: "Fast response",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg", imageAlt: "Fast response"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15297.jpg?_wi=2",
|
||||
imageAlt: "clean modern residential bathroom",
|
||||
},
|
||||
{
|
||||
title: "Drain & Hydro Jetting",
|
||||
description: "High-pressure hydro jetting to fully clear your pipes rather than just snaking through the blockage.",
|
||||
icon: Droplet,
|
||||
title: "Drain & Hydro Jetting", description: "High-pressure hydro jetting to fully clear your pipes rather than just snaking through the blockage.", icon: Droplet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg?_wi=4",
|
||||
imageAlt: "Drain cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg", imageAlt: "Drain cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg?_wi=3",
|
||||
imageAlt: "Hydro jetting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg", imageAlt: "Hydro jetting"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg?_wi=5",
|
||||
imageAlt: "modern pipe repair technology",
|
||||
},
|
||||
]}
|
||||
title="Precision Work, Done Right"
|
||||
@@ -168,29 +116,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R. - Lead Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-standing-with-crossed-arms-smiling-blue-t-shirt-cap_176474-16601.jpg?_wi=2",
|
||||
imageAlt: "Technician 1",
|
||||
},
|
||||
id: "t1", name: "Alex R. - Lead Tech", imageSrc: "http://img.b2bpic.net/free-photo/young-male-standing-with-crossed-arms-smiling-blue-t-shirt-cap_176474-16601.jpg", imageAlt: "Technician 1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M. - Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg?_wi=2",
|
||||
imageAlt: "Technician 2",
|
||||
},
|
||||
id: "t2", name: "Sarah M. - Expert", imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-computer-auto-repair-shop_637285-11593.jpg", imageAlt: "Technician 2"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D. - Senior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/begging-tired-electricians-want-have-rest-ask-boss_273609-8787.jpg",
|
||||
imageAlt: "Technician 3",
|
||||
},
|
||||
id: "t3", name: "Mike D. - Senior", imageSrc: "http://img.b2bpic.net/free-photo/begging-tired-electricians-want-have-rest-ask-boss_273609-8787.jpg", imageAlt: "Technician 3"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie L. - Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367537.jpg",
|
||||
imageAlt: "Technician 4",
|
||||
},
|
||||
id: "t4", name: "Jamie L. - Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367537.jpg", imageAlt: "Technician 4"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -203,59 +135,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joel P.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139114.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Joel P.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139114.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Danny S.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",
|
||||
},
|
||||
id: "2", name: "Danny S.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie B.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie B.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kristina W.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-old-couple-besties_23-2150168961.jpg",
|
||||
},
|
||||
id: "4", name: "Kristina W.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-old-couple-besties_23-2150168961.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark H.",
|
||||
role: "Homeowner",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139114.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Mark H.", role: "Homeowner", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139114.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
value: "100+", label: "Verified Reviews"},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.8", label: "Rating"},
|
||||
{
|
||||
value: "10+ yrs",
|
||||
label: "Experience",
|
||||
},
|
||||
value: "10+ yrs", label: "Experience"},
|
||||
]}
|
||||
title="Trusted by Homeowners Across LA"
|
||||
description="Don't just take our word for it. See why our clients trust us with their biggest plumbing projects."
|
||||
@@ -268,25 +169,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we prioritize emergency calls and respond quickly.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency service?", content: "Yes, we prioritize emergency calls and respond quickly."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is trenchless technology?",
|
||||
content: "It allows us to replace sewer lines without digging up your entire yard or driveway.",
|
||||
},
|
||||
id: "f2", title: "What is trenchless technology?", content: "It allows us to replace sewer lines without digging up your entire yard or driveway."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your services licensed?",
|
||||
content: "Absolutely. We are fully licensed, insured, and professional.",
|
||||
},
|
||||
id: "f3", title: "Are your services licensed?", content: "Absolutely. We are fully licensed, insured, and professional."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide transparent, upfront estimates after inspection.",
|
||||
},
|
||||
id: "f4", title: "Do you provide estimates?", content: "Yes, we provide transparent, upfront estimates after inspection."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-question-gesture-plumber-looking-broken-faucet_259150-58296.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -300,18 +189,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Stop Dealing With Plumbing Problems. Get it fixed quickly, cleanly, and permanently."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550000000"},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,29 +206,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user