Captivate your audience instantly with the Double Floater Hero, a premium hero section designed for creative agencies, digital portfolios, and high-end fashion brands. This widget embraces a sophisticated Dark Mode aesthetic, utilizing a "Rich Black" background and "Off-White" typography to create a sharp, high-contrast visual hierarchy that feels modern and cinematic.

The centerpiece of this layout is the Massive Background Typography. Using viewport-responsive units (vw), the headline "DIGITAL / CREATIVE" scales perfectly to fill the screen on any device, acting as a bold texture behind the content. Upon page load, this text is introduced via an Awwwards-style Staggered Entrance: each line slides up and fades in sequentially using a custom cubic-bezier easing curve, providing a smooth, professional startup animation.

Hovering over the section triggers the widget's signature interaction: the "Exploding Stack" effect. Two centrally positioned, portrait-oriented images—which normally sit overlapped—dynamically separate. The front image glides forward and right, while the back image retreats left and down. This tactile, physics-based movement adds depth and interactivity, encouraging users to engage with the visual content.

Key Features:

• Premium Dark Theme: Pre-configured with a sleek #141414 background and #eaeaea text for an elegant, high-contrast look.
• Interactive Image Stack: Two overlapping images separate smoothly on hover, revealing hidden details via CSS transforms.
• Cinematic Text Animation: Headlines feature a staggered, slide-up entrance animation for a polished first impression.
• Massive Responsive Type: Typography creates a bold graphic element that automatically adjusts to fit mobile, tablet, and desktop screens.
• Depth & Layering: Utilizes advanced z-index management to float images seamlessly over the background text.
• Fully Customizable: All colors, images, and text content are easily editable via CMS data attributes and CSS variables.