Hero 330 block design & features
Hero330 is a centered hero built with Shadcn UI. A large headline and supporting paragraph sit above paired buttons. Below the copy, a still poster fills a wide rounded frame with a dim overlay and a circular play control. Pressing the poster starts the clip in place. A short promo line sits under the frame.
The page stays light with dark type. The poster uses a hairline border and a sixteen-by-nine crop. The play control is a solid circle over a darkened still, and it scales slightly on hover. The overlay hides while the clip runs and returns when it pauses. Spacing is open around the intro and tighter under the poster.
It feels like a film still that becomes a player only after a click. Complexity is moderate: you need a headline, two CTA labels, a poster image, and one clip.
On small screens the buttons stack and the poster stays full width.