Interactive — this is the real build running inside the page.Full screen
What it does
A blush-and-champagne site for a Beirut wedding and events planner. Its package builder prices the occasion, guests, venue, décor, mezze, music, zaffe and photography from a real price book and stacks each share of the budget as a tier of a sugar-rose cake, with per-guest cost, a budget meter and one-tap trims. A day planner turns the package into a draggable timeline checked against sunset and the 2 am curfew, and the inquiry calendar checks availability before every lead lands in the studio's own inbox.
Signature interaction
Every choice drops onto a sugar-rose wedding cake as a tier sized by its share of the budget, with leader-line labels, a live total and the price per guest beside it.
What works in it
Package builder that stacks the budget as a tiered cake
Live total, per-guest cost and ±8% range from a real price book
Budget meter with one-tap trims, or upgrades that still fit
Venue capacity warnings and travel fees by region on a Lebanon map
Ledger view showing every line and how it was priced
Up to three saved versions to compare and restore
Drag-to-reorder day planner checked against sunset and the 2 am curfew
Availability calendar that offers the nearest open dates
Inquiry form with Lebanese phone checks and call or WhatsApp preference
Studio inbox with KPIs, status funnel, notes and activity log
Work gallery with filters and a lightbox that starts a package
Simulated WhatsApp chat that books tastings into the inbox
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
Business
Smart Forms
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.
Find a time that works for a five-person team split across Beirut, Dubai and London. A week heatmap shows how many people are free in every half hour, ranked suggestions explain their score, and booking re-checks each calendar before any invite goes out.
Prepare a two-page service agreement, drag signature, initials, date, name, text and checkbox fields onto the pages and send it for signature. The signer adopts a signature by drawing it with a finger, stylus or mouse or by typing it in a script style, completes each highlighted field, and the envelope finishes with a certificate of completion and a hash-chained audit trail.
The same store dashboard flips between English and Arabic in one tap: the layout mirrors right-to-left, Arabic typography takes over, digits switch between Western and Eastern Arabic, dates follow Levantine, standard or Hijri months, and a side-by-side mode shows both directions at once.