Interactive — this is the real build running inside the page.Full screen
What it does
An independent workshop in Dora where every service is priced from the car's make, model, year and engine: oil grade and litres, filter type, plug count, brake size, tyre size and AC gas. Visitors build a job card with a time estimate, book a slot on a four-bay board that catches clashes, then follow the repair live and approve extra work from a photo. Every booking, quote, call-back and chat lands in an owner inbox.
Signature interaction
Pick make, model, year and engine and the whole service menu re-prices on rolling odometer digits: the spec plate fills with the engine code, oil grade, filter, plugs, tyres and AC gas, jobs punch onto a paper job card with a time gauge, and the booked car then drives along a pit-lane tracker that stops for your approval of extra work.
What works in it
Service menu priced by make, model, year and engine
Spec plate with engine code, oil grade and litres, filter, plugs, tyres, AC gas and battery
Rolling odometer prices and a paper job card with a time-in-bay gauge
10% off labour for 3+ jobs, plus jobs due at your mileage
Four-bay board with clash detection and nearest free slots
Booking form with Lebanese mobile validation and call or WhatsApp preference
Collect-and-return zones with flat fees on an SVG map
Live repair tracker from received to ready
Approve or decline extra work from a photo, with the new total
Owner inbox with KPIs, bay load, search, filters, sort and detail drawers
Work gallery with filters and a swipeable lightbox
Simulated WhatsApp chat, call-backs and quotes that land as leads
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
Business
Appointment Booking
A five-step booking flow for a beauty studio in Achrafieh: choose a service, a specialist and a time on a live availability grid, enter details and get a confirmation. Picking a time that overlaps an existing booking is caught instantly, with the closest free alternatives one tap away.
A shared WhatsApp Business inbox for a Beirut café team: every chat in one list with unread counts and labels, assignment to teammates, quick replies whose variables fill from the chat and its order, internal notes with @mentions, an order lookup card beside the conversation and a live 24-hour reply-window indicator. Incoming messages are simulated on the page.
An ops console for a Beirut food-delivery business with a live event stream (new orders, payments, escalated tickets, refunds, reviews), a stacked toast system and a full notification centre behind the bell: grouped by day, read/unread, filters, archive, per-category mute and do-not-disturb.
A multi-step solar-quote lead form whose questions change with the service chosen: roof, generator and appliance questions branch in and out, a budget slider shows what the money buys, files attach in place, every field validates inline, and a draft can be saved and resumed. A live lead score and a WhatsApp follow-up close the loop.