Merge version_1 into main #2
418
src/app/page.tsx
418
src/app/page.tsx
@@ -26,285 +26,157 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Exterior Cleaning STL"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Exterior Cleaning STL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fast Exterior Cleaning Services in St. Louis — Book Online Today!"
|
||||
description="Restore your home's curb appeal in minutes. Professional, reliable, and same-day service available for busy homeowners in STL."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3145550199",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg?_wi=1",
|
||||
imageAlt: "House exterior cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1",
|
||||
imageAlt: "Roof cleaning service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg?_wi=1",
|
||||
imageAlt: "Driveway power washing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg?_wi=2",
|
||||
imageAlt: "Professional cleaning equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2",
|
||||
imageAlt: "Expert cleaner on roof",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Fast Exterior Cleaning Services in St. Louis — Book Online Today!"
|
||||
description="Restore your home's curb appeal in minutes. Professional, reliable, and same-day service available for busy homeowners in STL."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now", href: "tel:3145550199"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg", imageAlt: "House exterior cleaning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Roof cleaning service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg", imageAlt: "Driveway power washing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg", imageAlt: "Professional cleaning equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Expert cleaner on roof"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pressure Washing",
|
||||
description: "Safe, high-pressure cleaning for siding, patios, and decks to remove grime and stains.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg?_wi=3",
|
||||
imageAlt: "pressure washing house exterior",
|
||||
},
|
||||
{
|
||||
title: "Roof Cleaning",
|
||||
description: "Gentle, non-abrasive cleaning methods to remove moss, algae, and dark stains from your roof.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=3",
|
||||
imageAlt: "roof cleaning service residential",
|
||||
},
|
||||
{
|
||||
title: "Driveway Cleaning",
|
||||
description: "Power wash away years of oil, dirt, and concrete discoloration for a fresh finish.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg?_wi=2",
|
||||
imageAlt: "driveway pressure cleaning",
|
||||
},
|
||||
{
|
||||
title: "Gutter Cleaning",
|
||||
description: "Debris removal and system check to ensure your home's water drainage works perfectly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6n12a4",
|
||||
imageAlt: "pressure washing icon",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in making your property look brand new with our safe and effective cleaning solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pressure Washing", description: "Safe, high-pressure cleaning for siding, patios, and decks to remove grime and stains.", bentoComponent: "reveal-icon", icon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Roof Cleaning", description: "Gentle, non-abrasive cleaning methods to remove moss, algae, and dark stains from your roof.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Driveway Cleaning", description: "Power wash away years of oil, dirt, and concrete discoloration for a fresh finish.", bentoComponent: "reveal-icon", icon: Car,
|
||||
},
|
||||
{
|
||||
title: "Gutter Cleaning", description: "Debris removal and system check to ensure your home's water drainage works perfectly.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in making your property look brand new with our safe and effective cleaning solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Webster Groves",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-walking-through-her-school-s-campus_1157-17434.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Henderson",
|
||||
role: "Homeowner",
|
||||
company: "Ladue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-nose-ring-pinkish-hair-sitting-desk-wireless-headphones-having-voice-lesson-using-webcam-video-chat-learning-online-having-excited-cheerful-look-people-technology_343059-1925.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Property Manager",
|
||||
company: "Kirkwood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park",
|
||||
role: "Homeowner",
|
||||
company: "Clayton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda White",
|
||||
role: "Homeowner",
|
||||
company: "Chesterfield",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Houses Cleaned",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Happiness Guarantee",
|
||||
},
|
||||
]}
|
||||
title="St. Louis Homeowners Trust Us"
|
||||
description="Don't take our word for it—read what our satisfied local customers have to say about our cleaning results."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Webster Groves", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-walking-through-her-school-s-campus_1157-17434.jpg"},
|
||||
{
|
||||
id: "2", name: "James Henderson", role: "Homeowner", company: "Ladue", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-nose-ring-pinkish-hair-sitting-desk-wireless-headphones-having-voice-lesson-using-webcam-video-chat-learning-online-having-excited-cheerful-look-people-technology_343059-1925.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Chen", role: "Property Manager", company: "Kirkwood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
|
||||
{
|
||||
id: "4", name: "David Park", role: "Homeowner", company: "Clayton", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
|
||||
{
|
||||
id: "5", name: "Amanda White", role: "Homeowner", company: "Chesterfield", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Houses Cleaned" },
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "100%", label: "Happiness Guarantee" },
|
||||
]}
|
||||
title="St. Louis Homeowners Trust Us"
|
||||
description="Don't take our word for it—read what our satisfied local customers have to say about our cleaning results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers to help you understand our cleaning process and service area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg?_wi=4"
|
||||
imageAlt="Professional cleaning crew working"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Are your cleaning solutions safe for my garden?",
|
||||
content: "Yes, we use environmentally friendly, biodegradable cleaning agents that are safe for plants and pets.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How often should I have my house exterior cleaned?",
|
||||
content: "For most homes in the St. Louis area, we recommend a professional exterior cleaning once every 12 to 18 months.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do I need to be home during the service?",
|
||||
content: "No, as long as we have access to a water source, we can complete your service while you are away.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Is your service insured?",
|
||||
content: "Absolutely. We are fully licensed and insured for your peace of mind and protection.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Do you offer service during winter months?",
|
||||
content: "We operate year-round, though some services are weather-dependent based on temperature and precipitation.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers to help you understand our cleaning process and service area."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520589.jpg"
|
||||
imageAlt="Professional cleaning crew working"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "faq-1", title: "Are your cleaning solutions safe for my garden?", content: "Yes, we use environmentally friendly, biodegradable cleaning agents that are safe for plants and pets." },
|
||||
{ id: "faq-2", title: "How often should I have my house exterior cleaned?", content: "For most homes in the St. Louis area, we recommend a professional exterior cleaning once every 12 to 18 months." },
|
||||
{ id: "faq-3", title: "Do I need to be home during the service?", content: "No, as long as we have access to a water source, we can complete your service while you are away." },
|
||||
{ id: "faq-4", title: "Is your service insured?", content: "Absolutely. We are fully licensed and insured for your peace of mind and protection." },
|
||||
{ id: "faq-5", title: "Do you offer service during winter months?", content: "We operate year-round, though some services are weather-dependent based on temperature and precipitation." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Get your exterior cleaning estimate in minutes. We're ready when you are."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Same-Day Service",
|
||||
href: "#contact-form",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Get your exterior cleaning estimate in minutes. We're ready when you are."
|
||||
buttons={[
|
||||
{ text: "Schedule Same-Day Service", href: "#contact-form" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Pressure Washing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roof Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Driveway Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gutter Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Exterior Cleaning STL"
|
||||
copyrightText="© 2025 Exterior Cleaning Solutions STL. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Pressure Washing", href: "#services" },
|
||||
{ label: "Roof Cleaning", href: "#services" },
|
||||
{ label: "Driveway Cleaning", href: "#services" },
|
||||
{ label: "Gutter Cleaning", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Exterior Cleaning STL"
|
||||
copyrightText="© 2025 Exterior Cleaning Solutions STL. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user