1 Commits

Author SHA1 Message Date
24f012e7f9 Update src/app/page.tsx 2026-04-16 01:44:36 +00:00

View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Reviews", name: "Reviews", id: "reviews"},
id: "reviews",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Red & Blue Plumbing" brandName="Red & Blue Plumbing"
/> />
@@ -58,68 +48,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Red & Blue Services Plumbing Company" title="Red & Blue Services Plumbing Company"
description="Trusted local plumbing experts. Fast, reliable plumbing services for your home or business. From repairs to full remodels — we get it done right." description="Trusted local plumbing experts. Fast, reliable plumbing services for your home or business. From repairs to full remodels — we get it done right."
buttons={[ buttons={[
{ {
text: "Request Service", text: "Request Service", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ob45z7" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ob45z7"
imageAlt="Professional plumbing services in action" imageAlt="Professional plumbing services in action"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "asset://hero-avatar-1", src: "asset://hero-avatar-1", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "asset://hero-avatar-2", src: "asset://hero-avatar-2", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "asset://hero-avatar-3", src: "asset://hero-avatar-3", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "asset://hero-avatar-4", src: "asset://hero-avatar-4", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "asset://hero-avatar-5", src: "asset://hero-avatar-5", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
avatarText="Over 500+ Happy Homeowners Served" avatarText="Over 500+ Happy Homeowners Served"
marqueeItems={[ marqueeItems={[
{ {
type: "image", type: "image", src: "asset://marquee-1", alt: "License Badge"},
src: "asset://marquee-1",
alt: "License Badge",
},
{ {
type: "image", type: "image", src: "asset://marquee-2", alt: "Better Business Bureau"},
src: "asset://marquee-2",
alt: "Better Business Bureau",
},
{ {
type: "image", type: "image", src: "asset://marquee-3", alt: "Eco-friendly Certified"},
src: "asset://marquee-3",
alt: "Eco-friendly Certified",
},
{ {
type: "image", type: "image", src: "asset://marquee-4", alt: "24/7 Support"},
src: "asset://marquee-4",
alt: "24/7 Support",
},
{ {
type: "image", type: "image", src: "asset://marquee-5", alt: "Local Family Owned"},
src: "asset://marquee-5",
alt: "Local Family Owned",
},
]} ]}
/> />
</div> </div>
@@ -130,35 +92,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Emergency Repairs", title: "Emergency Repairs", description: "24/7 support for urgent plumbing failures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twshsu"},
description: "24/7 support for urgent plumbing failures.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twshsu",
},
{ {
title: "Water Heater Repair", title: "Water Heater Repair", description: "Efficient repair and replacement services.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mw0cne"},
description: "Efficient repair and replacement services.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mw0cne",
},
{ {
title: "Drain & Sink Service", title: "Drain & Sink Service", description: "Quick unclogging for all types of drains.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pixexm"},
description: "Quick unclogging for all types of drains.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pixexm",
},
{ {
title: "Sump Pump Care", title: "Sump Pump Care", description: "Professional sump pump maintenance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qr8g5u"},
description: "Professional sump pump maintenance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qr8g5u",
},
{ {
title: "Outdoor Repairs", title: "Outdoor Repairs", description: "Hose bibs and outdoor piping solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lt4156"},
description: "Hose bibs and outdoor piping solutions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lt4156",
},
{ {
title: "Bathroom Remodels", title: "Bathroom Remodels", description: "Complete professional plumbing bathroom remodels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3it8y5"},
description: "Complete professional plumbing bathroom remodels.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3it8y5",
},
]} ]}
title="Our Professional Services" title="Our Professional Services"
description="Comprehensive plumbing solutions tailored to your needs." description="Comprehensive plumbing solutions tailored to your needs."
@@ -186,25 +130,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10+", title: "Years Experience", description: "Reliable track record of high quality work.", icon: Award,
value: "10+",
title: "Years Experience",
description: "Reliable track record of high quality work.",
icon: Award,
}, },
{ {
id: "m2", id: "m2", value: "4.7★", title: "Customer Rating", description: "Highly rated by our community.", icon: Star,
value: "4.7★",
title: "Customer Rating",
description: "Highly rated by our community.",
icon: Star,
}, },
{ {
id: "m3", id: "m3", value: "24/7", title: "Emergency Availability", description: "Always ready to help when you need us.", icon: Zap,
value: "24/7",
title: "Emergency Availability",
description: "Always ready to help when you need us.",
icon: Zap,
}, },
]} ]}
title="Why Choose Us" title="Why Choose Us"
@@ -219,40 +151,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Honest, reliable, and always responds quickly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2zdzg3"},
name: "Sarah Miller",
role: "Homeowner",
testimonial: "Honest, reliable, and always responds quickly.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2zdzg3",
},
{ {
id: "2", id: "2", name: "John Doe", role: "Homeowner", testimonial: "Fast service and fair pricing when we needed help.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vs1qcz"},
name: "John Doe",
role: "Homeowner",
testimonial: "Fast service and fair pricing when we needed help.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vs1qcz",
},
{ {
id: "3", id: "3", name: "Emily Smith", role: "Homeowner", testimonial: "Great work on our bathroom remodel — highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8itpph"},
name: "Emily Smith",
role: "Homeowner",
testimonial: "Great work on our bathroom remodel — highly recommend.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8itpph",
},
{ {
id: "4", id: "4", name: "David Brown", role: "Business Owner", testimonial: "Very professional and fixed the issue on first visit.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19tuzj"},
name: "David Brown",
role: "Business Owner",
testimonial: "Very professional and fixed the issue on first visit.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19tuzj",
},
{ {
id: "5", id: "5", name: "Jessica Lee", role: "Homeowner", testimonial: "The best local plumber hands down, trust them completely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uf9d8n"},
name: "Jessica Lee",
role: "Homeowner",
testimonial: "The best local plumber hands down, trust them completely.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uf9d8n",
},
]} ]}
title="Customer Reviews" title="Customer Reviews"
description="Hear what our local neighbors have to say about our service." description="Hear what our local neighbors have to say about our service."
@@ -263,14 +170,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} text="Get Your Plumbing Fixed Today. Contact us at (703) 479-0722 for fast, professional help. Opens 8:30 AM daily."
text="Ready for top-tier plumbing services? Contact us at (703) 479-0722. Opens 8:30 AM daily."
buttons={[ buttons={[
{ {
text: "Call Now (703) 479-0722", text: "Call Now (703) 479-0722", href: "tel:7034790722"},
href: "tel:7034790722",
},
]} ]}
/> />
</div> </div>
@@ -281,37 +185,23 @@ export default function LandingPage() {
logoText="Red & Blue Plumbing" logoText="Red & Blue Plumbing"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Repairs", label: "Repairs", href: "#services"},
href: "#services",
},
{ {
label: "Remodeling", label: "Remodeling", href: "#services"},
href: "#services",
},
{ {
label: "Emergency", label: "Emergency", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "Reviews", label: "Reviews", href: "#reviews"},
href: "#reviews",
},
], ],
}, },
]} ]}
@@ -320,4 +210,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }