Merge version_1 into main #2
195
src/app/page.tsx
195
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pool Prof"
|
||||
/>
|
||||
@@ -47,75 +42,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Pool Prof: Your Pool Experts, Year-Round"
|
||||
description="Professional maintenance, emergency repairs, and premium accessories—all from one trusted team serving your community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Schedule Service Today", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-3258.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-3258.jpg"
|
||||
imageAlt="Sparkling clean swimming pool background"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-tanned-woman-red-swimsuit-having-fun-enjoying-summer-amazing-big-swimming-pool-young-pretty-girl-swimming-inflatable-ring-stylish-transparent-cap-beach-party_273443-5436.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-relaxing-thermal-pool-spa-looking-away_637285-7522.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4055.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sexy-tanned-woman-red-swimsuit-having-fun-enjoying-summer-amazing-big-swimming-pool-young-pretty-girl-swimming-inflatable-ring-stylish-transparent-cap-beach-party_273443-5436.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-relaxing-thermal-pool-spa-looking-away_637285-7522.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4055.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Weekly Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chemical Balancing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pump & Filter Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Supplies",
|
||||
},
|
||||
{ type: "text", text: "Weekly Maintenance" },
|
||||
{ type: "text", text: "Emergency Repair" },
|
||||
{ type: "text", text: "Chemical Balancing" },
|
||||
{ type: "text", text: "Pump & Filter Service" },
|
||||
{ type: "text", text: "Premium Supplies" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Trusted Local Pool Authority"
|
||||
description="We are a full-service pool company dedicated to providing reliable, expert care. From routine maintenance and complex repairs to high-quality retail accessories, we ensure your pool is always clean and fully functional."
|
||||
subdescription="With years of local experience, our team brings professionalism and transparent pricing to every residential and commercial project."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skater-riding-down-ramp_23-2147678262.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skater-riding-down-ramp_23-2147678262.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -127,28 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Weekly Maintenance",
|
||||
description: "Chemical balancing, debris removal, and filter cleaning.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-3258.jpg?_wi=2",
|
||||
imageAlt: "luxury swimming pool backyard",
|
||||
title: "Weekly Maintenance", description: "Chemical balancing, debris removal, and filter cleaning.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Fast response times for pump, heater, and plumbing issues.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skater-riding-down-ramp_23-2147678262.jpg?_wi=2",
|
||||
imageAlt: "pool service technician testing water",
|
||||
title: "Emergency Repairs", description: "Fast response times for pump, heater, and plumbing issues.", bentoComponent: "reveal-icon", icon: Wrench
|
||||
},
|
||||
{
|
||||
title: "Premium Accessories",
|
||||
description: "The best cleaning tools and leisure products available.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShoppingBag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner pool",
|
||||
title: "Premium Accessories", description: "The best cleaning tools and leisure products available.", bentoComponent: "reveal-icon", icon: ShoppingBag
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Pool Solutions"
|
||||
@@ -162,45 +107,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Service!",
|
||||
quote: "Pool Prof saved my summer. Reliable and transparent.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Great Service!", quote: "Pool Prof saved my summer. Reliable and transparent.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Professional",
|
||||
quote: "They manage our commercial pools with incredible efficiency.",
|
||||
name: "Michael Chen",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Professional", quote: "They manage our commercial pools with incredible efficiency.", name: "Michael Chen", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent Quality",
|
||||
quote: "The accessories they recommended work like a charm.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-tanned-woman-red-swimsuit-having-fun-enjoying-summer-amazing-big-swimming-pool-young-pretty-girl-swimming-inflatable-ring-stylish-transparent-cap-beach-party_273443-5436.jpg",
|
||||
},
|
||||
id: "3", title: "Excellent Quality", quote: "The accessories they recommended work like a charm.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/sexy-tanned-woman-red-swimsuit-having-fun-enjoying-summer-amazing-big-swimming-pool-young-pretty-girl-swimming-inflatable-ring-stylish-transparent-cap-beach-party_273443-5436.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast Repairs",
|
||||
quote: "Fixed our broken heater in record time. Excellent work.",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-relaxing-thermal-pool-spa-looking-away_637285-7522.jpg",
|
||||
},
|
||||
id: "4", title: "Fast Repairs", quote: "Fixed our broken heater in record time. Excellent work.", name: "David Kim", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-relaxing-thermal-pool-spa-looking-away_637285-7522.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Consistent Care",
|
||||
quote: "Weekly service is top-notch. Never have to worry.",
|
||||
name: "Mark Wilson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4055.jpg",
|
||||
},
|
||||
id: "5", title: "Consistent Care", quote: "Weekly service is top-notch. Never have to worry.", name: "Mark Wilson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4055.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy residential and commercial clients."
|
||||
@@ -213,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my pool?",
|
||||
content: "Depending on usage, weekly or bi-weekly maintenance is best.",
|
||||
},
|
||||
id: "1", title: "How often should I service my pool?", content: "Depending on usage, weekly or bi-weekly maintenance is best."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we prioritize urgent pump and plumbing issues.",
|
||||
},
|
||||
id: "2", title: "Do you offer emergency repairs?", content: "Yes, we prioritize urgent pump and plumbing issues."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you sell pool supplies?",
|
||||
content: "Yes, we carry a curated selection of premium accessories.",
|
||||
},
|
||||
id: "3", title: "Do you sell pool supplies?", content: "Yes, we carry a curated selection of premium accessories."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to keep your pool sparkling."
|
||||
@@ -238,16 +144,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready for a Cleaner Pool?"
|
||||
description="Schedule your service appointment or speak with our retail team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service Today",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Service Today", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -256,29 +159,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user