DRIVEN — Car Rental & Sales built by SitesUp

Interactive — this is the real build running inside the page. Full screen

What it does

A luxury car rental and sales house with branches at Beirut airport, Achrafieh and Jounieh. Pick dates on a two-month calendar, filter the fleet, add full cover or a child seat and check out through a licence-checked driver form, or flip to Buy for certified listings, an amortisation finance calculator, trade-in estimates, test drives and a refundable deposit reservation.

Signature interaction

One big Rent ⇄ Buy toggle morphs the whole page: the headline rolls from RENT to OWN, the booking bar swaps its fields, prices switch from per day to price and monthly finance, and the fleet re-sorts with a shared-element FLIP transition.

What works in it

Rent ⇄ Buy toggle that morphs copy, prices and fleet order
Two-month range calendar with day count and past dates disabled
Branch pick-up with a one-way return fee
Fleet filters by class, seats, gearbox, fuel and daily price
Listing filters by make, year, mileage and price, with sort and search
Car detail with animated spec dials and tap-to-reveal hotspots
Add-ons, mileage plans and a live price breakdown with VAT
SITESUP10 promo code
Finance calculator with amortisation chart and yearly schedule
Trade-in estimate applied to the finance plan
Test-drive booking with taken slots
Four-step checkout with licence validation and a pick-up pass

Motion preview

Screen recording of the live build, running on sample data.

Features inside this build

E-commerce

Advanced Product Filters

A 24-product catalogue with faceted filters for category, price (dual slider over a price histogram), colour swatches, size, rating and in-stock. Active filters show as removable chips, counts update live, the grid re-sorts with smooth FLIP animation and the whole state lives in the URL so a filtered view can be shared.

Try it

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.

Try it

E-commerce

Multi-step Checkout

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.

Try it

Next build Rapport CRM & Sales Pipeline