AUREL — Luxury Real Estate Scroll Hero

AUREL is a luxury real estate hero that turns scrolling into a cinematic architectural reveal. A sculptural limestone residence rises through soft clouds as the headline fades, then transitions into an image-filled AUREL wordmark before dissolving into the next section. The animation follows scroll position and reverses naturally when visitors scroll back.

Built with real HTML, CSS, SVG masks, and JavaScript, the design includes editable text and separate image layers. Responsive layouts adapt the composition for desktop and mobile, while a built-in browser editor lets users preview copy and image changes, save them locally, and export their settings.

The one-shot prompt includes precise layout specifications, motion formulas, responsive rules, publicly hosted assets, and a complete runnable implementation. It recreates the finished presentation, navigation, dialogs, and editing controls. Property listings and account services are not connected.