Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 17:22:52 +00:00

View File

@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, CheckCircle, Droplets, Layout, Palette, Shield, Users, Wrench } from "lucide-react";
import { Award, CheckCircle, Droplets, Layout, Palette, Shield, Users, Hammer } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,414 +29,160 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Planet Swimming Pools"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Planet Swimming Pools"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Planet Swimming Pools"
description="Crafting extraordinary backyard experiences with world-class pool design and construction excellence. Your oasis awaits."
buttons={[
{
text: "Start Project",
href: "#contact",
},
{
text: "View Portfolio",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Planet Swimming Pools"
description="Crafting extraordinary backyard experiences with world-class pool design and construction excellence. Your oasis awaits."
buttons={[{ text: "Start Project", href: "#contact" }, { text: "View Portfolio", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Experience & Expertise"
metrics={[
{
icon: Award,
label: "Projects Completed",
value: "500+",
},
{
icon: Shield,
label: "Years Experience",
value: "25",
},
{
icon: Users,
label: "Happy Families",
value: "1200+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Experience & Expertise"
metrics={[
{ icon: Award, label: "Projects Completed", value: "500+" },
{ icon: Shield, label: "Years Experience", value: "25" },
{ icon: Users, label: "Happy Families", value: "1200+" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Custom Design",
description: "Bespoke blueprints tailored to your architectural vision and landscape constraints.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3076.jpg",
},
items: [
{
icon: Palette,
text: "3D Modeling",
},
{
icon: Layout,
text: "Site Analysis",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/part-memorial-complex-fountain_23-2148184276.jpg?_wi=2",
imageAlt: "custom residential concrete swimming pool",
},
{
title: "Expert Installation",
description: "Precision engineering and high-quality materials for lasting durability and performance.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-pool_23-2149046686.jpg",
},
items: [
{
icon: Hammer,
text: "Master Craftsmen",
},
{
icon: CheckCircle,
text: "Rigorous Inspections",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10731.jpg",
imageAlt: "custom residential concrete swimming pool",
},
{
title: "Maintenance Plans",
description: "Comprehensive care packages to keep your water crystal clear and infrastructure flawless.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg?_wi=1",
},
items: [
{
icon: Droplets,
text: "Chemical Balancing",
},
{
icon: Wrench,
text: "Equipment Servicing",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=1",
imageAlt: "custom residential concrete swimming pool",
},
]}
title="Our Specialized Services"
description="Tailored solutions to transform your outdoor living space into a private sanctuary of relaxation and style."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Custom Design", description: "Bespoke blueprints tailored to your architectural vision and landscape constraints.", media: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3076.jpg" },
items: [{ icon: Palette, text: "3D Modeling" }, { icon: Layout, text: "Site Analysis" }],
reverse: false
},
{
title: "Expert Installation", description: "Precision engineering and high-quality materials for lasting durability and performance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-pool_23-2149046686.jpg" },
items: [{ icon: Hammer, text: "Master Craftsmen" }, { icon: CheckCircle, text: "Rigorous Inspections" }],
reverse: true
},
{
title: "Maintenance Plans", description: "Comprehensive care packages to keep your water crystal clear and infrastructure flawless.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg" },
items: [{ icon: Droplets, text: "Chemical Balancing" }, { icon: Hammer, text: "Equipment Servicing" }],
reverse: false
},
]}
title="Our Specialized Services"
description="Tailored solutions to transform your outdoor living space into a private sanctuary of relaxation and style."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Modern Horizon",
price: "Starting at $45k",
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5456.jpg",
},
{
id: "p2",
name: "Luxury Infinity Edge",
price: "Starting at $65k",
imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10746.jpg",
},
{
id: "p3",
name: "Coastal Oasis",
price: "Starting at $55k",
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11006.jpg",
},
{
id: "p4",
name: "Family Haven",
price: "Starting at $38k",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg?_wi=2",
},
{
id: "p5",
name: "Classic Retreat",
price: "Starting at $42k",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=2",
},
{
id: "p6",
name: "Urban Courtyard",
price: "Starting at $35k",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg",
},
]}
title="Our Signature Projects"
description="A showcase of our recent installations that redefine luxury living."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Modern Horizon", price: "Starting at $45k", imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5456.jpg" },
{ id: "p2", name: "Luxury Infinity Edge", price: "Starting at $65k", imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10746.jpg" },
{ id: "p3", name: "Coastal Oasis", price: "Starting at $55k", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11006.jpg" },
{ id: "p4", name: "Family Haven", price: "Starting at $38k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-stone-tiles-swimming-pool_176420-1488.jpg" },
{ id: "p5", name: "Classic Retreat", price: "Starting at $42k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg" },
{ id: "p6", name: "Urban Courtyard", price: "Starting at $35k", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg" },
]}
title="Our Signature Projects"
description="A showcase of our recent installations that redefine luxury living."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
title: "Customer Satisfaction",
items: [
"Above industry average",
"Repeat client rate",
"Positive referrals",
],
},
{
id: "m2",
value: "12+",
title: "National Awards",
items: [
"Design excellence",
"Craftsmanship",
"Sustainability impact",
],
},
{
id: "m3",
value: "30%",
title: "Energy Efficiency",
items: [
"Reduced utility costs",
"Eco-friendly pumps",
"Smart systems",
],
},
]}
title="Quality Performance"
description="Measurable results that define our industry standard in pool construction."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "98%", title: "Customer Satisfaction", items: ["Above industry average", "Repeat client rate", "Positive referrals"] },
{ id: "m2", value: "12+", title: "National Awards", items: ["Design excellence", "Craftsmanship", "Sustainability impact"] },
{ id: "m3", value: "30%", title: "Energy Efficiency", items: ["Reduced utility costs", "Eco-friendly pumps", "Smart systems"] },
]}
title="Quality Performance"
description="Measurable results that define our industry standard in pool construction."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Mark Stevens",
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
},
{
id: "t2",
name: "Sarah Miller",
role: "Architect",
company: "Creative Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg",
},
{
id: "t3",
name: "James Wilson",
role: "Developer",
company: "Urban Homes",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
},
{
id: "t4",
name: "Emily Davis",
role: "Landscape Designer",
company: "Green Spaces",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-man-pouring-drink-glass_23-2147891176.jpg",
},
{
id: "t5",
name: "Robert Clark",
role: "Engineer",
company: "Precision Builders",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
},
]}
kpiItems={[
{
value: "5.0",
label: "Google Rating",
},
{
value: "500+",
label: "Projects Built",
},
{
value: "15yrs",
label: "Avg Longevity",
},
]}
title="Voices of Satisfaction"
description="See why hundreds of families trust us with their dream outdoor spaces."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Mark Stevens", role: "Homeowner", company: "Private Residence", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
{ id: "t2", name: "Sarah Miller", role: "Architect", company: "Creative Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-picnic-park_1303-9635.jpg" },
{ id: "t3", name: "James Wilson", role: "Developer", company: "Urban Homes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg" },
{ id: "t4", name: "Emily Davis", role: "Landscape Designer", company: "Green Spaces", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-man-pouring-drink-glass_23-2147891176.jpg" },
{ id: "t5", name: "Robert Clark", role: "Engineer", company: "Precision Builders", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg" },
]}
kpiItems={[
{ value: "5.0", label: "Google Rating" },
{ value: "500+", label: "Projects Built" },
{ value: "15yrs", label: "Avg Longevity" },
]}
title="Voices of Satisfaction"
description="See why hundreds of families trust us with their dream outdoor spaces."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long does construction take?",
content: "Typically 8-12 weeks depending on complexity and permit processing times.",
},
{
id: "f2",
title: "Do you handle local permits?",
content: "Yes, our team manages all administrative and permitting requirements for you.",
},
{
id: "f3",
title: "What equipment is included?",
content: "We use industry-leading, energy-efficient filtration and sanitization systems.",
},
{
id: "f4",
title: "Is there a warranty?",
content: "We offer a comprehensive 10-year structural warranty and equipment performance guarantee.",
},
]}
sideTitle="Common Inquiries"
sideDescription="Everything you need to know about our design and construction process."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How long does construction take?", content: "Typically 8-12 weeks depending on complexity and permit processing times." },
{ id: "f2", title: "Do you handle local permits?", content: "Yes, our team manages all administrative and permitting requirements for you." },
{ id: "f3", title: "What equipment is included?", content: "We use industry-leading, energy-efficient filtration and sanitization systems." },
{ id: "f4", title: "Is there a warranty?", content: "We offer a comprehensive 10-year structural warranty and equipment performance guarantee." },
]}
sideTitle="Common Inquiries"
sideDescription="Everything you need to know about our design and construction process."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Get In Touch"
title="Ready to Build Your Oasis?"
description="Contact our experts today for a free on-site consultation and design estimate."
buttons={[
{
text: "Call Now",
href: "tel:+15550123",
},
{
text: "Request Quote",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Get In Touch"
title="Ready to Build Your Oasis?"
description="Contact our experts today for a free on-site consultation and design estimate."
buttons={[{ text: "Call Now", href: "tel:+15550123" }, { text: "Request Quote", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Press",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Design",
href: "#features",
},
{
label: "Construction",
href: "#features",
},
{
label: "Maintenance",
href: "#features",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="Planet Swimming Pools"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
{ title: "Services", items: [{ label: "Design", href: "#features" }, { label: "Construction", href: "#features" }, { label: "Maintenance", href: "#features" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
]}
logoText="Planet Swimming Pools"
/>
</div>
</ReactLenis>
</ThemeProvider>
);