337 lines
18 KiB
TypeScript
337 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Building, ShieldCheck, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Book via WhatsApp", href: "https://wa.me/27625242013"}}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzHDC5WaWMQAoCk5qyglLX37Pw/uploaded-1781177267100-jzyix8m9.png"
|
|
logoAlt="ProCleaners Logo"
|
|
brandName="ProCleaners"
|
|
logoImageClassName="h-12 w-auto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Spotless Results Guaranteed"
|
|
description="Expert residential and commercial cleaning with 100% stain and odour removal—book your appointment instantly via WhatsApp."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg", imageAlt: "Sparkling clean living room"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-playing-beer-pong-together-party_23-2149431342.jpg", imageAlt: "Clean kitchen counter"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dirt-have-no-chances-survive-cropped-portrait-woman-maid-uniform-cleaning-floor-with-vacuum-cleaner-working-house-her-employer-wiping-all-dirt-mess-they-left-after-party_176420-14590.jpg", imageAlt: "Vacuumed carpet"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-window-side-view_23-2149535103.jpg", imageAlt: "Clean patio furniture"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-near-stack-boxes_23-2147758887.jpg", imageAlt: "Residential kitchen deep clean"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg", imageAlt: "Residential carpet stain removal"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg", imageAlt: "Clean modern office space"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-7874.jpg", imageAlt: "Clean retail store"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-disinfecting-class_23-2148672235.jpg", imageAlt: "Commercial carpet cleaning"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-face-protection-cleaning-tables_23-2148645174.jpg", imageAlt: "Commercial floor waxing"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-mirror_23-2148506331.jpg", imageAlt: "Sanitized medical office"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-businessman-holding-document_23-2147626387.jpg", imageAlt: "Commercial stain removal"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Book via WhatsApp", href: "https://wa.me/27625242013"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-cleaning_23-2148480376.jpg", alt: "Satisfied client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", alt: "Happy homeowner"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Professional client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg", alt: "Business partner"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-mature-woman_1398-121.jpg", alt: "Community member"},
|
|
]}
|
|
avatarText="Trusted by 500+ satisfied clients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Eco-friendly Products"},
|
|
{
|
|
type: "text", text: "Vetted Professionals"},
|
|
{
|
|
type: "text", text: "10+ Years Experience"},
|
|
{
|
|
type: "text", text: "100% Satisfaction Guarantee"},
|
|
{
|
|
type: "text", text: "Instant WhatsApp Booking"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Committed to Excellence in Every Clean"
|
|
description="With years of dedicated service, ProCleaners delivers unparalleled cleaning solutions for homes and businesses. Our vetted professionals ensure every space is pristine, using eco-friendly products and advanced techniques for a healthier environment."
|
|
metrics={[
|
|
{
|
|
value: "10+", title: "Years Experience"},
|
|
{
|
|
value: "500+", title: "Happy Clients"},
|
|
{
|
|
value: "1200+", title: "Projects Completed"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-cleaning-office_23-2150454494.jpg"
|
|
imageAlt="Professional cleaning team smiling"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Carpet & Rug Cleaning", description: "Deep steam cleaning and advanced techniques for stain and odour removal, restoring carpets to their original pristine condition.", imageSrc: "http://img.b2bpic.net/free-photo/chambermaid-preparing-hotel-room_23-2148095226.jpg", imageAlt: "Professional carpet cleaning"},
|
|
{
|
|
title: "Upholstery & Couch Cleaning", description: "Gentle yet effective cleaning for all fabric types, removing dirt, allergens, and revitalizing your furniture's appearance.", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-floor-lamp_1203-444.jpg", imageAlt: "Expert couch cleaning"},
|
|
{
|
|
title: "Residential Deep Cleaning", description: "Thorough top-to-bottom cleaning of homes, focusing on sanitization, dust removal, and spotless finishes for every room.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-indoors_23-2150454569.jpg", imageAlt: "Residential deep cleaning"},
|
|
{
|
|
title: "Commercial Office Cleaning", description: "Tailored cleaning schedules for businesses, ensuring a hygienic and professional workspace for employees and clients.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343033.jpg", imageAlt: "Commercial office cleaning"},
|
|
{
|
|
title: "Move-In/Move-Out Cleaning", description: "Comprehensive cleaning services for properties transitioning between tenants, guaranteeing immaculate conditions for new occupants.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574067.jpg", imageAlt: "Move-in/Move-out cleaning"},
|
|
{
|
|
title: "Post-Construction Cleaning", description: "Specialized removal of dust, debris, and marks after construction or renovation, preparing the space for immediate occupancy.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-looking-through-window-while-cleaning_23-2148456990.jpg", imageAlt: "Post-construction cleanup"},
|
|
]}
|
|
title="Our Specialized Cleaning Services"
|
|
description="From deep carpet stains to post-construction debris, our comprehensive services are designed to meet every cleaning challenge with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "residential-deep", badge: "Home Best Seller", badgeIcon: Sparkles,
|
|
price: "Starting at $249", subtitle: "Perfect for a spotless home refresh", buttons: [
|
|
{
|
|
text: "Book Residential", href: "https://wa.me/27625242013"},
|
|
],
|
|
features: [
|
|
"Full Home Sanitization", "Kitchen & Bathroom Deep Clean", "Vacuum & Mopping", "Window Interior Cleaning"],
|
|
},
|
|
{
|
|
id: "commercial-standard", badge: "Business Choice", badgeIcon: Building,
|
|
price: "Custom Quote", subtitle: "Ideal for regular office maintenance", buttons: [
|
|
{
|
|
text: "Get Commercial Quote", href: "https://wa.me/27625242013"},
|
|
],
|
|
features: [
|
|
"Office Area Cleaning", "Restroom Sanitization", "Trash Removal", "Floor Care & Dusting"],
|
|
},
|
|
{
|
|
id: "specialized-property", badge: "Real Estate Pro", badgeIcon: ShieldCheck,
|
|
price: "Project-Based", subtitle: "Guaranteed results for turnovers & post-construction", buttons: [
|
|
{
|
|
text: "Request Consultation", href: "https://wa.me/27625242013"},
|
|
],
|
|
features: [
|
|
"Dust & Debris Removal", "Surface Polishing", "Window Cleaning (Int/Ext)", "Final Inspection & Documentation"],
|
|
},
|
|
]}
|
|
title="Transparent Pricing for Every Need"
|
|
description="Choose from our flexible cleaning packages designed for residential, commercial, and specialized property cleaning. Get a clear quote with no hidden fees."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Residential Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg", imageAlt: "Sarah Johnson, Homeowner"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Property Manager", company: "Urban Developments", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-businessman-talking-mobile-phone-against-sky_23-2147956329.jpg", imageAlt: "Michael Chen, Property Manager"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Real Estate Agent", company: "Elite Estates", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageAlt: "Emily Rodriguez, Real Estate Agent"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Office Manager", company: "Tech Innovations Inc.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg", imageAlt: "David Kim, Office Manager"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Residential Client", company: "Homeowner", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glad-brunette-young-woman-smiles-happily-keeps-thumbs-up-shows-approval-sign-satisfied-with-service-good-feedback-says-its-excellent-dressed-casual-pink-t-shirt-isolated-white-background_273609-61011.jpg", imageAlt: "Jessica Lee, Homeowner"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "98%", label: "Client Satisfaction"},
|
|
{
|
|
value: "99%", label: "On-Time Service"},
|
|
{
|
|
value: "5-Star", label: "Professionalism Rating"},
|
|
]}
|
|
title="Our Clients Speak for Themselves"
|
|
description="Hear from satisfied homeowners, property managers, and real estate professionals who trust ProCleaners for their spotless results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Premier Properties", "Urban Developments", "Elite Estates", "Metro Management", "Green Spaces Inc.", "Landmark Realty", "Pinnacle Homes"]}
|
|
title="Trusted by Leading Property Managers & Businesses"
|
|
description="Our commitment to excellence has made us the preferred cleaning partner for a diverse portfolio of clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How do I book a cleaning service?", content: "Booking is easy! You can instantly book via WhatsApp using the button on our site, or fill out our contact form for a personalized quote."},
|
|
{
|
|
id: "faq-2", title: "What kind of guarantee do you offer?", content: "We offer a 100% stain and odour removal guarantee for carpet and couch cleaning, and ensure complete satisfaction for all our services."},
|
|
{
|
|
id: "faq-3", title: "Are your staff vetted and insured?", content: "Absolutely. All ProCleaners staff are thoroughly vetted, professionally trained, and fully insured for your peace of mind and protection."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our services, booking process, and guarantees."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get a Quote"
|
|
title="Ready for a Spotless Space?"
|
|
description="Contact ProCleaners today for a free consultation or book your service instantly via WhatsApp. Our team is ready to transform your property."
|
|
imageSrc="http://img.b2bpic.net/free-photo/watching-tv-night_1098-19432.jpg"
|
|
imageAlt="Clean modern home interior"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your WhatsApp Number"
|
|
buttonText="Send via WhatsApp"
|
|
termsText="By sending a message, you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzHDC5WaWMQAoCk5qyglLX37Pw/uploaded-1781177267100-jzyix8m9.png"
|
|
logoAlt="ProCleaners Logo"
|
|
logoText="ProCleaners"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Residential Cleaning", href: "#services"},
|
|
{
|
|
label: "Commercial Cleaning", href: "#services"},
|
|
{
|
|
label: "Carpet & Upholstery", href: "#services"},
|
|
{
|
|
label: "Post-Construction", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ProCleaners. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |