Hero 150 block design & features
Hero150 is a data-story hero built with shadcn/ui. Intro copy centers a subtle “Insights & Reporting” label, a long semibold headline about monitoring revenue, usage, and receivables, and a short explainer on MRR, aging, and usage trends. Text aligns left on narrow screens and centers from the small breakpoint up for even rhythm.
The lower visual is a tall gallery grid of four columns filled with repeated aspect-ratio cards, some shifted downward half a step to create a brick rhythm. Several cells pick up large radial pastel glows behind the photography for depth.
Cards share rounded corners and muted borders so the grid reads as a unified dashboard collage rather than isolated thumbnails.
A bottom gradient veil fades the gallery into the page footer area, helping long pages transition softly without a hard crop line.