Hero 328 block design & features
Hero328 is a two-column split hero built with Shadcn UI. The left column stacks a large headline, supporting copy, and paired buttons. The right column holds a looping muted video 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 that sits behind and to the right of the device. Headline lines sit tight. Type stays start-aligned. The clip loops without controls. Vertical gaps in the copy stack are generous.
The portrait crop is the point of difference from the wide video heroes in this set. It feels like a mobile product story rather than a desktop walkthrough. Complexity stays low: you need a headline, two CTA labels, and one clip that can be cropped tall.
On small screens the columns stack and the phone sits centered under the copy.