Hero 132 block design & features
Hero132 is a two-column marketing hero built with Shadcn UI. The copy column stacks a short label, a large headline, supporting paragraph, primary and outline buttons, and a compact avatar row with a byline. The visual column is a three-image collage: two supporting portraits tilt outward in the back, and a larger center portrait sits in front.
Light and dark surfaces stay token-based. Frames use rounded shells, hairline borders, and soft shadows so the photographs read as a stacked pile rather than a flat grid. A muted blur sits behind the collage to give the frames a little depth without extra chrome.
The look is people-forward and editorial, closer to a campaign collage than a product screenshot hero. Complexity is moderate and mixed: the overlap and rotation are CSS-driven, while the block needs three real portraits plus a small avatar set for the byline.
On smaller screens the collage stacks under the copy and keeps the same overlap. images[0] is the front center frame, images[1] is the left flank, and images[2] is the right flank.