Hero 144 block design & features
Hero144 is an integrations showcase hero built with shadcn/ui. At the top, nine square tiles sit in five-plus-four rows with intentional asymmetry: outer tiles shrink, blur slightly, and pick up directional gradient washes while the center tile stays sharp, giving a carousel-like focus without motion.
Below the mosaic, a large centered heading and paragraph explain the integration story using placeholder pack strings you can override in props.
Styling relies on muted tile fills, hairline borders, and inset shadows for a soft dimensional rack of logos. Complexity is moderate because each index uses bespoke classes for depth cues.
The section leaves plenty of vertical padding so the tile field breathes on desktop while the typography block anchors meaning after the visual hook.