Overview
Scrubs a 91-frame WebP image sequence on canvas as you scroll, pinning a cinematic hero with live horsepower, 0–100 and top-speed counters.
- Year
- 2025
- Role
- Full-stack Development
A cinematic, bilingual car showroom with a scroll-driven hero, vehicle comparison, lead capture and a built-in parts store.

Year
2025
Role
Full-stack Development
Platform
Web
Status
In Progress
What was built
Scrubs a 91-frame WebP image sequence on canvas as you scroll, pinning a cinematic hero with live horsepower, 0–100 and top-speed counters.
Opens with a branded speedometer preloader that sweeps 0→100 km/h while the hero paints underneath, then lifts in about 1.5 seconds.
Serves the full site in Arabic (RTL, default) and English with next-intl, logical CSS properties and locale-aware number formatting.
Lets visitors browse the floor brand by brand, open detailed vehicle pages with a gallery, lightbox and drag-to-rotate 360° viewer, and compare cars side by side.
Captures five kinds of leads — trade-in valuation, price quote, reservation, register interest and service booking — through Zod-validated forms that carry the source vehicle.
Runs a full parts & accessories store with collections, filters, search, variant picker, persistent cart drawer and a validated checkout (delivery/pickup, COD/bank transfer).
Estimates upcoming maintenance with a calculator that scales oil, filter, brake, coolant and tyre intervals to real driving conditions.
Gallery
Scrubs a 91-frame WebP image sequence on canvas as you scroll, pinning a cinematic hero with live horsepower, 0–100 and top-speed counters.
Opens with a branded speedometer preloader that sweeps 0→100 km/h while the hero paints underneath, then lifts in about 1.5 seconds.
Serves the full site in Arabic (RTL, default) and English with next-intl, logical CSS properties and locale-aware number formatting.






Hardens every response with a per-request nonce Content-Security-Policy, CSP violation reporting and role-aware route gating in the Next 16 proxy.