Merge version_1 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -17,227 +17,128 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Blue Science Pools"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Blue Science Pools"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Blue Science Pools"
|
||||
description="Professional swimming pool cleaning, maintenance, and expert design solutions. Your backyard oasis, perfectly maintained."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-sky-luxury-outdoor-pool_1203-5164.jpg"
|
||||
imageAlt="Blue Science Pools maintenance service"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Blue Science Pools"
|
||||
description="Professional swimming pool cleaning, maintenance, and expert design solutions. Your backyard oasis, perfectly maintained."
|
||||
buttons={[
|
||||
{ text: "Get A Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-sky-luxury-outdoor-pool_1203-5164.jpg"
|
||||
imageAlt="luxury backyard swimming pool clean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Attention to Detail"
|
||||
description={[
|
||||
"At Blue Science Pools, we believe every pool deserves expert care. From routine maintenance to custom spa designs, our team is committed to the highest standards of professionalism.",
|
||||
"Our experienced technicians provide comprehensive water testing, chemical balancing, and equipment advice to ensure your swimming pool remains a sparkling sanctuary for your family.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Attention to Detail"
|
||||
description={[
|
||||
"At Blue Science Pools, we believe every pool deserves expert care. From routine maintenance to custom spa designs, our team is committed to the highest standards of professionalism.", "Our experienced technicians provide comprehensive water testing, chemical balancing, and equipment advice to ensure your swimming pool remains a sparkling sanctuary for your family."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Maintenance",
|
||||
title: "Routine Cleaning",
|
||||
items: [
|
||||
"Weekly debris removal",
|
||||
"Chemical water testing",
|
||||
"Filter inspection",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Service",
|
||||
title: "Pump & Equipment",
|
||||
items: [
|
||||
"Pump installation",
|
||||
"Repair diagnostics",
|
||||
"Filter replacement",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Design",
|
||||
title: "Backyard Design",
|
||||
items: [
|
||||
"Spa installations",
|
||||
"Layout consulting",
|
||||
"Professional builds",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Pool Solutions"
|
||||
description="We offer everything from simple cleanings to complex backyard design and installations."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Maintenance", title: "Routine Cleaning", items: ["Weekly debris removal", "Chemical water testing", "Filter inspection"]
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Service", title: "Pump & Equipment", items: ["Pump installation", "Repair diagnostics", "Filter replacement"]
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Design", title: "Backyard Design", items: ["Spa installations", "Layout consulting", "Professional builds"]
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Pool Solutions"
|
||||
description="We offer everything from simple cleanings to complex backyard design and installations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "J Mccarthy",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-speaking-smartphone-park_23-2147779710.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bryce B",
|
||||
role: "Client",
|
||||
company: "Spa Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7879.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah D",
|
||||
role: "Client",
|
||||
company: "Pool Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-laughing_23-2148226222.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael R",
|
||||
role: "Client",
|
||||
company: "Maintenance Plan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-experiencing-cold-exposure-wellness_23-2151138603.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-speaking-smartphone-park_23-2147779710.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Pools Cleaned",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="We're proud of the relationships we build with our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "J Mccarthy", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-speaking-smartphone-park_23-2147779710.jpg" },
|
||||
{ id: "t2", name: "Bryce B", role: "Client", company: "Spa Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7879.jpg" },
|
||||
{ id: "t3", name: "Sarah D", role: "Client", company: "Pool Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-laughing_23-2148226222.jpg" },
|
||||
{ id: "t4", name: "Michael R", role: "Client", company: "Maintenance Plan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-experiencing-cold-exposure-wellness_23-2151138603.jpg" },
|
||||
{ id: "t5", name: "Elena P", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-speaking-smartphone-park_23-2147779710.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Pools Cleaned" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
{ value: "10", label: "Years Experience" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="We're proud of the relationships we build with our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I test my water?",
|
||||
content: "We recommend testing your water chemistry at least once a week to ensure proper sanitation and comfort.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you help with pool pumps?",
|
||||
content: "Yes! Our team provides expert advice on pump energy efficiency, installation, and repairs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you design a new spa?",
|
||||
content: "Absolutely. Our design crew specializes in backyard pool and spa layouts tailored to your unique space.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about pool maintenance."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How often should I test my water?", content: "We recommend testing your water chemistry at least once a week to ensure proper sanitation and comfort." },
|
||||
{ id: "q2", title: "Do you help with pool pumps?", content: "Yes! Our team provides expert advice on pump energy efficiency, installation, and repairs." },
|
||||
{ id: "q3", title: "Can you design a new spa?", content: "Absolutely. Our design crew specializes in backyard pool and spa layouts tailored to your unique space." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about pool maintenance."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Start?"
|
||||
description="Enter your email and one of our experts will reach out to help you with your pool needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Start?"
|
||||
description="Enter your email and one of our experts will reach out to help you with your pool needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Blue Science Pools"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Blue Science Pools"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user