Clario Cleaning
A trilingual website for a fictional Belgian commercial cleaning company, with clear service pages, a six-step quote estimator and a demonstration calendar for booking an on-site assessment.
- Category
- Commercial cleaning
- Languages
- EN · NL · FR
- Built with
- Astro, TypeScript, Tailwind CSS

The idea
A commercial cleaning website with a six-step quote estimator.
Clario Cleaning is an imagined cleaning company for offices, shops and hospitality spaces across Belgium — calm, precise and built around written standards.
Visitors explore four services, compare a room before and after with an interactive slider, build an illustrative estimate in six steps or pick a date for a site assessment. The quote and booking tools are demonstrations: they show the experience without sending anything.
What works in the demo
- A six-step quote estimator that validates input and builds an illustrative estimate in the browser (simulated — no request is sent)
- An assessment calendar with full keyboard navigation (simulated — no appointment is booked)
- A keyboard-accessible before-and-after comparison slider
- English, Dutch and French throughout
- Fast, accessible pages with reduced-motion support — no trackers and no cookies
DemoWhat is simulated or fictional
- The company, its team, its story and its service area
- All prices are sample figures, not market quotations
- Testimonials and statistics are clearly labelled sample content
- The quote wizard, booking calendar and contact form are simulated: nothing is submitted, stored or emailed
Inside the website



Try it yourself
The demo is live. Open it in a new tab, click around and test the booking flow — on desktop or on your phone.
Next case study
La Belle Belgique

Want something like this for your business?
Free, 30 minutes, online. Tell me about your business — I will tell you honestly how I can help.