Hero 171 block design & features
Hero171 is a two-column layout built with shadcn/ui. The leading column stacks an oversized headline, supporting paragraph, and two rounded pill buttons whose labels hinge on hover. Beneath them, a bordered band shows overlapping avatar discs with a follower-style count and an outline play control wired to open a modal dialog embedding a video iframe. The opposite column nests a handcrafted grid: one large photographic tile, illustrative SVG blobs, stat and faux-audio surfaces, skeletal list placeholders, and a second cropped image staged like layered cards.
Muted surfaces dominate with restrained primary accents on rims and glyphs. Typography is heavy up top and subdued for explanatory copy. Shadows stay understated beyond circular avatar rings and a slight scale pulse on the play affordance.
The net feel is playful product marketing with more moving parts than a single-image hero, while still staying static until the dialog opens.
On smaller widths the stack turns vertical but keeps the collage legible.