Merge version_3 into main #3
164
src/app/page.tsx
164
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="L.A. Drain Inspections & Repairs"
|
||||
/>
|
||||
@@ -60,35 +50,21 @@ export default function LandingPage() {
|
||||
description="Plumbing Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=1",
|
||||
imageAlt: "Plumbing service hero shot 1",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=1", imageAlt: "Plumbing service hero shot 1"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=2",
|
||||
imageAlt: "Plumbing service hero shot 2",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=2", imageAlt: "Plumbing service hero shot 2"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=3",
|
||||
imageAlt: "Plumbing service hero shot 3",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=3", imageAlt: "Plumbing service hero shot 3"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=4",
|
||||
imageAlt: "Plumbing service hero shot 4",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=4", imageAlt: "Plumbing service hero shot 4"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=5",
|
||||
imageAlt: "Plumbing service hero shot 5",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=5", imageAlt: "Plumbing service hero shot 5"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=6",
|
||||
imageAlt: "Plumbing service hero shot 6",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g32abdbfa5b7a8aea323b2882cca59d700b249eed6ba05e9a6c9b9da36f52e25f57cbffa3f4b027b996eb9b24c21c7d2f1893d8e5b82ea634d639ba76899cf0c8_1280.jpg?_wi=6", imageAlt: "Plumbing service hero shot 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,17 +76,11 @@ export default function LandingPage() {
|
||||
description="We treat every pipe and faucet like it's our own. Serving our community with precision, transparency, and the best tools available."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "5k+", title: "Projects Completed"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Client Satisfaction"},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g92cd7eecc7ee06376be38517f7a976300439b16ced14996452abcedeaf92e8d2c7fe4dc57cd2689830f132a4aac0e8ac6652596ffd8c160694c6e8975dd65f6c_1280.jpg"
|
||||
imageAlt="Master plumber at work"
|
||||
@@ -126,25 +96,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Emergency Support",
|
||||
description: "Rapid response for all plumbing emergencies, day or night.",
|
||||
imageSrc: "https://pixabay.com/get/g80905e663d3addca4f6d732ce4183b32b397f837d0a48dc9d9bc620bfe8ce2f2c2c2124887765be6d5c5fea00a5b3e036941a2dd9da845a49204c40ba7652317_1280.jpg",
|
||||
imageAlt: "Emergency repair",
|
||||
},
|
||||
title: "Emergency Support", description: "Rapid response for all plumbing emergencies, day or night.", imageSrc: "https://pixabay.com/get/g80905e663d3addca4f6d732ce4183b32b397f837d0a48dc9d9bc620bfe8ce2f2c2c2124887765be6d5c5fea00a5b3e036941a2dd9da845a49204c40ba7652317_1280.jpg", imageAlt: "Emergency repair"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Water Heaters",
|
||||
description: "Expert installation and servicing for all modern heating systems.",
|
||||
imageSrc: "https://pixabay.com/get/g47cbb311ed52e9416c855cb87043e5d0658056ad149da289a4edc7bce82bc97d01c4fe95ea1600e8c2a0d97eeee598635ae1d7e1dc2fe7f91fca6701cc59556d_1280.jpg",
|
||||
imageAlt: "Water heater",
|
||||
},
|
||||
title: "Water Heaters", description: "Expert installation and servicing for all modern heating systems.", imageSrc: "https://pixabay.com/get/g47cbb311ed52e9416c855cb87043e5d0658056ad149da289a4edc7bce82bc97d01c4fe95ea1600e8c2a0d97eeee598635ae1d7e1dc2fe7f91fca6701cc59556d_1280.jpg", imageAlt: "Water heater"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Leak Detection",
|
||||
description: "Non-invasive detection to prevent water damage effectively.",
|
||||
imageSrc: "https://pixabay.com/get/g365213f0901f0e73193f542b98a617c7c8f8eaf69fd2954f9fd2d0d2fede477b1fcfcf786c2d04728ddff9014505c3880ed499405e2f56d82653cfae35b6dccb_1280.jpg",
|
||||
imageAlt: "Leak detection tool",
|
||||
},
|
||||
title: "Leak Detection", description: "Non-invasive detection to prevent water damage effectively.", imageSrc: "https://pixabay.com/get/g365213f0901f0e73193f542b98a617c7c8f8eaf69fd2954f9fd2d0d2fede477b1fcfcf786c2d04728ddff9014505c3880ed499405e2f56d82653cfae35b6dccb_1280.jpg", imageAlt: "Leak detection tool"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency repairs to full home system installation, we provide world-class plumbing solutions for your property."
|
||||
@@ -158,40 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Peterson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Exceptional service, fixed our leaks in minutes. Very professional and tidy.",
|
||||
imageSrc: "https://pixabay.com/get/g59a3704d291da83387701a94d1b4c0d62f8ebdbeeeac3eae9aa0928c6a264db34d341d687668447d1c6f412ddbf1b241652bfa06d89179cb2084ee994d34a398_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alice Peterson", role: "Homeowner", testimonial: "Exceptional service, fixed our leaks in minutes. Very professional and tidy.", imageSrc: "https://pixabay.com/get/g59a3704d291da83387701a94d1b4c0d62f8ebdbeeeac3eae9aa0928c6a264db34d341d687668447d1c6f412ddbf1b241652bfa06d89179cb2084ee994d34a398_1280.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
role: "Restaurant Owner",
|
||||
testimonial: "Elite Plumbing saved us from a major issue during the rush hour. Unmatched professionalism.",
|
||||
imageSrc: "https://pixabay.com/get/g1e997fcd8a47294cfe0864ffa22fb0da8136b3a9d9ecc691ecdcbb1049f7dbaa17c8faa50271dda785ffa5494c38bf7d_1280.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Stevens", role: "Restaurant Owner", testimonial: "Elite Plumbing saved us from a major issue during the rush hour. Unmatched professionalism.", imageSrc: "https://pixabay.com/get/g1e997fcd8a47294cfe0864ffa22fb0da8136b3a9d9ecc691ecdcbb1049f7dbaa17c8faa50271dda785ffa5494c38bf7d_1280.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Homeowner",
|
||||
testimonial: "I trust them with all our plumbing needs. Efficient, clean, and reliable.",
|
||||
imageSrc: "https://pixabay.com/get/ge582487d8299f2971ea32add394a2537ef55cf1b02f219bdfeba8f4f865253364ee7b1fb5dadcc3b89274cd36a39b6c0ee820f8491acfbb31caddf9c4efac281_1280.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Jenkins", role: "Homeowner", testimonial: "I trust them with all our plumbing needs. Efficient, clean, and reliable.", imageSrc: "https://pixabay.com/get/ge582487d8299f2971ea32add394a2537ef55cf1b02f219bdfeba8f4f865253364ee7b1fb5dadcc3b89274cd36a39b6c0ee820f8491acfbb31caddf9c4efac281_1280.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Miller",
|
||||
role: "Property Manager",
|
||||
testimonial: "Fastest response time in the region. Consistently high-quality work.",
|
||||
imageSrc: "https://pixabay.com/get/g826c2ae4495455fc6d2b04ca34d3faba13c7a94c92d0b2607703d9403db3462168831248a40d3cb7bc7093215cc248fbeda2b513e0a7cda0692a63aa1e55fa94_1280.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Miller", role: "Property Manager", testimonial: "Fastest response time in the region. Consistently high-quality work.", imageSrc: "https://pixabay.com/get/g826c2ae4495455fc6d2b04ca34d3faba13c7a94c92d0b2607703d9403db3462168831248a40d3cb7bc7093215cc248fbeda2b513e0a7cda0692a63aa1e55fa94_1280.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Watson",
|
||||
role: "Real Estate Agent",
|
||||
testimonial: "Elite Plumbing is my go-to for all my property listings. Always on time.",
|
||||
imageSrc: "https://pixabay.com/get/g59a3704d291da83387701a94d1b4c0d62f8ebdbeeeac3eae9aa0928c6a264db34d341d687668447d1c6f412ddbf1b241652bfa06d89179cb2084ee994d34a398_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Emily Watson", role: "Real Estate Agent", testimonial: "Elite Plumbing is my go-to for all my property listings. Always on time.", imageSrc: "https://pixabay.com/get/g59a3704d291da83387701a94d1b4c0d62f8ebdbeeeac3eae9aa0928c6a264db34d341d687668447d1c6f412ddbf1b241652bfa06d89179cb2084ee994d34a398_1280.jpg?_wi=2"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See what our clients say about our professional plumbing services."
|
||||
@@ -204,27 +137,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 emergency support for all plumbing issues.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency support for all plumbing issues."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire metro region and surrounding communities.",
|
||||
},
|
||||
id: "f2", title: "What areas do you serve?", content: "We serve the entire metro region and surrounding communities."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free, transparent estimates for all projects.",
|
||||
},
|
||||
id: "f3", title: "Do you provide estimates?", content: "Yes, we offer free, transparent estimates for all projects."},
|
||||
]}
|
||||
ctaTitle="Ready for an Appointment?"
|
||||
ctaDescription="Contact us today for a free estimate or emergency dispatch."
|
||||
ctaButton={{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
text: "Contact Us Now", href: "tel:+15551234567"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,37 +155,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
label: "Residential", href: "#"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
label: "Commercial", href: "#"},
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Emergency Repair", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -273,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user