7 Commits

Author SHA1 Message Date
165efca8f4 Update theme colors 2026-06-09 12:31:44 +00:00
9e4459b10b Update src/app/page.tsx 2026-06-09 12:30:27 +00:00
a2bb84dd79 Merge version_3 into main
Merge version_3 into main
2026-06-09 12:28:33 +00:00
782822d7eb Update src/app/page.tsx 2026-06-09 12:28:26 +00:00
5042a7a511 Merge version_2 into main
Merge version_2 into main
2026-06-09 12:24:19 +00:00
d9465fd60a Update src/app/styles/variables.css 2026-06-09 12:24:16 +00:00
4bb9b355ef Update src/app/page.tsx 2026-06-09 12:24:16 +00:00
2 changed files with 54 additions and 171 deletions

View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="compact" contentWidth="compact"
sizing="largeSmallSizeLargeTitles" sizing="largeSmallSizeLargeTitles"
background="floatingGradient" background="noise"
cardStyle="layered-gradient" cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -32,35 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Doral's Ultimate Pool Cleaners" brandName="Doral's Ultimate Pool Cleaners"
button={{ button={{
text: "Get a Free Quote", text: "Get a Free Quote", href: "#contact"}}
href: "#contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -68,22 +54,17 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "downward-rays-static", variant: "downward-rays-static"}}
}}
logoText="Doral's Ultimate Pool Cleaners" logoText="Doral's Ultimate Pool Cleaners"
description="Experience the ultimate in pool care. We provide meticulous cleaning, expert maintenance, and reliable service to keep your Doral pool sparkling and inviting all year round." description="Experience the ultimate in pool care. We provide meticulous cleaning, expert maintenance, and reliable service to keep your Doral pool sparkling and inviting all year round."
buttons={[ buttons={[
{ {
text: "Schedule Service", text: "Schedule Service", href: "#contact"},
href: "#contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#services"},
href: "#services",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-hotel-swimming-pool-resort-with-umbrella-chair_1339-3999.jpg" imageSrc="http://img.b2bpic.net/free-photo/swimming-pool-with-blue-water-hotel-resort_1339-3388.jpg"
imageAlt="Sparkling clean swimming pool in Doral, Florida" imageAlt="Sparkling clean swimming pool in Doral, Florida"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -97,9 +78,7 @@ export default function LandingPage() {
tag="About Us" tag="About Us"
buttons={[ buttons={[
{ {
text: "Our Story", text: "Our Story", href: "#"},
href: "#",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg" imageSrc="http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"
imageAlt="Professional pool maintenance team working on a residential pool" imageAlt="Professional pool maintenance team working on a residential pool"
@@ -115,23 +94,11 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
features={[ features={[
{ {
title: "Weekly Pool Cleaning", title: "Weekly Pool Cleaning", description: "Comprehensive weekly cleaning to remove debris, brush surfaces, and ensure your pool remains spotless and ready for use.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-relaxing-pool_23-2147819045.jpg", imageAlt: "Pool cleaner using a net to remove leaves from a swimming pool"},
description: "Comprehensive weekly cleaning to remove debris, brush surfaces, and ensure your pool remains spotless and ready for use.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-relaxing-pool_23-2147819045.jpg",
imageAlt: "Pool cleaner using a net to remove leaves from a swimming pool",
},
{ {
title: "Chemical Balance & Testing", title: "Chemical Balance & Testing", description: "Precise chemical balancing and regular testing to maintain optimal water quality, preventing algae growth and ensuring a safe swimming environment.", imageSrc: "http://img.b2bpic.net/free-photo/dirty-brush-paint-blue-acrylic-water_23-2148801991.jpg", imageAlt: "Hand holding a pool water testing kit with chemical bottles"},
description: "Precise chemical balancing and regular testing to maintain optimal water quality, preventing algae growth and ensuring a safe swimming environment.",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-brush-paint-blue-acrylic-water_23-2148801991.jpg",
imageAlt: "Hand holding a pool water testing kit with chemical bottles",
},
{ {
title: "Equipment Inspection & Repair", title: "Equipment Inspection & Repair", description: "Routine checks and expert repairs for all your pool equipment, including pumps, filters, heaters, and automatic cleaners, to ensure peak performance.", imageSrc: "http://img.b2bpic.net/free-photo/couple-ready-jump-pool_23-2147664412.jpg", imageAlt: "Technician inspecting pool pump and filter system"},
description: "Routine checks and expert repairs for all your pool equipment, including pumps, filters, heaters, and automatic cleaners, to ensure peak performance.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-ready-jump-pool_23-2147664412.jpg",
imageAlt: "Technician inspecting pool pump and filter system",
},
]} ]}
title="Our Ultimate Pool Care Services" title="Our Ultimate Pool Care Services"
description="From routine cleaning to essential repairs, we cover every aspect of pool maintenance so you can relax and enjoy your investment." description="From routine cleaning to essential repairs, we cover every aspect of pool maintenance so you can relax and enjoy your investment."
@@ -147,34 +114,16 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "4.9", title: "Star Rating", items: [
value: "4.9", "Rated 4.9 out of 5 stars by 120+ happy customers.", "Consistent excellent service delivery.", "Your satisfaction is our priority."],
title: "Star Rating",
items: [
"Rated 4.9 out of 5 stars by 120+ happy customers.",
"Consistent excellent service delivery.",
"Your satisfaction is our priority.",
],
}, },
{ {
id: "m2", id: "m2", value: "10+", title: "Years Experience", items: [
value: "10+", "Over a decade of dedicated pool care.", "Expertise in all pool types and systems.", "Trusted by countless Doral residents.", ""],
title: "Years Experience",
items: [
"Over a decade of dedicated pool care.",
"Expertise in all pool types and systems.",
"Trusted by countless Doral residents.",
],
}, },
{ {
id: "m3", id: "m3", value: "200+", title: "Happy Customers", items: [
value: "200+", "Serving a growing community of satisfied clients.", "Building long-term relationships through quality.", "Join our family of sparkling pools."],
title: "Happy Customers",
items: [
"Serving a growing community of satisfied clients.",
"Building long-term relationships through quality.",
"Join our family of sparkling pools.",
],
}, },
]} ]}
title="Numbers That Speak for Themselves" title="Numbers That Speak for Themselves"
@@ -191,73 +140,31 @@ export default function LandingPage() {
carouselMode="auto" carouselMode="auto"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alejandro Wells", role: "Homeowner", company: "Doral Resident", rating: 5,
name: "Alejandro Wells", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", imageAlt: "Alejandro Wells, happy customer"},
role: "Homeowner",
company: "Doral Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
imageAlt: "Alejandro Wells, happy customer",
},
{ {
id: "2", id: "2", name: "James Miles", role: "Property Manager", company: "Miami Estates", rating: 5,
name: "James Miles", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-coat-with-coffee-go-happily-looking-camera-park_574295-3133.jpg", imageAlt: "James Miles, happy customer"},
role: "Property Manager",
company: "Miami Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-coat-with-coffee-go-happily-looking-camera-park_574295-3133.jpg",
imageAlt: "James Miles, happy customer",
},
{ {
id: "3", id: "3", name: "Eduardo Mccall", role: "Private Client", company: "Doral Homeowner", rating: 5,
name: "Eduardo Mccall", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-laughing_23-2148911862.jpg", imageAlt: "Eduardo Mccall, happy customer"},
role: "Private Client",
company: "Doral Homeowner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-laughing_23-2148911862.jpg",
imageAlt: "Eduardo Mccall, happy customer",
},
{ {
id: "4", id: "4", name: "Sarah Chen", role: "Residential Client", company: "The Lakes Community", rating: 5,
name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588747.jpg", imageAlt: "Sarah Chen, happy customer"},
role: "Residential Client",
company: "The Lakes Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588747.jpg",
imageAlt: "Sarah Chen, happy customer",
},
{ {
id: "5", id: "5", name: "Michael Lee", role: "Commercial Property Owner", company: "Luxury Rentals Inc.", rating: 5,
name: "Michael Lee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153813.jpg", imageAlt: "Michael Lee, happy customer"},
role: "Commercial Property Owner",
company: "Luxury Rentals Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153813.jpg",
imageAlt: "Michael Lee, happy customer",
},
{ {
id: "6", id: "6", name: "Emily White", role: "Homeowner", company: "Doral Gardens", rating: 5,
name: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31490.jpg", imageAlt: "Emily White, happy customer"},
role: "Homeowner",
company: "Doral Gardens",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31490.jpg",
imageAlt: "Emily White, happy customer",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "100%", value: "100%", label: "Satisfaction"},
label: "Satisfaction",
},
{ {
value: "5 Stars", value: "5 Stars", label: "Average Rating"},
label: "Average Rating",
},
{ {
value: "Pristine", value: "Pristine", label: "Pools Daily"},
label: "Pools Daily",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Our dedication to sparkling pools and excellent service has earned us the trust and praise of the Doral community." description="Our dedication to sparkling pools and excellent service has earned us the trust and praise of the Doral community."
@@ -269,14 +176,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Doral Community Homes", "Doral Community Homes", "Luxury Real Estate Group", "Florida Property Management", "South Florida Hotels", "Residential Pool Owners", "Local HOAs", "Miami Resorts"]}
"Luxury Real Estate Group",
"Florida Property Management",
"South Florida Hotels",
"Residential Pool Owners",
"Local HOAs",
"Miami Resorts",
]}
title="Trusted by Homeowners & Businesses Alike" title="Trusted by Homeowners & Businesses Alike"
description="We are proud to be the preferred pool care provider for numerous clients across Doral and surrounding areas." description="We are proud to be the preferred pool care provider for numerous clients across Doral and surrounding areas."
tag="Our Community" tag="Our Community"
@@ -290,25 +190,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "How often should my pool be cleaned?", content: "For optimal cleanliness and chemical balance, we recommend weekly pool cleaning and maintenance, especially in the Doral climate."},
title: "How often should my pool be cleaned?",
content: "For optimal cleanliness and chemical balance, we recommend weekly pool cleaning and maintenance, especially in the Doral climate.",
},
{ {
id: "faq2", id: "faq2", title: "What does your full-service cleaning include?", content: "Our full-service includes skimming, brushing, vacuuming, chemical testing and balancing, filter inspection, and equipment checks."},
title: "What does your full-service cleaning include?",
content: "Our full-service includes skimming, brushing, vacuuming, chemical testing and balancing, filter inspection, and equipment checks.",
},
{ {
id: "faq3", id: "faq3", title: "Do you offer emergency repairs?", content: "Yes, we provide prompt repair services for common pool equipment issues, ensuring minimal downtime for your pool. Contact us for urgent needs."},
title: "Do you offer emergency repairs?",
content: "Yes, we provide prompt repair services for common pool equipment issues, ensuring minimal downtime for your pool. Contact us for urgent needs.",
},
{ {
id: "faq4", id: "faq4", title: "Are your technicians certified?", content: "Absolutely. All our technicians are highly trained, certified, and experienced in the latest pool maintenance and repair techniques."},
title: "Are your technicians certified?",
content: "Absolutely. All our technicians are highly trained, certified, and experienced in the latest pool maintenance and repair techniques.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/expectant-mother-sunglasses-having-happy-smile-while-relaxing-swimming-pool-her-legs-dangling-underwater-refreshing-herself-hot-summer-day_273609-1451.jpg" imageSrc="http://img.b2bpic.net/free-photo/expectant-mother-sunglasses-having-happy-smile-while-relaxing-swimming-pool-her-legs-dangling-underwater-refreshing-herself-hot-summer-day_273609-1451.jpg"
imageAlt="Happy pool owner relaxing by a perfectly clean swimming pool" imageAlt="Happy pool owner relaxing by a perfectly clean swimming pool"
@@ -325,8 +213,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "downward-rays-static", variant: "downward-rays-static"}}
}}
tag="Contact Us" tag="Contact Us"
title="Ready for a Sparkling Pool?" title="Ready for a Sparkling Pool?"
description="Get in touch with Doral's Ultimate Pool Cleaners today for a free quote or to schedule your next service. We're here to make your pool shine!" description="Get in touch with Doral's Ultimate Pool Cleaners today for a free quote or to schedule your next service. We're here to make your pool shine!"
@@ -339,16 +226,12 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Doral's Ultimate Pool Cleaners" logoText="Doral's Ultimate Pool Cleaners"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f4f0; --background: #f5faff;
--card: #ffffff; --card: #ffffff;
--foreground: #1a1a1a; --foreground: #001122;
--primary-cta: #2c2c2c; --primary-cta: #15479c;
--primary-cta-text: #f5f4f0; --primary-cta-text: #f5faff;
--secondary-cta: #f5f4f0; --secondary-cta: #ffffff;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #001122;
--accent: #8a8a8a; --accent: #a8cce8;
--background-accent: #e8e6e1; --background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);