Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 654b3209a9 | |||
| 7a4d65fb29 |
276
src/app/page.tsx
276
src/app/page.tsx
@@ -30,131 +30,51 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "reviews"},
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Sunny Blue"
|
brandName="Sunny Blue"
|
||||||
button={{
|
button={{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "downward-rays-animated",
|
variant: "downward-rays-animated"}}
|
||||||
}}
|
title="Experience Perfection in Every Pool."
|
||||||
title="Crystal Clear Water. Every Single Time."
|
description="Sunny Blue delivers elite pool maintenance and repair services. From routine chemical balancing to complex equipment diagnostics, we ensure your pool remains an pristine sanctuary for you and your family."
|
||||||
description="Sunny Blue Pool Cleaning delivers luxury-grade maintenance, expert repairs, and white-glove service. Experience the peace of mind your backyard oasis deserves."
|
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=1", imageAlt: "Pristine backyard pool" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=2", imageAlt: "Crystal clear water detail" },
|
||||||
imageAlt: "Luxurious pool water view 1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=3", imageAlt: "Sunlit pool reflections" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=4", imageAlt: "Well maintained pool edge" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=5", imageAlt: "Blue water oasis" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=2",
|
|
||||||
imageAlt: "Luxurious pool water view 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=3",
|
|
||||||
imageAlt: "Luxurious pool water view 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=4",
|
|
||||||
imageAlt: "Luxurious pool water view 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=5",
|
|
||||||
imageAlt: "Luxurious pool water view 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=6", imageAlt: "Serene pool view" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=6",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=7", imageAlt: "Luxury resort-style pool" },
|
||||||
imageAlt: "Luxurious pool water view 6",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=8", imageAlt: "Pool maintenance equipment" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=9", imageAlt: "Relaxing backyard pool" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=10", imageAlt: "Bright pool atmosphere" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=7",
|
|
||||||
imageAlt: "Luxurious pool water view 7",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=8",
|
|
||||||
imageAlt: "Luxurious pool water view 8",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=9",
|
|
||||||
imageAlt: "Luxurious pool water view 9",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=10",
|
|
||||||
imageAlt: "Luxurious pool water view 10",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Your Service",
|
text: "Get Started Today", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/thumbs-girl-up-from-chic-spa-pool-positive-pool-vibe_169016-69382.jpg",
|
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg",
|
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3064.jpg",
|
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-caucasian-female-pensioner-walking-sunny-hot-day-wearing-round-pink-sunglasses-her-head-looking-camera-with-happy-smile_343059-2001.jpg",
|
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ local homeowners"
|
avatarText="Trusted by 500+ local homeowners"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Professional Maintenance" },
|
||||||
type: "text",
|
{ type: "text", text: "Equipment Repair Specialists" },
|
||||||
text: "Crystal Clear Guarantee",
|
{ type: "text", text: "Water Clarity Guaranteed" },
|
||||||
},
|
{ type: "text", text: "Eco-Friendly Solutions" },
|
||||||
{
|
{ type: "text", text: "Licensed & Insured" },
|
||||||
type: "text",
|
|
||||||
text: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Locally Owned",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Eco-Friendly Tech",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Prompt Scheduling",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -166,54 +86,30 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Routine Cleaning",
|
title: "Weekly Maintenance", description: "Comprehensive chemical testing, debris removal, and filter management for sparkling clean water.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=1", imageAlt: "Pool service technician"},
|
||||||
description: "Weekly skimming, scrubbing, and chemical balancing.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=1",
|
|
||||||
imageAlt: "Pool cleaning",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Expert Repairs",
|
title: "Equipment Repairs", description: "Fast, reliable repair and replacement for pumps, motors, and automation systems.", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=1", imageAlt: "Pool equipment repair"},
|
||||||
description: "Professional fixes for pumps and motors.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=1",
|
|
||||||
imageAlt: "Pool repair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Leak Detection",
|
title: "Advanced Diagnostics", description: "Pinpoint leaks and system inefficiencies before they become costly repairs.", imageSrc: "http://img.b2bpic.net/free-photo/man-legs-entering-water-swimming-pool_23-2148326828.jpg?_wi=1", imageAlt: "Diagnostic service"},
|
||||||
description: "Diagnostic tools to stop leaks fast.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-legs-entering-water-swimming-pool_23-2148326828.jpg?_wi=1",
|
|
||||||
imageAlt: "Leak detection",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Acid Wash",
|
title: "Deep Restoration", description: "Professional acid washing and tile cleaning to breathe new life into your pool surface.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=2", imageAlt: "Deep cleaning service"},
|
||||||
description: "Revitalize your pool plaster.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=2",
|
|
||||||
imageAlt: "Acid wash service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "New Construction",
|
title: "Custom Renovations", description: "Modernize your backyard with updated tiles, plaster, and decorative features.", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=2", imageAlt: "Renovation project"},
|
||||||
description: "Expert guidance for new pools.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=2",
|
|
||||||
imageAlt: "New construction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Remodeling",
|
title: "Smart Automation", description: "Control your pool temperature, lighting, and sanitization from your smartphone.", imageSrc: "http://img.b2bpic.net/free-photo/man-legs-entering-water-swimming-pool_23-2148326828.jpg?_wi=2", imageAlt: "Automation service"},
|
||||||
description: "Custom tile and finish upgrades.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-legs-entering-water-swimming-pool_23-2148326828.jpg?_wi=2",
|
|
||||||
imageAlt: "Pool remodeling",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Pool Care"
|
title="Expert Pool Care Solutions"
|
||||||
description="We treat your backyard like our own. From routine cleaning to complex repairs, we ensure perfection."
|
description="Our team delivers professional-grade care, ensuring every aspect of your pool system functions at peak performance all season long."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="Meet Douglas"
|
tag="Our Commitment"
|
||||||
title="Honest, Punctual, Reliable"
|
title="Quality You Can Trust"
|
||||||
description="I started Sunny Blue with a simple philosophy: pool cleaning shouldn't be a source of stress."
|
description="At Sunny Blue, we treat every customer's backyard oasis with the highest standard of care. Our mission is to handle the technical complexities so you can simply relax and enjoy your pool time."
|
||||||
subdescription="Whether it's a minor chemical adjustment or a major repair, you'll know exactly what's happening."
|
subdescription="We provide transparent communication and dependable service, so you are always informed about your pool's health and maintenance status."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/barber-man-apron-with-towel-around-neck-lookign-camera-smiling-confident-standing-orange-background_141793-67197.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/barber-man-apron-with-towel-around-neck-lookign-camera-smiling-confident-standing-orange-background_141793-67197.jpg?_wi=1"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
icon={ShieldCheck}
|
icon={ShieldCheck}
|
||||||
@@ -226,63 +122,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah Miller", date: "2023-10-12", title: "Absolutely flawless service!", quote: "Sunny Blue transformed our neglected pool into a crystal-clear heaven. Punctual, professional, and thorough every time.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/thumbs-girl-up-from-chic-spa-pool-positive-pool-vibe_169016-69382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=11", imageAlt: "Satisfied client view"},
|
||||||
name: "Sarah Miller",
|
|
||||||
date: "2023-10-12",
|
|
||||||
title: "Always on time!",
|
|
||||||
quote: "Douglas is the best!",
|
|
||||||
tag: "5 stars",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/thumbs-girl-up-from-chic-spa-pool-positive-pool-vibe_169016-69382.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=11",
|
|
||||||
imageAlt: "luxury swimming pool crystal clear water",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "James Anderson", date: "2023-09-28", title: "Highly professional and knowledgeable", quote: "Excellent communication about maintenance schedule and repair needs. Highly recommend to any homeowner.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-towel-around-neck-lookign-camera-smiling-confident-standing-orange-background_141793-67197.jpg?_wi=2", imageAlt: "Service excellence"},
|
||||||
name: "James Anderson",
|
|
||||||
date: "2023-09-28",
|
|
||||||
title: "Highly professional",
|
|
||||||
quote: "Very clean work.",
|
|
||||||
tag: "5 stars",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-towel-around-neck-lookign-camera-smiling-confident-standing-orange-background_141793-67197.jpg?_wi=2",
|
|
||||||
imageAlt: "friendly pool cleaner professional portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily Chen", date: "2023-08-15", title: "Saved our pool season", quote: "Quick response time and a fair assessment. Fixed our pump issue efficiently and educated us on better maintenance habits.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3064.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=3", imageAlt: "Efficient repair feedback"},
|
||||||
name: "Emily Chen",
|
|
||||||
date: "2023-08-15",
|
|
||||||
title: "Expert care",
|
|
||||||
quote: "Fixed a pump issue.",
|
|
||||||
tag: "5 stars",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3064.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-focusing-with-his-fingers_1368-767.jpg?_wi=3",
|
|
||||||
imageAlt: "swimming pool cleaning service",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Mark Wilson",
|
|
||||||
date: "2023-07-20",
|
|
||||||
title: "Best in town",
|
|
||||||
quote: "Honest and fair.",
|
|
||||||
tag: "5 stars",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-caucasian-female-pensioner-walking-sunny-hot-day-wearing-round-pink-sunglasses-her-head-looking-camera-with-happy-smile_343059-2001.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=3",
|
|
||||||
imageAlt: "pool pump repair professional",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jessica Lee",
|
|
||||||
date: "2023-06-05",
|
|
||||||
title: "Total peace of mind",
|
|
||||||
quote: "Reliable service.",
|
|
||||||
tag: "5 stars",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-legs-entering-water-swimming-pool_23-2148326828.jpg?_wi=3",
|
|
||||||
imageAlt: "pool leak detection professional",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Don't take our word for it—join hundreds of satisfied homeowners."
|
description="Discover why hundreds of neighbors trust us with their backyard retreat. We take pride in our service, and it shows."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -290,18 +137,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
text="Let's keep your pool perfect. Reach out today for a consultation."
|
||||||
text="Ready to transform your pool? Call or text today."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Us", href: "tel:+15550123456"},
|
||||||
href: "tel:+15550123456",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Send a Text",
|
text: "Text for Quick Quote", href: "sms:+15550123456"},
|
||||||
href: "sms:+15550123456",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -311,34 +153,16 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Services", href: "#services" },
|
||||||
label: "Services",
|
{ label: "About Us", href: "#about" },
|
||||||
href: "#services",
|
{ label: "Contact Support", href: "#contact" },
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Client Testimonials", href: "#reviews" },
|
||||||
label: "Google Reviews",
|
{ label: "Service Areas", href: "#" },
|
||||||
href: "#reviews",
|
{ label: "Terms of Service", href: "#" },
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Service Area",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user