bender/b19435f4-0da4-4d72-b009-453e965ba509
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 21:11:04 +00:00
parent d7d6ccf1b7
commit 9e91eff766
1 changed files with 59 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
src/app/page.tsx
View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Staycation Pools & Landscape"
/>
@@ -73,51 +57,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="Your Dream Staycation, Built to Perfection."
description="From custom pool design to breathtaking landscapes, we transform your backyard into a personal paradise. Experience unparalleled quality and service."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "View Our Portfolio",
href: "#portfolio",
},
text: "View Our Portfolio", href: "#portfolio"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg?_wi=1",
imageAlt: "Luxury swimming pool with modern backyard design",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg", imageAlt: "Luxury swimming pool with modern backyard design"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-nearly-sea-beach-ocean_74190-14080.jpg",
imageAlt: "Backyard oasis with inviting swimming pool",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-nearly-sea-beach-ocean_74190-14080.jpg", imageAlt: "Backyard oasis with inviting swimming pool"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg",
imageAlt: "Modern pool design with sleek architecture",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg", imageAlt: "Modern pool design with sleek architecture"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918010.jpg",
imageAlt: "Custom shaped swimming pool with integrated landscape",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918010.jpg", imageAlt: "Custom shaped swimming pool with integrated landscape"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8486.jpg",
imageAlt: "Large resort-style swimming pool",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8486.jpg", imageAlt: "Large resort-style swimming pool"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748320.jpg",
imageAlt: "Beautifully renovated backyard with a new pool",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748320.jpg", imageAlt: "Beautifully renovated backyard with a new pool"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -144,23 +105,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Custom Pool Design & Build",
description: "From initial concept to expert construction, we design and build bespoke swimming pools tailored to your vision and property.",
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg",
imageAlt: "3D rendering of a custom pool design",
},
title: "Custom Pool Design & Build", description: "From initial concept to expert construction, we design and build bespoke swimming pools tailored to your vision and property.", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg", imageAlt: "3D rendering of a custom pool design"},
{
title: "Expert Landscape Integration",
description: "Seamlessly blend your pool with stunning landscape architecture, including patios, outdoor kitchens, and lush gardens.",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8483.jpg",
imageAlt: "Beautifully integrated landscape with a swimming pool and outdoor kitchen",
},
title: "Expert Landscape Integration", description: "Seamlessly blend your pool with stunning landscape architecture, including patios, outdoor kitchens, and lush gardens.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8483.jpg", imageAlt: "Beautifully integrated landscape with a swimming pool and outdoor kitchen"},
{
title: "Renovation & Modernization",
description: "Revitalize your existing pool and outdoor areas with modern designs, energy-efficient systems, and aesthetic upgrades.",
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-summer-time_53876-147860.jpg",
imageAlt: "Before and after of a swimming pool renovation",
},
title: "Renovation & Modernization", description: "Revitalize your existing pool and outdoor areas with modern designs, energy-efficient systems, and aesthetic upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-summer-time_53876-147860.jpg", imageAlt: "Before and after of a swimming pool renovation"},
]}
title="Comprehensive Pool & Landscape Solutions"
description="We offer a full spectrum of services to create your ideal outdoor environment, focusing on quality, durability, and aesthetic appeal."
@@ -177,47 +126,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "project-1",
name: "Modern Geometric Pool",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-swim-ring-floating-clear-blue-pool-water_23-2151993684.jpg",
imageAlt: "Modern rectangular swimming pool with clean lines",
},
id: "project-1", name: "Modern Geometric Pool", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/yellow-swim-ring-floating-clear-blue-pool-water_23-2151993684.jpg", imageAlt: "Modern rectangular swimming pool with clean lines"},
{
id: "project-2",
name: "Lagoon Style Natural Pool",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7874.jpg",
imageAlt: "Freeform lagoon style pool with natural rockery",
},
id: "project-2", name: "Lagoon Style Natural Pool", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7874.jpg", imageAlt: "Freeform lagoon style pool with natural rockery"},
{
id: "project-3",
name: "Infinity Edge Masterpiece",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/armchairs-floor_1203-2071.jpg",
imageAlt: "Luxury infinity edge pool overlooking a scenic view",
},
id: "project-3", name: "Infinity Edge Masterpiece", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/armchairs-floor_1203-2071.jpg", imageAlt: "Luxury infinity edge pool overlooking a scenic view"},
{
id: "project-4",
name: "Family Fun & Entertainment Pool",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4058.jpg",
imageAlt: "Family-friendly swimming pool with an integrated slide",
},
id: "project-4", name: "Family Fun & Entertainment Pool", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4058.jpg", imageAlt: "Family-friendly swimming pool with an integrated slide"},
{
id: "project-5",
name: "Compact Urban Oasis",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11552.jpg",
imageAlt: "Small urban plunge pool in a minimalist backyard",
},
id: "project-5", name: "Compact Urban Oasis", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11552.jpg", imageAlt: "Small urban plunge pool in a minimalist backyard"},
{
id: "project-6",
name: "Resort-Style Backyard Retreat",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/great-resort-with-swimming-pool-trees_1203-1707.jpg",
imageAlt: "Expansive resort-style backyard with a large pool and lounge areas",
},
id: "project-6", name: "Resort-Style Backyard Retreat", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/great-resort-with-swimming-pool-trees_1203-1707.jpg", imageAlt: "Expansive resort-style backyard with a large pool and lounge areas"},
]}
title="Inspiring Transformations"
description="Explore a selection of our recent projects, showcasing the diverse styles and custom solutions we've delivered for our happy clients."
@@ -232,29 +151,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "15+",
title: "Years of Experience",
description: "Bringing unparalleled expertise to every custom pool and landscape project.",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-list-written-black-notepad-written-pink-sticky-note-black-background_140725-112156.jpg",
imageAlt: "Calendar icon representing years of experience",
},
id: "metric-1", value: "15+", title: "Years of Experience", description: "Bringing unparalleled expertise to every custom pool and landscape project.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-list-written-black-notepad-written-pink-sticky-note-black-background_140725-112156.jpg", imageAlt: "Calendar icon representing years of experience"},
{
id: "metric-2",
value: "200+",
title: "Projects Completed",
description: "Successfully transforming backyards into dream 'staycations' for satisfied clients.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614985.jpg",
imageAlt: "Blueprint icon representing completed projects",
},
id: "metric-2", value: "200+", title: "Projects Completed", description: "Successfully transforming backyards into dream 'staycations' for satisfied clients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151614985.jpg", imageAlt: "Blueprint icon representing completed projects"},
{
id: "metric-3",
value: "95%",
title: "Customer Satisfaction",
description: "Our clients love their new outdoor spaces and the seamless experience we provide.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66073.jpg",
imageAlt: "Smiling faces representing high customer satisfaction",
},
id: "metric-3", value: "95%", title: "Customer Satisfaction", description: "Our clients love their new outdoor spaces and the seamless experience we provide.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66073.jpg", imageAlt: "Smiling faces representing high customer satisfaction"},
]}
title="Dedicated to Excellence"
description="Our commitment to quality and customer satisfaction is reflected in every project we complete and every smile we create."
@@ -269,36 +170,14 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "leadership",
groupTitle: "Leadership & Design",
members: [
id: "leadership", groupTitle: "Leadership & Design", members: [
{
id: "member-1",
title: "John Smith",
subtitle: "Founder & CEO",
detail: "John envisioned Staycation Custom Pools to create unique outdoor retreats, combining innovative design with superior craftsmanship.",
imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",
imageAlt: "Portrait of John Smith, Founder & CEO",
},
id: "member-1", title: "John Smith", subtitle: "Founder & CEO", detail: "John envisioned Staycation Custom Pools to create unique outdoor retreats, combining innovative design with superior craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg", imageAlt: "Portrait of John Smith, Founder & CEO"},
{
id: "member-2",
title: "Sarah Lee",
subtitle: "Lead Landscape Designer",
detail: "With an eye for aesthetics and functionality, Sarah crafts breathtaking landscapes that perfectly complement every pool.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg",
imageAlt: "Portrait of Sarah Lee, Lead Landscape Designer",
},
id: "member-2", title: "Sarah Lee", subtitle: "Lead Landscape Designer", detail: "With an eye for aesthetics and functionality, Sarah crafts breathtaking landscapes that perfectly complement every pool.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg", imageAlt: "Portrait of Sarah Lee, Lead Landscape Designer"},
{
id: "member-3",
title: "Michael Brown",
subtitle: "Senior Project Manager",
detail: "Michael ensures every project runs smoothly, on schedule, and within budget, delivering exceptional results.",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-men-looking-building-design_23-2148269325.jpg",
imageAlt: "Portrait of Michael Brown, Senior Project Manager",
},
id: "member-3", title: "Michael Brown", subtitle: "Senior Project Manager", detail: "Michael ensures every project runs smoothly, on schedule, and within budget, delivering exceptional results.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-men-looking-building-design_23-2148269325.jpg", imageAlt: "Portrait of Michael Brown, Senior Project Manager"},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg?_wi=2",
imageAlt: "professional male CEO smiling confident",
},
]}
title="The Experts Behind Your Outdoor Oasis"
@@ -312,47 +191,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Bri Buge",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg",
imageAlt: "Bri Buge, satisfied customer",
description: "Staycation transformed our backyard into a breathtaking oasis. The pool design is stunning, and the landscape integration is flawless. We couldn't be happier!",
},
id: "1", name: "Bri Buge", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-slim-young-female-jacket-jeans-leani_613910-16189.jpg", imageAlt: "Bri Buge, satisfied customer"},
{
id: "2",
name: "Christt DeLeon",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg",
imageAlt: "Christt DeLeon, satisfied apartment manager",
description: "The team at Staycation delivered beyond our expectations. Their professionalism and attention to detail throughout the entire pool build were outstanding. Highly recommend!",
},
id: "2", name: "Christt DeLeon", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg", imageAlt: "Christt DeLeon, satisfied apartment manager"},
{
id: "3",
name: "Sarah P.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
imageAlt: "Sarah P., homeowner",
description: "Our old pool was an eyesore, but Staycation made it new again! The renovation process was smooth, and the modern upgrades are incredible. It truly feels like a resort.",
},
id: "3", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg", imageAlt: "Sarah P., homeowner"},
{
id: "4",
name: "Mark T.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-eating-watermelon-relaxing-lying-near-swimming-pool_176420-4081.jpg",
imageAlt: "Mark T., homeowner",
description: "From the first consultation to the final splash, Staycation guided us every step of the way. Our custom pool is the highlight of our home and a source of endless family fun.",
},
id: "4", name: "Mark T.", imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4081.jpg", imageAlt: "Mark T., homeowner"},
{
id: "5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",
imageAlt: "Jessica L., homeowner",
description: "We wanted a unique, low-maintenance landscape with a beautiful plunge pool. Staycation designed and built exactly what we dreamed of, perfectly fitting our urban space.",
},
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg", imageAlt: "Jessica L., homeowner"},
{
id: "6",
name: "David R.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
imageAlt: "David R., homeowner",
description: "The craftsmanship and dedication from Staycation Pools are unmatched. Our backyard is now our favorite place to unwind. A truly exceptional experience!",
},
id: "6", name: "David R.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", imageAlt: "David R., homeowner"},
]}
cardTitle="Building Dreams, One Backyard at a Time"
cardTag="What Our Clients Say"
@@ -366,30 +215,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How long does pool construction typically take?",
content: "The duration of pool construction varies depending on complexity, size, and weather conditions, but a typical custom pool project takes approximately 8-12 weeks from excavation to completion.",
},
id: "q1", title: "How long does pool construction typically take?", content: "The duration of pool construction varies depending on complexity, size, and weather conditions, but a typical custom pool project takes approximately 8-12 weeks from excavation to completion."},
{
id: "q2",
title: "What is your custom pool design process like?",
content: "Our process begins with a consultation to understand your vision and needs. We then create 3D renderings and detailed plans, working closely with you to finalize every aspect before construction begins.",
},
id: "q2", title: "What is your custom pool design process like?", content: "Our process begins with a consultation to understand your vision and needs. We then create 3D renderings and detailed plans, working closely with you to finalize every aspect before construction begins."},
{
id: "q3",
title: "Do you offer financing options for pool projects?",
content: "Yes, we partner with reputable financing companies to offer flexible payment plans that fit your budget. Please contact us for more details and to explore your options.",
},
id: "q3", title: "Do you offer financing options for pool projects?", content: "Yes, we partner with reputable financing companies to offer flexible payment plans that fit your budget. Please contact us for more details and to explore your options."},
{
id: "q4",
title: "What kind of warranty do you provide on your work?",
content: "We stand behind the quality of our craftsmanship with comprehensive warranties on both structural components and equipment. Specific warranty details will be provided with your project proposal.",
},
id: "q4", title: "What kind of warranty do you provide on your work?", content: "We stand behind the quality of our craftsmanship with comprehensive warranties on both structural components and equipment. Specific warranty details will be provided with your project proposal."},
{
id: "q5",
title: "Do you handle all necessary permits and regulations?",
content: "Absolutely. Our team manages the entire permitting process, ensuring that your custom pool and landscape project complies with all local zoning laws and building codes.",
},
id: "q5", title: "Do you handle all necessary permits and regulations?", content: "Absolutely. Our team manages the entire permitting process, ensuring that your custom pool and landscape project complies with all local zoning laws and building codes."},
]}
title="Frequently Asked Questions"
description="Find answers to common inquiries about our custom pool and landscape services, design process, and maintenance."
@@ -402,8 +236,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Start Your Staycation Today!"
description="Ready to transform your outdoor space? Contact us for a personalized consultation and let's design your dream pool and landscape."
@@ -422,62 +255,37 @@ export default function LandingPage() {
logoText="Staycation Pools"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Pool Design",
href: "#services",
},
label: "Pool Design", href: "#services"},
{
label: "Landscape",
href: "#services",
},
label: "Landscape", href: "#services"},
{
label: "Renovations",
href: "#services",
},
label: "Renovations", href: "#services"},
{
label: "Maintenance",
href: "#",
},
label: "Maintenance", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Work",
href: "#portfolio",
},
label: "Our Work", href: "#portfolio"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Call Us: (402) 581-5027",
href: "tel:+14025815027",
},
label: "Call Us: (402) 581-5027", href: "tel:+14025815027"},
{
label: "Email: info@staycationpools.com",
href: "mailto:info@staycationpools.com",
},
label: "Email: info@staycationpools.com", href: "mailto:info@staycationpools.com"},
],
},
]}