Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user