Aurelis Motor Interactive Showroom

A one-page scroll landing for a 3-car luxury lineup: a 3-phase scroll-locked hero, a car/colour showcase, a pinned performance-precision-craft detail walkthrough with a cursor-following colour reveal, a concierge-style process thread, and a WhatsApp/Instagram contact close.

Open Live Preview

Industry

Automotive, Luxury Car Showroom

Timeline

1 week

Package Used

Our top package with no backend: richer visuals with your photography on Cloudflare CDN, starting from Rp 5 million

This is a demo website I built on my own as a sample, not paid client work. The business name is illustrative. The live preview above is the real build.

About This Website

What It Includes

Scroll-locked zone from hero to detail: one wheel/swipe/arrow-key input steps discretely through the hero's 3 phases, the car showcase, and the pinned Performance/Precision/Craftsmanship detail, via a custom scroll-steps hook
Cursor/touch-following color-reveal: a radial mask driven by CSS custom properties repaints the car live between Original, Yellow, and Blue
GSAP-choreographed transitions for every phase, section, car, and colour change
A 5-step process section styled as a WhatsApp-style chat thread, walking through viewing, colour choice, deposit, and handover
Acquire pricing and a closing section with WhatsApp/Instagram CTAs and a private-inquiry modal (demo build, no backend — submissions aren't delivered anywhere)