Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-17 19:35:18 +00:00

View File

@@ -31,26 +31,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Reviews", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="S&P Pools"
/>
@@ -58,78 +45,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Transform Your Backyard Into Paradise"
description="Expert pool construction and remodeling that exceeds expectations. From custom designs to complete renovations, we bring your dream pool to life with precision and professionalism."
kpis={[
{
value: "15+",
label: "Years Experience",
},
{
value: "500+",
label: "Pools Built",
},
{
value: "100%",
label: "Client Satisfaction",
},
{ value: "15+", label: "Years Experience" },
{ value: "500+", label: "Pools Built" },
{ value: "100%", label: "Client Satisfaction" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Schedule Your Free Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg?_wi=1"
buttons={[{ text: "Schedule Your Free Consultation", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg"
imageAlt="Luxury backyard swimming pool paradise"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg",
alt: "Umbrella chair around swimming pool",
},
{
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg",
alt: "Umbrella and chair around swimming pool neary sea ocean beach with blue sky and white cloud",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg",
alt: "Beautiful outdoor swimming pool in hotel and resort with chair and deck for leisure vacation",
},
{
src: "http://img.b2bpic.net/free-photo/umbrella-deck-travel-holiday-luxury_1203-4524.jpg",
alt: "umbrella deck travel holiday luxury",
},
{
src: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11010.jpg",
alt: "swimming pool top view",
},
{ src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg", alt: "Umbrella chair around swimming pool" },
{ src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg", alt: "Umbrella and chair around swimming pool neary sea ocean beach with blue sky and white cloud" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort-with-chair-deck-leisure-vacation_74190-8436.jpg", alt: "Beautiful outdoor swimming pool in hotel and resort with chair and deck for leisure vacation" },
{ src: "http://img.b2bpic.net/free-photo/umbrella-deck-travel-holiday-luxury_1203-4524.jpg", alt: "umbrella deck travel holiday luxury" },
{ src: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11010.jpg", alt: "swimming pool top view" },
]}
marqueeItems={[
{
type: "text",
text: "Custom Inground Designs",
},
{
type: "text",
text: "Quality Workmanship",
},
{
type: "text",
text: "Transparent Pricing",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Luxury Renovations",
},
{ type: "text", text: "Custom Inground Designs" },
{ type: "text", text: "Quality Workmanship" },
{ type: "text", text: "Transparent Pricing" },
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "Luxury Renovations" },
]}
/>
</div>
@@ -138,15 +79,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting Aquatic Masterpieces with Passion and Precision",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-luxury-outdoor-swimming-pool-with-stair_74190-6838.jpg",
alt: "Pool construction excellence",
},
{ type: "text", content: "Crafting Aquatic Masterpieces with Passion and Precision" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-luxury-outdoor-swimming-pool-with-stair_74190-6838.jpg", alt: "Pool construction excellence" },
]}
/>
</div>
@@ -156,27 +90,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
tag: "Custom",
title: "New Construction",
subtitle: "From ground up",
description: "Custom inground pool design and build tailored for your lifestyle and plot.",
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11004.jpg",
},
{
tag: "Renovations",
title: "Complete Remodeling",
subtitle: "Revitalize your pool",
description: "Surface, tile, and equipment upgrades to give your pool a fresh look and improved function.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-tree_1339-4866.jpg",
},
{
tag: "Support",
title: "Maintenance & Upgrades",
subtitle: "Long-term care",
description: "Professional maintenance and modern equipment upgrades to keep your pool pristine.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-using-smart-mobile-phone-around-outdoor-swimming-pool_74190-10042.jpg",
},
{ tag: "Custom", title: "New Construction", subtitle: "From ground up", description: "Custom inground pool design and build tailored for your lifestyle and plot.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11004.jpg" },
{ tag: "Renovations", title: "Complete Remodeling", subtitle: "Revitalize your pool", description: "Surface, tile, and equipment upgrades to give your pool a fresh look and improved function.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-tree_1339-4866.jpg" },
{ tag: "Support", title: "Maintenance & Upgrades", subtitle: "Long-term care", description: "Professional maintenance and modern equipment upgrades to keep your pool pristine.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-using-smart-mobile-phone-around-outdoor-swimming-pool_74190-10042.jpg" },
]}
title="Our Specialized Pool Services"
description="Comprehensive solutions tailored to your unique landscape needs."
@@ -189,41 +105,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Entry Level",
price: "$35,000+",
period: "fixed cost",
description: "Perfect for standard family pools.",
button: {
text: "Get Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Custom Design",
"Quality Filtration",
"Safety Features",
],
},
{
id: "pro",
tag: "Most Popular",
price: "$65,000+",
period: "fixed cost",
description: "Luxury features for enthusiasts.",
button: {
text: "Get Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Everything in Basic",
"Advanced Lighting",
"Waterfall Feature",
"Smart Controls",
],
},
{ id: "basic", tag: "Entry Level", price: "$35,000+", period: "fixed cost", description: "Perfect for standard family pools.", button: { text: "Get Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["Custom Design", "Quality Filtration", "Safety Features"] },
{ id: "pro", tag: "Most Popular", price: "$65,000+", period: "fixed cost", description: "Luxury features for enthusiasts.", button: { text: "Get Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["Everything in Basic", "Advanced Lighting", "Waterfall Feature", "Smart Controls"] },
]}
title="Transparent Project Packages"
description="Clear pricing to help you plan your backyard investment."
@@ -232,37 +115,16 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
groups={[
{
id: "team-lead",
groupTitle: "Management",
members: [
{
id: "m1",
title: "Sarah Pool",
subtitle: "Lead Project Manager",
detail: "15 years of construction oversight.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-works-computer-near-pool_72229-1097.jpg",
},
{
id: "m2",
title: "David Construct",
subtitle: "Lead Contractor",
detail: "Expert in pool structural engineering.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
},
{
id: "m3",
title: "Elena Design",
subtitle: "Lead Pool Designer",
detail: "Specialist in geometric design.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg",
},
id: "team-lead", groupTitle: "Management", members: [
{ id: "m1", title: "Sarah Pool", subtitle: "Lead Project Manager", detail: "15 years of construction oversight.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-works-computer-near-pool_72229-1097.jpg" },
{ id: "m2", title: "David Construct", subtitle: "Lead Contractor", detail: "Expert in pool structural engineering.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg" },
{ id: "m3", title: "Elena Design", subtitle: "Lead Pool Designer", detail: "Specialist in geometric design.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg?_wi=2",
imageAlt: "professional pool contractor portrait",
},
]}
title="Meet the Construction Experts"
@@ -276,46 +138,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mark Miller",
handle: "@miller",
testimonial: "Transformed our backyard into a complete oasis. Amazing team!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg",
},
{
id: "2",
name: "Lisa Doe",
handle: "@ldoe",
testimonial: "Professional, on-time, and within budget. Truly grateful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-outdoors_23-2149860562.jpg",
},
{
id: "3",
name: "James Smith",
handle: "@jsmith",
testimonial: "The best commercial pool contractor we have worked with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
},
{
id: "4",
name: "Karen White",
handle: "@kwhite",
testimonial: "Incredible communication throughout the building process.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
},
{
id: "5",
name: "Kevin Brown",
handle: "@kbrown",
testimonial: "Worth every penny. Our custom pool is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9435.jpg",
},
{ id: "1", name: "Mark Miller", handle: "@miller", testimonial: "Transformed our backyard into a complete oasis. Amazing team!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg" },
{ id: "2", name: "Lisa Doe", handle: "@ldoe", testimonial: "Professional, on-time, and within budget. Truly grateful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-outdoors_23-2149860562.jpg" },
{ id: "3", name: "James Smith", handle: "@jsmith", testimonial: "The best commercial pool contractor we have worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" },
{ id: "4", name: "Karen White", handle: "@kwhite", testimonial: "Incredible communication throughout the building process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
{ id: "5", name: "Kevin Brown", handle: "@kbrown", testimonial: "Worth every penny. Our custom pool is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9435.jpg" },
]}
showRating={true}
title="Stories from Local Clients"
@@ -328,21 +155,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How long does construction take?",
content: "On average, a standard inground pool takes 6-10 weeks.",
},
{
id: "q2",
title: "Do you offer financing?",
content: "Yes, we partner with reputable local lenders to offer competitive financing.",
},
{
id: "q3",
title: "Can you handle permit processes?",
content: "Yes, we manage all permits and HOA compliance documentation.",
},
{ id: "q1", title: "How long does construction take?", content: "On average, a standard inground pool takes 6-10 weeks." },
{ id: "q2", title: "Do you offer financing?", content: "Yes, we partner with reputable local lenders to offer competitive financing." },
{ id: "q3", title: "Can you handle permit processes?", content: "Yes, we manage all permits and HOA compliance documentation." },
]}
title="Frequently Asked Questions"
description="Common questions about our pool design and renovation process."
@@ -353,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Ready for your dream pool?"
description="Contact our experts today for a free design consultation."
inputPlaceholder="Enter your email"
@@ -369,30 +182,15 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
{ label: "About Us", href: "#about" },
{ label: "Services", href: "#features" },
{ label: "Contact", href: "#contact" },
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Licensing",
href: "#",
},
{ label: "Privacy Policy", href: "#" },
{ label: "Licensing", href: "#" },
],
},
]}