Interactive — this is the real build running inside the page.Full screen
What it does
COOLCRAFT is the website of an air-conditioning company in Beirut and Mount Lebanon. Visitors size a room in the AC Finder, which draws it live and turns size, sun, floor, people and windows into a BTU load, a unit type and monthly running costs on EDL or generator power. They then book a two-hour visit with Lebanese phone checks, and every booking, care plan, call-back and WhatsApp chat lands in the owner's leads inbox.
Signature interaction
Change a room's size, sun, floor, people or windows and the isometric drawing, BTU gauge, recommended unit and running costs update together, then book the installation with the sizing attached.
What works in it
AC Finder: BTU load from room size, sun, floor, people and windows
Live isometric room drawing with airflow, sunlight and roof heat
Unit type and size recommendation with installed price ranges
Running costs on EDL, generator, mixed or solar power, with inverter payback
Summer cooling and winter heat-pump view
Four-step booking with area visit days and free two-hour windows
Lebanese phone validation with WhatsApp or call preference
Yearly care plans by unit count, with volume discount and monthly option
Project gallery with filters and lightbox
Repair symptom checker with likely causes and price range
WhatsApp chat and call-back requests (simulated)
Owner leads inbox with status, technician, notes and live KPIs
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.
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.