Hero 265 - Split hero with masked portrait and copy stack

Pro

A two-column hero with L-shaped masked portrait cycling on the left and badge, headline, body, and dual CTAs on the right.

Shadcn Hero 265 block

Component data

ID
hero265
Access
pro
Created
Mar 20, 2026
Updated
Jun 5, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Hero 265 block design & features

Hero265 is a split cutout hero built with shadcn/ui badge and buttons. The left column shows a square-ish mask with a stepped corner, cycling placeholder images with crossfades. The right column stacks an outline or secondary badge, bold headline, paragraph, primary button with arrow, and ghost secondary link.

Mask type-7 geometry creates the architectural notch on the portrait. Timers advance slides slightly slower than sibling blocks.

This is an editorial portrait layout without extra stat rows: emphasis stays on the masked photo and concise pitch copy.

Columns stack on mobile with the portrait leading; mask and image timers continue unchanged.