Interactive — this is the real build running inside the page.Full screen
What it does
A lead-generating website for a Beirut painting and handyman crew. Visitors pull a colour from a paint-chip fan and a roller sweeps it across a perspective room, while the paintable area, litres, coats, days and price range update from the room size, doors and windows. Every room quote, site-visit booking, handyman task list and chat request lands in the owner's leads inbox with statuses, notes and simulated WhatsApp replies.
Signature interaction
Pull a chip from the paint fan and a roller sweeps the new colour across a perspective room while the litres, coats, days and price range recalculate for your exact walls.
What works in it
Room visualiser with real-perspective SVG rooms
Paint-chip fan with 32 colours in 4 families
Matte, satin and gloss sheen preview
Instant quote: m², litres, cans, coats, days and price range
Multi-room quote basket with undo
Hourly handyman task builder with area travel fees
Drag-to-compare before and after on projects
Filterable project gallery with lightbox
Site-visit booking with free slots and Lebanese phone validation
Owner leads inbox with KPIs, status changes and notes
Simulated WhatsApp chat that captures call-back numbers
Open-now hours, service-area map and FAQ
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 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.
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.
A job-file manager for an appliance service company in Jounieh: drag and drop several files at once, see instant previews, get a clear reason when a file is the wrong type or too large, and follow every upload with pause, resume and retry. Files can be reordered, renamed and filed into folders.