Interactive — this is the real build running inside the page.Full screen
What it does
A long-form sales page for the VOLTBOX 1200 portable power station, built around Lebanese power cuts. Visitors tick what stays on and set tonight's cut, then read the runtime on a replica of the unit's display, with solar refill time and the cost of the same hours on a generator. Bundle kits, an order bump, cash on delivery and a four-step checkout lead to a thank-you page with a one-click add-on.
Signature interaction
Tick what stays on tonight and a replica of the VOLTBOX display counts out the runtime, a 24-hour dial shows which part of the cut is covered, and the page works out solar refill time and what the same hours cost on a generator.
What works in it
Runtime calculator with appliance tiles, quantities and your own appliances
Segment display that counts out hours and minutes left
24-hour dial showing which part of the cut is covered
Solar, state-power and car refill times
Generator cost comparison with a 10-year payback
Power-cut switch in the hero that swaps to a night scene
Tap-a-port explorer on the product photo
Comparison against generators, inverters and petrol units
Bundle kits, add-ons and an order bump
Offer countdown and stock counter that reset on Start over
Reviews with star, use and photo filters, helpful votes and write a review
Four-step checkout with cash on delivery, Whish, OMT and card, then a one-click upsell
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
E-commerce
Countdown Timer
A flash-sale bar and product card with a flip-digit countdown to a real deadline, a stock-left bar that ticks down as people buy, an 'ends soon' pulse in the last 10 minutes, and an automatic switch to 'Sale ended' with a notify-me form.
Two bundle mechanics in one feature: tier cards for a single product (Single, Duo −15%, Trio −25%) with per-bottle flavour picks, and a build-your-own box where every item moves a progress bar toward the next discount tier, with a live price breakdown and an animated savings counter.
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 delivery promise on a Beirut electronics product page: pick any Lebanese area and see “Order within 2h 14m, get it Sat 31 Oct” with a live cut-off countdown, an Ordered → Shipped → Delivered timeline and a route on a drawn map of Lebanon. Sundays and public holidays are skipped and named, express depends on the zone, large items get installation slots, and in-store pickup shows the nearest branch and its stock.