Interactive — this is the real build running inside the page.Full screen
What it does
FRESHNEST is the website of a Beirut home and office cleaning company. Visitors set bedrooms, bathrooms, size and extras while a floor plan of their home redraws and the price, time on site and team size update, then pick a free slot and book a one-time, weekly or every-2-weeks plan. Office contracts, sofa and window quotes, an area checker with travel fees, a simulated WhatsApp chat and an owner Leads view, where every booking and message lands, complete the site.
Signature interaction
Add a bedroom or tick the oven and a floor plan of your home redraws while the price, time on site, team size and room checklist update; book a slot and every room ticks clean.
What works in it
Instant price by bedrooms, bathrooms, size and extras
Floor plan of your home that redraws as you change it
Weekly and every-2-weeks plans with live savings
Room-by-room checklist with focus requests for the team
Calendar with real free slots that respect visit length
Booking form with Lebanese phone validation
Office contract builder with a monthly price breakdown
Sofa, rug and window quote calculators
Service area checker with travel fees and a waitlist
Simulated WhatsApp chat that captures leads
Owner Leads view with statuses, notes, undo and KPIs
Results gallery with filters and a lightbox
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 four-step 'Almost yours.' checkout: contact and Lebanese address with inline validation, delivery zones priced by city with speed options, a calendar and time windows, payment by cash on delivery (USD or LBP), card with live brand detection, Luhn check and a flipping card preview, or a simulated Whish link, then a review with edit links and an order confirmation.
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.
Phone sign-in for a Beirut delivery app: Lebanese numbers in any format, a 6-digit code by SMS or WhatsApp with paste and one-tap autofill, a resend timer, attempt limits with a lockout, trusted devices, and authenticator two-step setup with a real, scannable QR code and backup codes. A developer panel shows every simulated message, the live authenticator codes and each security event.