Hero 332 - Centered hero with portrait video

Pro

A centered hero with headline, CTAs, and a looping nine-by-sixteen video in a phone frame beneath the copy.

Shadcn Hero 332 block

Component data

ID
hero332
Access
pro
Created
Sep 4, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 332 block design & features

Hero332 is a stacked centered hero built with Shadcn UI. A large headline, supporting paragraph, and paired buttons sit in a narrow intro column. Below that, a looping muted video plays inside a phone bezel with a notch, cropped to a tall nine-by-sixteen frame.

The page stays light with dark type. The handset uses a dark bezel, large corner radius, and a soft circular wash behind the device. Headline lines sit tight. The clip loops without controls. Spacing is open between the intro and the phone.

It is the same portrait-phone treatment as the split versions, rearranged into a single column so the device lands under the copy. Complexity stays low: you need a headline, two CTA labels, and one clip that can be cropped tall.

On small screens the buttons stack and the phone stays centered.