Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -30,131 +30,51 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sunny Blue"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
title="Crystal Clear Water. Every Single Time."
|
||||
description="Sunny Blue Pool Cleaning delivers luxury-grade maintenance, expert repairs, and white-glove service. Experience the peace of mind your backyard oasis deserves."
|
||||
variant: "downward-rays-animated"}}
|
||||
title="Experience Perfection in Every Pool."
|
||||
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."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=1",
|
||||
imageAlt: "Luxurious pool water view 1",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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=2", imageAlt: "Crystal clear water detail" },
|
||||
{ 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" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-7270.jpg?_wi=6",
|
||||
imageAlt: "Luxurious pool water view 6",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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=7", imageAlt: "Luxury resort-style pool" },
|
||||
{ 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" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service",
|
||||
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",
|
||||
},
|
||||
text: "Get Started Today", href: "#contact"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Crystal Clear Guarantee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prompt Scheduling",
|
||||
},
|
||||
{ type: "text", text: "Professional Maintenance" },
|
||||
{ type: "text", text: "Equipment Repair Specialists" },
|
||||
{ type: "text", text: "Water Clarity Guaranteed" },
|
||||
{ type: "text", text: "Eco-Friendly Solutions" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,54 +86,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Routine Cleaning",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Expert Repairs",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Acid Wash",
|
||||
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: "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"},
|
||||
{
|
||||
title: "New Construction",
|
||||
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: "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"},
|
||||
{
|
||||
title: "Remodeling",
|
||||
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: "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"},
|
||||
]}
|
||||
title="Comprehensive Pool Care"
|
||||
description="We treat your backyard like our own. From routine cleaning to complex repairs, we ensure perfection."
|
||||
title="Expert Pool Care Solutions"
|
||||
description="Our team delivers professional-grade care, ensuring every aspect of your pool system functions at peak performance all season long."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Meet Douglas"
|
||||
title="Honest, Punctual, Reliable"
|
||||
description="I started Sunny Blue with a simple philosophy: pool cleaning shouldn't be a source of stress."
|
||||
subdescription="Whether it's a minor chemical adjustment or a major repair, you'll know exactly what's happening."
|
||||
tag="Our Commitment"
|
||||
title="Quality You Can Trust"
|
||||
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="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"
|
||||
mediaAnimation="slide-up"
|
||||
icon={ShieldCheck}
|
||||
@@ -226,63 +122,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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: "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"},
|
||||
{
|
||||
id: "2",
|
||||
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: "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"},
|
||||
{
|
||||
id: "3",
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -290,18 +137,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to transform your pool? Call or text today."
|
||||
variant: "gradient-bars"}}
|
||||
text="Let's keep your pool perfect. Reach out today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15550123456"},
|
||||
{
|
||||
text: "Send a Text",
|
||||
href: "sms:+15550123456",
|
||||
},
|
||||
text: "Text for Quick Quote", href: "sms:+15550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,34 +153,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Service Area",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Client Testimonials", href: "#reviews" },
|
||||
{ label: "Service Areas", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user