An immersive, high-performance parallax hero section designed for premium portfolios and agency websites. This widget features a scroll-triggered scale animation that smoothly reveals the background image while keeping typography legible with a dynamic overlay.

Key Features:

Scroll-Linked Animation: The hero image scales down from 1.2x to 1.0x as the user scrolls, creating a subtle depth effect without JavaScript heaviness.

Cinematic Typography: Large, elegant display text that pairs perfectly with high-resolution photography.

Fully Customizable: Edit the headline, subheadline, call-to-action button, and background image directly via the visual editor.

Responsive & Lightweight: Built with modern CSS variables and transform properties for 60fps performance on mobile and desktop.

Zero Dependencies: No external GSAP or jQuery required; runs on pure CSS and vanilla JS for maximum speed.

Perfect for: Creative Directors, Architectural Firms, Luxury Brands, and Digital Agencies looking for an "Awwwards" winning first impression.