Hero Section✦ Figma File Included✦ Figma Included

Dark Cinematic Editorial Hero

Full-screen editorial hero with GSAP image crossfade, hover-triggered project list, frosted-glass pills, and audio toggle.

$22

Buy Component↗Live Demo ↗

Includes matching standalone .fig design file

Interactive Motion ShowcaseNext.js, GSAP, Tailwind v4

About this component

An atmospheric, high-drama hero section built for film directors, creative production houses, and visionary agencies. Cycles through curated visual chapters with audio-reactive mood controls and frosted glass details.

Features

✓Hover-triggered 12-image background crossfade sequence
✓Integrated audio toggle with sound state controller
✓Frosted-glass metadata pills with backdrop-blur styling
✓Full keyboard and accessibility support

Technologies

Next.jsGSAPTailwind v4

What is included

•Figma source design file (.fig) included
•Hero component TSX file & asset pipeline instructions
•GSAP timeline configuration guide
•Commercial project license