160 lines
8.3 KiB
TypeScript
160 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Mail, Phone, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Celine Crystal Cleaning"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Get Quote", id: "contact-form" },
|
|
{ name: "Call Now", id: "tel:(843) 796-6134" }
|
|
]}
|
|
bottomLeftText="Myrtle Beach, South Carolina"
|
|
bottomRightText="(843) 796-6134"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Luxury-Level Cleaning. Crystal-Clear Results."
|
|
description="Bringing over 15 years of professional cleaning experience to homes, rentals, and construction projects across Myrtle Beach."
|
|
tag="Premium Service"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg"
|
|
imageAlt="Beautifully cleaned luxury home interior"
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "contact-form" },
|
|
{ text: "Call Now", href: "tel:(843) 796-6134" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Trusted by homeowners, property managers, and builders throughout Myrtle Beach."
|
|
tag="Proven Track Record"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "15+", description: "Years of professional cleaning experience" },
|
|
{ id: "2", value: "1000+", description: "Satisfied clients and properties cleaned" },
|
|
{ id: "3", value: "100%", description: "Customer satisfaction and attention to detail" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Our Specialized Services"
|
|
description="Professional cleaning solutions tailored to your specific needs, from residential homes to commercial properties."
|
|
tag="What We Offer"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Post-Construction Cleaning", description: "Meticulous removal of dust, debris, and construction residue. We restore newly built or renovated spaces to pristine condition.", tag: "Specialization", imageSrc: "http://img.b2bpic.net/free-photo/effort-fatigue-young-adult-tired-man-protective-helmet-bright-vest-with-special-equipment-working-construction-site-against-background-new-building_259150-57671.jpg", imageAlt: "Post-construction cleaning project"
|
|
},
|
|
{
|
|
id: "2", title: "Move-In / Move-Out Cleaning", description: "Complete deep cleaning for property transitions. Detail-oriented service ensuring every corner sparkles for new residents.", tag: "Detail Work", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-house_53876-30618.jpg", imageAlt: "Move-in move-out cleaning service"
|
|
},
|
|
{
|
|
id: "3", title: "Residential Cleaning", description: "Regular and deep cleaning for your home. We handle everything from kitchen and bathrooms to floors and furnishings.", tag: "Reliability", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-female-hands-taking-gloves_259150-58123.jpg", imageAlt: "Professional residential home cleaning"
|
|
},
|
|
{
|
|
id: "4", title: "Hotel & Vacation Rental Cleaning", description: "Fast-turnaround cleaning for hospitality properties. We maintain the highest standards for guest satisfaction and property appearance.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/maid-setting-up-white-bed-sheet-hotel-room_171337-12696.jpg", imageAlt: "Hotel and vacation rental cleaning"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Celine Crystal Cleaning"
|
|
description={[
|
|
"At Celine Crystal Cleaning, we believe a truly clean space should shine. With over 15 years of professional experience, we bring meticulous attention to detail and dependable service to every home, rental property, and construction project we touch.", "We're locally trusted in Myrtle Beach, South Carolina, and pride ourselves on delivering crystal-clear results that exceed expectations. Our team is trained to handle any cleaning challenge, from delicate surfaces to stubborn grime. We're currently accepting new clients and ready to bring our shine to your space.", "Service Area: Myrtle Beach and surrounding areas. Licensed, insured, and committed to professional excellence."
|
|
]}
|
|
buttons={[
|
|
{ text: "Request a Free Estimate", href: "contact-form" }
|
|
]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCTA
|
|
tag="Ready to Book?"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
title="Ready for a Crystal-Clean Space?"
|
|
description="Let us handle the cleaning while you enjoy a spotless, sparkling home. Contact us today for a free quote or to schedule your appointment."
|
|
buttons={[
|
|
{ text: "Call (843) 796-6134", href: "tel:(843) 796-6134" },
|
|
{ text: "Request a Quote", href: "contact-form" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Contact Celine Crystal Cleaning"
|
|
description="We'd love to hear from you. Fill out the form below or call us directly to discuss your cleaning needs and receive a personalized quote."
|
|
buttons={[
|
|
{ text: "Phone: (843) 796-6134", href: "tel:(843) 796-6134" },
|
|
{ text: "Email: celinescleaningservice@gmail.com", href: "mailto:celinescleaningservice@gmail.com" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Celine Crystal Cleaning"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Bringing our shine to your space", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |