Interactive — this is the real build running inside the page.Full screen
What it does
A bright, sky-white site for a Lebanese solar installer in amber and deep navy. Visitors pick what must keep running, set their EDL hours and generator tariff, and get panels, inverter and battery sized hour by hour with a price range, monthly saving and payback, a sun they can drag across the day to watch where power flows, and a roof sketch drawn to scale. They compare financing plans, book a free roof survey with Lebanese phone checks, and the lead lands in an owner inbox with statuses and notes.
Signature interaction
Pick what must keep running and the system sizes itself; then drag the sun across a 24-hour chart that splits every hour between sun, battery, EDL and generator, while an energy-flow diagram shows the power moving and a to-scale roof sketch drops the panels into place.
What works in it
Savings calculator built on EDL hours, generator amps and metered or flat billing
Appliance picker with quantities and hours that sizes panels, inverter and battery
24-hour chart that splits every hour between sun, battery, EDL and generator in three seasons
Drag the sun to watch power flow between panels, battery, home and generator
To-scale roof sketch that places each panel and fixes a roof that is too small
Installed price range, monthly saving, payback, diesel and CO₂ avoided
Home-page quick estimate that carries its numbers into the full calculator
Financing plans with down payment, instalment against the generator bill and an eligibility check
Service tools for shared roofs, battery runtime, source switching and business payback
Project gallery with filters, sorting and a swipeable lightbox
Survey booking with Lebanese phone checks, call or WhatsApp, free slots and roof photos
Owner inbox with KPIs, statuses, notes, search and the week's surveys, plus a simulated WhatsApp chat
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.
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.