Hero 99 block design & features
Hero99 is a marketing hero built with shadcn/ui. A softly gridded radial backdrop sits behind a centered column anchored by a pill-shaped text link plus arrow leading into a commanding multi-line headline, muted supporting paragraph, and side-by-side primary and secondary buttons sporting chevron adornments. Further down spans a proportional three-image collage where column spans widen toward the largest tile using a fractional grid metaphor.
Muted grid lines fade toward the perimeter so typography stays foremost. Imagery repeats rounded-corner treatment and capped heights for cohesion.
Tone is approachable product marketing with understated texture. Complexity is modest: typography plus duo CTAs plus a responsive triptych ribbon. Customize link label, headline, body, buttons, and all three photographic slots.
Breakpoints reflow buttons into stacking order while collage columns compress but keep relative weight differences between narrow, medium, and wide rails.