Description of the Hero 82 block design & features
Hero82 is a vertical hero built with shadcn/ui. A capped-width column carries a very large tracking-tight headline followed by a pill-shaped primary button whose label and Apple-style glyph slide on hover. Below that span, a wide rounded rectangle uses AspectRatio to carry a single landscape photo that spans the container width.
Spacing between text and media is generous so the headline feels like a poster, then the imagery acts as a grounding band. The primary button has a dark fill, white icon treatment, and pronounced shadow so it reads as a product download entry point. The image block is cleanly framed with rounded corners and no competing chrome.
This is a minimalist, product-launch style hero: one narrative line, one decisive action, one hero visual. It is moderate in code because of the animated button treatment and aspect-locked media, but light on extra components. Expect to swap the placeholder art and align the CTA label with your actual offer.
On small screens the headline scales down in steps and the media still spans edge to edge inside the container gutters.