Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -31,35 +31,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "our-work",
|
||||
},
|
||||
name: "Our Work", id: "our-work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Black Diamond Pool & Spa"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -67,45 +53,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Luxury Pool & Spa Care — Done Right the First Time"
|
||||
description="Trusted local experts delivering spotless pools, reliable service, and total peace of mind. ⭐ 5-Star Rated | 🛠️ 10+ Years Experience | 📍 Locally Owned | ✅ Fully Insured"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+18001234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg?_wi=1",
|
||||
imageAlt: "Cinematic luxury pool at sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg", imageAlt: "Cinematic luxury pool at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg?_wi=1",
|
||||
imageAlt: "Crystal clear swimming pool with modern design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg", imageAlt: "Crystal clear swimming pool with modern design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg?_wi=2",
|
||||
imageAlt: "Cinematic luxury pool at sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg", imageAlt: "Cinematic luxury pool at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg?_wi=2",
|
||||
imageAlt: "Crystal clear swimming pool with modern design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg", imageAlt: "Crystal clear swimming pool with modern design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg?_wi=3",
|
||||
imageAlt: "Cinematic luxury pool at sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg", imageAlt: "Cinematic luxury pool at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg?_wi=3",
|
||||
imageAlt: "Crystal clear swimming pool with modern design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-couple-taking-bath_23-2149140888.jpg", imageAlt: "Crystal clear swimming pool with modern design"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -116,14 +85,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Homeowners Trust Black Diamond"
|
||||
description={[
|
||||
"Black Diamond Pool & Spa is a locally owned business built on reliability, craftsmanship, and real relationships. When you call us, you’re not getting a random technician—you’re getting experienced professionals who take pride in doing the job right. Whether you're a first-time pool owner or a long-time homeowner, we make pool care simple, clear, and stress-free.",
|
||||
"We don’t just service pools—we give you confidence and peace of mind. Our owner-operated approach ensures clear communication, reliable scheduling, and fair, transparent pricing, backed by years of hands-on expertise.",
|
||||
]}
|
||||
"Black Diamond Pool & Spa is a locally owned business built on reliability, craftsmanship, and real relationships. When you call us, you’re not getting a random technician—you’re getting experienced professionals who take pride in doing the job right. Whether you're a first-time pool owner or a long-time homeowner, we make pool care simple, clear, and stress-free.", "We don’t just service pools—we give you confidence and peace of mind. Our owner-operated approach ensures clear communication, reliable scheduling, and fair, transparent pricing, backed by years of hands-on expertise."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -136,32 +101,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Pool Services",
|
||||
description: "Weekly Maintenance, Deep Cleaning, Chemical Balancing, Filter Replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/world-water-day-drop-background_23-2147539937.jpg",
|
||||
imageAlt: "Pool service icon",
|
||||
},
|
||||
title: "Pool Services", description: "Weekly Maintenance, Deep Cleaning, Chemical Balancing, Filter Replacement.", imageSrc: "http://img.b2bpic.net/free-vector/world-water-day-drop-background_23-2147539937.jpg", imageAlt: "Pool service icon"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Seasonal Services",
|
||||
description: "Pool Opening, Pool Closing / Winterization, Cover Installation Guidance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hello-summer-concept_23-2148513574.jpg",
|
||||
imageAlt: "Seasonal service icon",
|
||||
},
|
||||
title: "Seasonal Services", description: "Pool Opening, Pool Closing / Winterization, Cover Installation Guidance.", imageSrc: "http://img.b2bpic.net/free-vector/hello-summer-concept_23-2148513574.jpg", imageAlt: "Seasonal service icon"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Repairs & Diagnostics",
|
||||
description: "Leak Detection, Pump & Filter Repair, System Troubleshooting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tools_24908-54621.jpg",
|
||||
imageAlt: "Repair and diagnostic icon",
|
||||
},
|
||||
title: "Repairs & Diagnostics", description: "Leak Detection, Pump & Filter Repair, System Troubleshooting.", imageSrc: "http://img.b2bpic.net/free-vector/tools_24908-54621.jpg", imageAlt: "Repair and diagnostic icon"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Spa & Hot Tub Services",
|
||||
description: "Cleaning & Maintenance, Repairs, Water Treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/raw-water-disinfected-with-chlorine_23-2148726742.jpg",
|
||||
imageAlt: "Spa and hot tub service icon",
|
||||
},
|
||||
title: "Spa & Hot Tub Services", description: "Cleaning & Maintenance, Repairs, Water Treatment.", imageSrc: "http://img.b2bpic.net/free-vector/raw-water-disinfected-with-chlorine_23-2148726742.jpg", imageAlt: "Spa and hot tub service icon"},
|
||||
]}
|
||||
title="Complete Pool & Spa Solutions"
|
||||
description="Tailored services to keep your oasis pristine year-round."
|
||||
@@ -175,76 +124,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Donna B.",
|
||||
role: "Homeowner",
|
||||
company: "Colorado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-delighted-attractive-gorgeous-young-female-with-straight-hair-wears-fashionable-summer-clothing-rejoices-having-holidays_273609-3354.jpg",
|
||||
imageAlt: "Testimonial from Donna B.",
|
||||
},
|
||||
id: "1", name: "Donna B.", role: "Homeowner", company: "Colorado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-delighted-attractive-gorgeous-young-female-with-straight-hair-wears-fashionable-summer-clothing-rejoices-having-holidays_273609-3354.jpg", imageAlt: "Testimonial from Donna B."},
|
||||
{
|
||||
id: "2",
|
||||
name: "7ryh4rd",
|
||||
role: "Client",
|
||||
company: "Google Review",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
imageAlt: "Testimonial from 7ryh4rd",
|
||||
},
|
||||
id: "2", name: "7ryh4rd", role: "Client", company: "Google Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", imageAlt: "Testimonial from 7ryh4rd"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Angie F.",
|
||||
role: "Homeowner",
|
||||
company: "Colorado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageAlt: "Testimonial from Angie F.",
|
||||
},
|
||||
id: "3", name: "Angie F.", role: "Homeowner", company: "Colorado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Testimonial from Angie F."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amanda S.",
|
||||
role: "First-time Pool Owner",
|
||||
company: "Colorado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-man-smiling-showing-okay-gesture-approve-something-good-praising-excellent-thing_1258-171812.jpg",
|
||||
imageAlt: "Testimonial from Amanda S.",
|
||||
},
|
||||
id: "4", name: "Amanda S.", role: "First-time Pool Owner", company: "Colorado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-young-man-smiling-showing-okay-gesture-approve-something-good-praising-excellent-thing_1258-171812.jpg", imageAlt: "Testimonial from Amanda S."},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert L.",
|
||||
role: "Client",
|
||||
company: "Colorado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149350114.jpg",
|
||||
imageAlt: "Testimonial from Robert L.",
|
||||
},
|
||||
id: "5", name: "Robert L.", role: "Client", company: "Colorado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149350114.jpg", imageAlt: "Testimonial from Robert L."},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jessica M.",
|
||||
role: "Homeowner",
|
||||
company: "Colorado",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18067.jpg",
|
||||
imageAlt: "Testimonial from Jessica M.",
|
||||
},
|
||||
id: "6", name: "Jessica M.", role: "Homeowner", company: "Colorado", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18067.jpg", imageAlt: "Testimonial from Jessica M."},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
id: "kpi-1",
|
||||
value: "5-Star",
|
||||
description: "Rated Service",
|
||||
},
|
||||
value: "5-Star", description: "Rated Service"},
|
||||
{
|
||||
id: "kpi-2",
|
||||
value: "10+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
value: "10+", description: "Years Experience"},
|
||||
{
|
||||
id: "kpi-3",
|
||||
value: "Locally",
|
||||
description: "Owned & Operated",
|
||||
},
|
||||
value: "Locally", description: "Owned & Operated"},
|
||||
]}
|
||||
title="Real Customers. Real Results."
|
||||
description="Don't just take our word for it—see what our satisfied clients have to say about Black Diamond Pool & Spa."
|
||||
@@ -259,29 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "before-after-1",
|
||||
name: "Murky to Pristine Pool",
|
||||
price: "",
|
||||
variant: "Before / After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14542.jpg",
|
||||
imageAlt: "Crystal clear pool after cleaning service",
|
||||
},
|
||||
id: "before-after-1", name: "Murky to Pristine Pool", price: "", variant: "Before / After", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14542.jpg", imageAlt: "Crystal clear pool after cleaning service"},
|
||||
{
|
||||
id: "before-after-2",
|
||||
name: "Restored Spa Brilliance",
|
||||
price: "",
|
||||
variant: "Before / After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-relaxing-pool-nature_7502-8942.jpg",
|
||||
imageAlt: "Sparkling clean hot tub after repair and maintenance",
|
||||
},
|
||||
id: "before-after-2", name: "Restored Spa Brilliance", price: "", variant: "Before / After", imageSrc: "http://img.b2bpic.net/free-photo/model-relaxing-pool-nature_7502-8942.jpg", imageAlt: "Sparkling clean hot tub after repair and maintenance"},
|
||||
{
|
||||
id: "before-after-3",
|
||||
name: "Efficient System Repair",
|
||||
price: "",
|
||||
variant: "Before / After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg",
|
||||
imageAlt: "Repaired and upgraded pool pump system",
|
||||
},
|
||||
id: "before-after-3", name: "Efficient System Repair", price: "", variant: "Before / After", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Repaired and upgraded pool pump system"},
|
||||
]}
|
||||
title="See the Difference: Our Transformations"
|
||||
description="Witness the stunning results of expert pool and spa care. From murky to magnificent, we bring your vision to life."
|
||||
@@ -292,13 +178,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get a Quote"
|
||||
title="Ready for a Crystal-Clear Pool?"
|
||||
description="Get reliable service, expert care, and zero stress. Contact us today for a free estimate or to schedule your service. Same-week availability and fast response guaranteed."
|
||||
tagIcon={Mail}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-waiters-far-away-ready-service-prepared-desk-waiting-food-visitors-evening-time_146671-14405.jpg"
|
||||
imageAlt="Luxury pool at sunset"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
@@ -308,66 +193,39 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Pool Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Pool Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Spa Care",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Spa Care", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Seasonal Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Seasonal Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Work",
|
||||
href: "#our-work",
|
||||
},
|
||||
label: "Our Work", href: "#our-work"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Now",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
label: "Call Now", href: "tel:+18001234567"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
label: "Service Area: Colorado",
|
||||
href: "#",
|
||||
},
|
||||
label: "Service Area: Colorado", href: "#"},
|
||||
{
|
||||
label: "Hours: Mon-Fri, 9am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hours: Mon-Fri, 9am-5pm", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user