Hero 80 block design & features
Hero80 is a two-column hero built with Shadcn UI. The left stack opens with a small uppercase eyebrow link, a two-line headline with a muted second line, supporting copy, and paired large buttons. Under that sits an overlapping avatar row, a five-star score, and social proof line. The right column shows two tall rounded images in a two-column grid where the second tile drops slightly for a staggered rhythm.
Soft radial accent glows and a fine dot grid fade sit behind the grid, so the section feels lit from the center rather than flat white. Cards and avatars use subtle rings and borders for separation. Portrait images pick up a light zoom on hover.
The pattern reads as friendly product marketing with built-in trust signals. It is more embellished than a bare split hero because of the decorative background and stacked avatars, but the structure stays conventional. You will want real copy for the headline, both buttons, avatar sources, and both preview images.
Stacks into a single column on small viewports with imagery following the text stack.