Hero 326 block design & features
Hero326 is a full-bleed video-first hero built with Shadcn UI. A looping muted preview spans the full width of the section at a sixteen-by-nine ratio, with a circular play-pause control in the corner and a two-column credits dock for badge, headline, speaker byline, promo line, supporting copy, and paired buttons. The control toggles playback on the preview itself.
The video has no side gutters or rounded frame, so it meets the edges of the page. Credits stay aligned to the content column. On wide layouts the dock sits as a lower-third over a background fade; type stays solid and left-aligned, with the title on one side and the story plus actions on the other.
It keeps the screening-room idea of a framed player but lets the media run edge to edge. Complexity stays moderate: a looping full-width preview with progress-aware playback, and a responsive credits dock.
On narrow viewports the credits stack under the preview while the play control stays in the top corner of the video.