Merge version_2 into main #1
205
src/app/page.tsx
205
src/app/page.tsx
@@ -32,35 +32,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
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="Doral's Ultimate Pool Cleaners"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -68,19 +54,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-hotel-swimming-pool-resort-with-umbrella-chair_1339-3999.jpg"
|
||||
@@ -97,9 +78,7 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"
|
||||
imageAlt="Professional pool maintenance team working on a residential pool"
|
||||
@@ -115,23 +94,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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."
|
||||
@@ -147,34 +114,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
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: "m1", value: "4.9", 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",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Over a decade of dedicated pool care.",
|
||||
"Expertise in all pool types and systems.",
|
||||
"Trusted by countless Doral residents.",
|
||||
],
|
||||
id: "m2", value: "10+", 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",
|
||||
value: "200+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Serving a growing community of satisfied clients.",
|
||||
"Building long-term relationships through quality.",
|
||||
"Join our family of sparkling pools.",
|
||||
],
|
||||
id: "m3", value: "200+", 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"
|
||||
@@ -191,73 +140,31 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alejandro Wells",
|
||||
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: "1", name: "Alejandro Wells", 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",
|
||||
name: "James Miles",
|
||||
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: "2", name: "James Miles", 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",
|
||||
name: "Eduardo Mccall",
|
||||
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: "3", name: "Eduardo Mccall", 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",
|
||||
name: "Sarah Chen",
|
||||
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: "4", name: "Sarah Chen", 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",
|
||||
name: "Michael Lee",
|
||||
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: "5", name: "Michael Lee", 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",
|
||||
name: "Emily White",
|
||||
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",
|
||||
},
|
||||
id: "6", name: "Emily White", 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={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "5 Stars",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5 Stars", label: "Average Rating"},
|
||||
{
|
||||
value: "Pristine",
|
||||
label: "Pools Daily",
|
||||
},
|
||||
value: "Pristine", label: "Pools Daily"},
|
||||
]}
|
||||
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."
|
||||
@@ -269,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Doral Community Homes",
|
||||
"Luxury Real Estate Group",
|
||||
"Florida Property Management",
|
||||
"South Florida Hotels",
|
||||
"Residential Pool Owners",
|
||||
"Local HOAs",
|
||||
"Miami Resorts",
|
||||
]}
|
||||
"Doral Community Homes", "Luxury Real Estate Group", "Florida Property Management", "South Florida Hotels", "Residential Pool Owners", "Local HOAs", "Miami Resorts"]}
|
||||
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."
|
||||
tag="Our Community"
|
||||
@@ -290,25 +190,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
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"
|
||||
@@ -325,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Contact Us"
|
||||
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!"
|
||||
@@ -339,16 +226,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Doral's Ultimate Pool Cleaners"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--secondary-cta: #f5f4f0;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #8a8a8a;
|
||||
--background-accent: #e8e6e1;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user