Industries/ Home services
Cleaning service website components for React
Cleaning customers want a price and a date without a sales call. This set shows transparent pricing tiers, a slot picker for the first visit and a review wall that builds the trust a home visit needs.
One command for the whole set
npx shadcn@latest add @facade/hero-local-business @facade/pricing-section @facade/process-steps @facade/service-area @facade/testimonials-wall @facade/faq-section @facade/booking-slots @facade/cta-section @facade/footer-big @facade/sticky-contact-bar4 of these 10 blocks are Pro and install with a license key; the other 6 are free and MIT licensed. The @facade registry is set up once in components.json. Setup guide.
The page, block by block.
Every preview is the real block running at desktop width. Click a name to open its docs, props and source.
Two ways to open the page.
Example hero copy for cleaning services. Each one answers the question the visitor actually has.
Headline
How much and how soon?
Why it works
Transparent pricing tiers and a 14 day slot picker, with no request-a-quote wall in between.
Headline
Can I trust them in my home?
Why it works
A review wall with names and neighborhoods, plus vetted-staff and insured facts in the hero trust items.
Blocks on this page
- Hero, local businessFreeHome services hero with live rating, rotating service words and floating appointment, review and ETA cards.
- Pricing sectionProThree tier pricing with an animated monthly or yearly toggle, a dark featured plan and feature lists.
- Process stepsFreeHow it works section with a line that draws on scroll and steps that light up as you pass them.
- Service areaProZone map with numbered service areas, city and ZIP lists, and a ZIP code checker with arrival windows.
- Testimonials wallProMasonry wall of Google and Yelp style reviews with a featured quote and aggregate rating header.
- FAQ sectionFreeTwo-column FAQ with an animated accordion, contact prompt and FAQPage JSON-LD for rich results.
- Booking slotsProAppointment picker with a 14 day date strip, grouped time slots, summary and confirm callback.
- CTA sectionFreeClosing CTA panel with headline, two actions and a reassurance line. Dark on light pages, light on dark.
- Footer, bigFreeLarge local business footer with animated newsletter, link columns, NAP, hours, socials and a giant wordmark.
- Sticky contact barFreeMobile bottom bar with Call, Text, Directions and Book that hides on scroll down and returns on scroll up.
Questions about cleaning service sites
Something else? Email hello@facadeui.com.
How do I price cleaning by home size?
Use the three pricing tiers for studio, two bedroom and family home, and switch the toggle labels from monthly and yearly to one time and recurring. The tier data is a plain array.
Does the booking picker know our availability?
It renders slots from a getSlots function you provide, so you decide which times exist per day. Mark taken slots disabled and pass closed weekdays. The confirm callback receives the chosen date and time.
Can the sticky bar link to the booking section?
Yes. Set the Book action to the anchor of the booking slots section and the bar scrolls the visitor there on a phone.
Should I show the service area for a cleaning company?
Yes, because recurring routes decide which neighborhoods you accept. The zone map with ZIP lists shows it without a phone call.
Related industries
- Landscaper10 blocks: local business hero, before / after slider, image gallery lightbox
- Plumber10 blocks: local business hero, stats band, process steps
- HVAC contractor10 blocks: local business hero, announcement bar, stats band
Read the cleaning service template, section by section or see all industries.