Hero 214 block design & features
Hero214 is a shadcn/ui hero with asymmetrical real-estate messaging on the left and a masked photo system on the right. A tall Playfair headline introduces the theme, while the primary visual uses an organic SVG mask that cycles three portraits on a steady timer. Two smaller rounded frames float along the top-right on desktop, each bound to offset indices so the collage feels like a choreographed set; on handheld widths those previews drop under the hero as paired tiles.
A secondary-styled pill button with an arrow icon anchors the lower-left on large screens and follows the collage on small ones. Masked regions stay pointer-inert so the layout reads as imagery, not interactive controls.
The look is editorial luxe: serif headings, generous whitespace, and photography clipped into a soft blob rather than a hard rectangle. Complexity is moderate because you must keep three related shots in sync with the animation cadence.
Breakpoints rearrange the satellite frames rather than removing the story, so the collage stays legible when stacked.
