Update src/app/page.tsx
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -28,165 +28,166 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Pristine Pool Service"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Pristine Pool Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Phoenix’s #1 Rated Pool Service"
|
||||
description="Licensed, insured, and dedicated to sparkling results. Experience the Pristine difference for your backyard oasis."
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-pool-stairs-hotel_1203-5065.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pool-water-background_1203-3042.jpg", alt: "Pool water background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/calm-pool-with-ladder_1232-1285.jpg", alt: "Calm pool with ladder" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/legs-person-pool_23-2147664494.jpg", alt: "Legs of person in pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-swimming-swimming-pool_23-2147664390.jpg", alt: "Girl swimming in swimming pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-hipster-man-vacation-exploring-city-street-showing-his-tongue-going-crazy-shows-peace-sign_343629-121.jpg", alt: "Young stylish hipster man on vacation" }
|
||||
]}
|
||||
avatarText="Join 46+ happy Phoenix families"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Weekly Cleaning" },
|
||||
{ type: "text", text: "Fast Repairs" },
|
||||
{ type: "text", text: "Green Pool Restoration" },
|
||||
{ type: "text", text: "Family Owned" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Phoenix’s #1 Rated Pool Service"
|
||||
description="Licensed, insured, and dedicated to sparkling results. Experience the Pristine difference for your backyard oasis."
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-pool-stairs-hotel_1203-5065.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pool-water-background_1203-3042.jpg", alt: "Pool water background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/calm-pool-with-ladder_1232-1285.jpg", alt: "Calm pool with ladder" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/legs-person-pool_23-2147664494.jpg", alt: "Legs of person in pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-swimming-swimming-pool_23-2147664390.jpg", alt: "Girl swimming in swimming pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-hipster-man-vacation-exploring-city-street-showing-his-tongue-going-crazy-shows-peace-sign_343629-121.jpg", alt: "Young stylish hipster man on vacation" }
|
||||
]}
|
||||
avatarText="Join 46+ happy Phoenix families"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Weekly Cleaning" },
|
||||
{ type: "text", text: "Fast Repairs" },
|
||||
{ type: "text", text: "Green Pool Restoration" },
|
||||
{ type: "text", text: "Family Owned" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["46+ Five-Star Reviews", "Licensed & Insured", "Weekly Cleaning", "Fast Repairs", "Green Pool Pros", "Family Owned", "Phoenix Trusted"]}
|
||||
title="Trusted by 46+ Happy Phoenix Families"
|
||||
description="Perfect 5.0 Google Rating"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["46+ Five-Star Reviews", "Licensed & Insured", "Weekly Cleaning", "Fast Repairs", "Green Pool Pros", "Family Owned", "Phoenix Trusted"]}
|
||||
title="Trusted by 46+ Happy Phoenix Families"
|
||||
description="Perfect 5.0 Google Rating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Experts"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "s1", name: "Weekly Cleaning", price: "Expert care", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2240.jpg" },
|
||||
{ id: "s2", name: "Equipment Repair", price: "Quick fix", imageSrc: "http://img.b2bpic.net/free-photo/small-movie-projector_23-2147698858.jpg" },
|
||||
{ id: "s3", name: "Green Pool Cleanup", price: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/swimming-blue-vintage-pool-clean_1203-4526.jpg" },
|
||||
{ id: "s4", name: "Heater Repair", price: "Warm water", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-smiling-woman-with-tablet-thinking-ideas_74855-6096.jpg" },
|
||||
{ id: "s5", name: "Tile Cleaning", price: "Deep scrub", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11005.jpg" },
|
||||
{ id: "s6", name: "Automation Systems", price: "Smart tech", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-with-tablet-around-swimming-pool_74190-8620.jpg" }
|
||||
]}
|
||||
title="Comprehensive Pool Care"
|
||||
description="Professional services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "s1", name: "Weekly Cleaning", price: "Expert care", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2240.jpg" },
|
||||
{ id: "s2", name: "Equipment Repair", price: "Quick fix", imageSrc: "http://img.b2bpic.net/free-photo/small-movie-projector_23-2147698858.jpg" },
|
||||
{ id: "s3", name: "Green Pool Cleanup", price: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/swimming-blue-vintage-pool-clean_1203-4526.jpg" },
|
||||
{ id: "s4", name: "Heater Repair", price: "Warm water", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-smiling-woman-with-tablet-thinking-ideas_74855-6096.jpg" },
|
||||
{ id: "s5", name: "Tile Cleaning", price: "Deep scrub", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11005.jpg" },
|
||||
{ id: "s6", name: "Automation Systems", price: "Smart tech", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-with-tablet-around-swimming-pool_74190-8620.jpg" }
|
||||
]}
|
||||
title="Comprehensive Pool Care"
|
||||
description="Professional services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "1. Consultation", description: "We assess your pool needs.", bentoComponent: "reveal-icon", icon: FileText },
|
||||
{ title: "2. Service Plan", description: "Custom plan for your pool.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "3. Maintenance", description: "Reliable care every week.", bentoComponent: "reveal-icon", icon: Droplets }
|
||||
]}
|
||||
title="How We Make Your Pool Sparkle"
|
||||
description="A simple 3-step process to a pristine pool."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "1. Consultation", description: "We assess your pool needs.", bentoComponent: "reveal-icon", icon: FileText },
|
||||
{ title: "2. Service Plan", description: "Custom plan for your pool.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "3. Maintenance", description: "Reliable care every week.", bentoComponent: "reveal-icon", icon: Droplets }
|
||||
]}
|
||||
title="How We Make Your Pool Sparkle"
|
||||
description="A simple 3-step process to a pristine pool."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Transformation A", description: "Green to clear.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3707.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-nobody-clean-sport-stair_1203-6134.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-broken_1122-1142.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Transformation B", description: "Restored glory.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-submerged-water_1122-1278.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678291.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-swimsuit_1385-1662.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Before & After Transformations"
|
||||
description="Witness the Pristine difference."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Transformation A", description: "Green to clear.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3707.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-nobody-clean-sport-stair_1203-6134.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-broken_1122-1142.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Transformation B", description: "Restored glory.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-submerged-water_1122-1278.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678291.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-swimsuit_1385-1662.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Before & After Transformations"
|
||||
description="Witness the Pristine difference."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Client", company: "Phoenix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-happy-woman-summer-outfit-standing-garden_74855-5983.jpg" },
|
||||
{ id: "2", name: "Mike D.", role: "Client", company: "Scottsdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Client", company: "Mesa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Client", company: "Chandler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050265.jpg" },
|
||||
{ id: "5", name: "Jen H.", role: "Client", company: "Gilbert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg" }
|
||||
]}
|
||||
title="Loved by Phoenix Neighbors"
|
||||
description="See what our clients say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Client", company: "Phoenix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-happy-woman-summer-outfit-standing-garden_74855-5983.jpg" },
|
||||
{ id: "2", name: "Mike D.", role: "Client", company: "Scottsdale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Client", company: "Mesa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-phone_1303-3694.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Client", company: "Chandler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050265.jpg" },
|
||||
{ id: "5", name: "Jen H.", role: "Client", company: "Gilbert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg" }
|
||||
]}
|
||||
title="Loved by Phoenix Neighbors"
|
||||
description="See what our clients say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Pristine Pool Service"
|
||||
description="Call (602) 300-6765 or use the form below."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Phone Number" }
|
||||
]}
|
||||
multiSelect={{ name: "service", label: "Service Type", options: ["Weekly Cleaning", "One-Time Cleanup", "Equipment Repair", "Pool Inspection"] }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-relaxing-swimming-pool_23-2147814728.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Pristine Pool Service"
|
||||
description="Call (602) 300-6765 or use the form below."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Phone Number" }
|
||||
]}
|
||||
multiSelect={{ name: "service", label: "Service Type", options: ["Weekly Cleaning", "One-Time Cleanup", "Equipment Repair", "Pool Inspection"] }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-relaxing-swimming-pool_23-2147814728.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Weekly Cleaning", href: "#services" }, { label: "Equipment Repair", href: "#services" }] },
|
||||
{ title: "Service Areas", items: [{ label: "Phoenix", href: "#" }, { label: "Scottsdale", href: "#" }, { label: "Tempe", href: "#" }, { label: "Mesa", href: "#" }, { label: "Chandler", href: "#" }, { label: "Gilbert", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(602) 300-6765", href: "tel:6023006765" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Pristine Pool Service and Repair LLC."
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Weekly Cleaning", href: "#services" }, { label: "Equipment Repair", href: "#services" }] },
|
||||
{ title: "Service Areas", items: [{ label: "Phoenix", href: "#" }, { label: "Scottsdale", href: "#" }, { label: "Tempe", href: "#" }, { label: "Mesa", href: "#" }, { label: "Chandler", href: "#" }, { label: "Gilbert", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(602) 300-6765", href: "tel:6023006765" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Pristine Pool Service and Repair LLC."
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user