Merge version_2 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Red & Blue Plumbing"
|
||||
/>
|
||||
@@ -58,68 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ob45z7"
|
||||
imageAlt="Professional plumbing services in action"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Customer 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Customer 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Customer 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Customer 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Over 500+ Happy Homeowners Served"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://marquee-1",
|
||||
alt: "License Badge",
|
||||
},
|
||||
type: "image", src: "asset://marquee-1", alt: "License Badge"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://marquee-2",
|
||||
alt: "Better Business Bureau",
|
||||
},
|
||||
type: "image", src: "asset://marquee-2", alt: "Better Business Bureau"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://marquee-3",
|
||||
alt: "Eco-friendly Certified",
|
||||
},
|
||||
type: "image", src: "asset://marquee-3", alt: "Eco-friendly Certified"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://marquee-4",
|
||||
alt: "24/7 Support",
|
||||
},
|
||||
type: "image", src: "asset://marquee-4", alt: "24/7 Support"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://marquee-5",
|
||||
alt: "Local Family Owned",
|
||||
},
|
||||
type: "image", src: "asset://marquee-5", alt: "Local Family Owned"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,35 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs."
|
||||
@@ -186,25 +130,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Reliable track record of high quality work.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+", title: "Years Experience", description: "Reliable track record of high quality work.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7★",
|
||||
title: "Customer Rating",
|
||||
description: "Highly rated by our community.",
|
||||
icon: Star,
|
||||
id: "m2", value: "4.7★", title: "Customer Rating", description: "Highly rated by our community.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Emergency Availability",
|
||||
description: "Always ready to help when you need us.",
|
||||
icon: Zap,
|
||||
id: "m3", value: "24/7", title: "Emergency Availability", description: "Always ready to help when you need us.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -219,40 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our local neighbors have to say about our service."
|
||||
@@ -263,14 +170,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready for top-tier plumbing services? Contact us at (703) 479-0722. Opens 8:30 AM daily."
|
||||
variant: "gradient-bars"}}
|
||||
text="Get Your Plumbing Fixed Today. Contact us at (703) 479-0722 for fast, professional help. Opens 8:30 AM daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (703) 479-0722",
|
||||
href: "tel:7034790722",
|
||||
},
|
||||
text: "Call Now (703) 479-0722", href: "tel:7034790722"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,37 +185,23 @@ export default function LandingPage() {
|
||||
logoText="Red & Blue Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Remodeling",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Remodeling", href: "#services"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Emergency", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user