Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Emergency",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Emergency", id: "#contact"},
|
||||
]}
|
||||
brandName="Guardian Plumbing"
|
||||
/>
|
||||
@@ -56,103 +48,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Fast, Reliable Plumbing—When You Need It Most"
|
||||
description="Guardian Plumbing provides 24/7 expert emergency service. Our licensed, veteran-owned team delivers honest, transparent solutions for every home plumbing crisis."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Guardian fixed my emergency leak at midnight. Truly heroes!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hammer-renovating-house-building_176420-16394.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "Homeowner", testimonial: "Guardian fixed my emergency leak at midnight. Truly heroes!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hammer-renovating-house-building_176420-16394.jpg"},
|
||||
{
|
||||
name: "Mike Davis",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Honest pricing and professional work. Won't use anyone else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
|
||||
},
|
||||
name: "Mike Davis", handle: "Local Resident", testimonial: "Honest pricing and professional work. Won't use anyone else.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Consistent, on-time, and always thorough. Top-notch service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
name: "Emily Chen", handle: "Property Manager", testimonial: "Consistent, on-time, and always thorough. Top-notch service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
name: "John Miller",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Saved my day with quick water heater replacement. Incredible team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
},
|
||||
name: "John Miller", handle: "Homeowner", testimonial: "Saved my day with quick water heater replacement. Incredible team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
|
||||
{
|
||||
name: "Alice Brown",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Responsive, friendly, and efficient. Guardian is the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-drunk-morning_1157-45394.jpg",
|
||||
},
|
||||
name: "Alice Brown", handle: "Business Owner", testimonial: "Responsive, friendly, and efficient. Guardian is the best.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-drunk-morning_1157-45394.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call Now: (555) 123-4567", href: "tel:5551234567"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
alt: "Satisfied client profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", alt: "Satisfied client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
alt: "Satisfied client profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg", alt: "Satisfied client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
|
||||
alt: "Satisfied client profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg", alt: "Satisfied client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg",
|
||||
alt: "Satisfied client profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg", alt: "Satisfied client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
|
||||
alt: "Satisfied client profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg", alt: "Satisfied client profile 5"},
|
||||
]}
|
||||
avatarText="Join 2,500+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Veteran-Owned",
|
||||
},
|
||||
type: "text", text: "Veteran-Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Upfront Pricing",
|
||||
},
|
||||
type: "text", text: "Upfront Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfaction Guaranteed",
|
||||
},
|
||||
type: "text", text: "Satisfaction Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,9 +111,7 @@ export default function LandingPage() {
|
||||
title="Your Trusted Local Plumbing Guardians"
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Our Team",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Meet Our Team", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,76 +123,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Services",
|
||||
description: "Expert repair and installation for tank and tankless water heaters.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
},
|
||||
title: "Water Heater Services", description: "Expert repair and installation for tank and tankless water heaters.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Same-day replacement",
|
||||
},
|
||||
text: "Same-day replacement"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Efficiency upgrades",
|
||||
},
|
||||
text: "Efficiency upgrades"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Expert diagnostics",
|
||||
},
|
||||
text: "Expert diagnostics"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg?_wi=2",
|
||||
imageAlt: "water heater repair replacement plumbing",
|
||||
},
|
||||
{
|
||||
title: "Drain & Sewer Cleaning",
|
||||
description: "State-of-the-art drain cleaning to restore your home's flow instantly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg",
|
||||
},
|
||||
title: "Drain & Sewer Cleaning", description: "State-of-the-art drain cleaning to restore your home's flow instantly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High-pressure jetting",
|
||||
},
|
||||
text: "High-pressure jetting"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Root removal",
|
||||
},
|
||||
text: "Root removal"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Camera inspections",
|
||||
},
|
||||
text: "Camera inspections"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
||||
imageAlt: "water heater repair replacement plumbing",
|
||||
},
|
||||
{
|
||||
title: "Emergency Leak Repair",
|
||||
description: "We specialize in finding and fixing hidden leaks fast to prevent damage.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",
|
||||
},
|
||||
title: "Emergency Leak Repair", description: "We specialize in finding and fixing hidden leaks fast to prevent damage.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "24/7 Rapid response",
|
||||
},
|
||||
text: "24/7 Rapid response"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Non-invasive detection",
|
||||
},
|
||||
text: "Non-invasive detection"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Permanent repairs",
|
||||
},
|
||||
text: "Permanent repairs"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hammer-renovating-house-building_176420-16394.jpg?_wi=2",
|
||||
imageAlt: "water heater repair replacement plumbing",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
@@ -262,23 +183,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Happy Clients",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Happy Clients", value: "2,500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Response Time",
|
||||
value: "< 2hrs",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Response Time", value: "< 2hrs"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Years Serving",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Years Serving", value: "15+"},
|
||||
]}
|
||||
title="Proven Reliability"
|
||||
description="Numbers reflect our commitment to your home and community safety."
|
||||
@@ -290,14 +202,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"HomeAdvisor",
|
||||
"Angi",
|
||||
"Better Business Bureau",
|
||||
"Google Reviews",
|
||||
"Yelp Certified",
|
||||
"Nextdoor Neighborhood Favorite",
|
||||
"Chamber of Commerce",
|
||||
]}
|
||||
"HomeAdvisor", "Angi", "Better Business Bureau", "Google Reviews", "Yelp Certified", "Nextdoor Neighborhood Favorite", "Chamber of Commerce"]}
|
||||
title="Trusted by Local Families & Businesses"
|
||||
description="We are proud to hold certifications and high ratings across all major platforms."
|
||||
/>
|
||||
@@ -309,25 +214,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What constitutes a plumbing emergency?",
|
||||
content: "Major leaks, sewer backups, and no hot water qualify. Call us immediately.",
|
||||
},
|
||||
id: "f1", title: "What constitutes a plumbing emergency?", content: "Major leaks, sewer backups, and no hot water qualify. Call us immediately."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we work with flexible financing to ensure you get necessary repairs.",
|
||||
},
|
||||
id: "f2", title: "Do you offer financing options?", content: "Yes, we work with flexible financing to ensure you get necessary repairs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your technicians licensed?",
|
||||
content: "100%. All technicians are fully insured and highly trained professionals.",
|
||||
},
|
||||
id: "f3", title: "Are your technicians licensed?", content: "100%. All technicians are fully insured and highly trained professionals."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you provide estimates upfront?",
|
||||
content: "We provide transparent, upfront quotes before any work begins.",
|
||||
},
|
||||
id: "f4", title: "Do you provide estimates upfront?", content: "We provide transparent, upfront quotes before any work begins."},
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
description="We're here to provide clarity and peace of mind."
|
||||
@@ -340,30 +233,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990691.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike Davis", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990691.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-celebrating-birthday-together_23-2150598991.jpg",
|
||||
},
|
||||
id: "t4", name: "John Miller", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-celebrating-birthday-together_23-2150598991.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice Brown", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Reviews"
|
||||
@@ -375,20 +253,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for Reliable Service?"
|
||||
description="Don't let plumbing problems escalate. Call Guardian Plumbing now for fast, professional help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call Now: (555) 123-4567", href: "tel:5551234567"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,29 +272,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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