Merge version_1 into main #1
341
src/app/page.tsx
341
src/app/page.tsx
@@ -18,237 +18,136 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Junior Pools"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Junior Pools"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="Junior Pools"
|
||||
description="Your premier choice for professional pool maintenance and repair in Indio, CA. Trustworthy, reliable, and highly qualified pool care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:7609806785",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-wet-poolside-hotel-steel_1203-4757.jpg"
|
||||
imageAlt="Clean blue swimming pool"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Junior Pools"
|
||||
description="Your premier choice for professional pool maintenance and repair in Indio, CA. Trustworthy, reliable, and highly qualified pool care."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:7609806785" },
|
||||
{ text: "Get a Quote", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-wet-poolside-hotel-steel_1203-4757.jpg"
|
||||
imageAlt="Clean blue swimming pool"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Quality Care You Can Trust"
|
||||
description={[
|
||||
"At Junior Pools, we pride ourselves on honesty, fast response times, and exceptional results. Whether it's routine cleaning or complex repairs, we've got you covered.",
|
||||
"We treat every pool like it's our own, ensuring your backyard oasis is always clean, clear, and ready for you to enjoy. Dependability is at the core of everything we do.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Quality Care You Can Trust"
|
||||
description={[
|
||||
"At Junior Pools, we pride ourselves on honesty, fast response times, and exceptional results. Whether it's routine cleaning or complex repairs, we've got you covered.", "We treat every pool like it's our own, ensuring your backyard oasis is always clean, clear, and ready for you to enjoy. Dependability is at the core of everything we do."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Weekly Maintenance",
|
||||
description: "Regular skimming, vacuuming, and chemical balancing to keep your pool sparkling clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-ramp-park_23-2147678232.jpg",
|
||||
},
|
||||
{
|
||||
title: "Equipment Repair",
|
||||
description: "Expert diagnostics and repair for filters, pumps, and heaters. We handle the things that go wrong.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Chemistry",
|
||||
description: "Precision testing and balancing for safe, healthy water for your family and guests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5452.jpg",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Pool Maintenance"
|
||||
description="We offer a full suite of services to keep your pool in top condition all year round."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Weekly Maintenance", description: "Regular skimming, vacuuming, and chemical balancing to keep your pool sparkling clean.", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-ramp-park_23-2147678232.jpg" },
|
||||
{ title: "Equipment Repair", description: "Expert diagnostics and repair for filters, pumps, and heaters. We handle the things that go wrong.", imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg" },
|
||||
{ title: "Water Chemistry", description: "Precision testing and balancing for safe, healthy water for your family and guests.", imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5452.jpg" }
|
||||
]}
|
||||
title="Comprehensive Pool Maintenance"
|
||||
description="We offer a full suite of services to keep your pool in top condition all year round."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Susan Stauder",
|
||||
role: "Homeowner",
|
||||
company: "La Quinta",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Shunte Martin",
|
||||
role: "Local Guide",
|
||||
company: "Indio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marco Rojo",
|
||||
role: "Customer",
|
||||
company: "Indio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert D.",
|
||||
role: "Client",
|
||||
company: "Indio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-wife_1098-13921.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice T.",
|
||||
role: "Homeowner",
|
||||
company: "La Quinta",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-by-swimming-pool_1098-13893.jpg",
|
||||
},
|
||||
]}
|
||||
title="Highly Endorsed by Our Clients"
|
||||
description="See why homeowners in La Quinta and Indio trust Junior Pools."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Susan Stauder", role: "Homeowner", company: "La Quinta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg" },
|
||||
{ id: "2", name: "Shunte Martin", role: "Local Guide", company: "Indio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
|
||||
{ id: "3", name: "Marco Rojo", role: "Customer", company: "Indio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg" },
|
||||
{ id: "4", name: "Robert D.", role: "Client", company: "Indio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/talking-wife_1098-13921.jpg" },
|
||||
{ id: "5", name: "Alice T.", role: "Homeowner", company: "La Quinta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-by-swimming-pool_1098-13893.jpg" }
|
||||
]}
|
||||
title="Highly Endorsed by Our Clients"
|
||||
description="See why homeowners in La Quinta and Indio trust Junior Pools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Reliable Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Pool Service Ready",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Reliable Satisfaction" },
|
||||
{ id: "m2", value: "5.0", description: "Star Rating" },
|
||||
{ id: "m3", value: "24/7", description: "Pool Service Ready" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer equipment repair?",
|
||||
content: "Yes, we are highly qualified to repair pumps, filters, and other pool equipment.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve the Indio and La Quinta area.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you reliable?",
|
||||
content: "Yes, we pride ourselves on being dependable and honest with all our customers.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our pool cleaning services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer equipment repair?", content: "Yes, we are highly qualified to repair pumps, filters, and other pool equipment." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We primarily serve the Indio and La Quinta area." },
|
||||
{ id: "f3", title: "Are you reliable?", content: "Yes, we pride ourselves on being dependable and honest with all our customers." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our pool cleaning services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to get your pool sparkling clean? Contact us today for a free estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (760) 980-6785",
|
||||
href: "tel:7609806785",
|
||||
},
|
||||
{
|
||||
text: "Visit Website",
|
||||
href: "http://poolcleaningindioca.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to get your pool sparkling clean? Contact us today for a free estimate."
|
||||
buttons={[
|
||||
{ text: "Call (760) 980-6785", href: "tel:7609806785" },
|
||||
{ text: "Visit Website", href: "http://poolcleaningindioca.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Junior Pools"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Junior Pools"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user