Stats 10 block design & features
Stats10 is a stats grid block built with Shadcn UI Card and Avatar components. Three linked cards sit in a responsive grid. Each card displays a circular avatar and a company logo side by side at the top, followed by a large bold metric value and a short descriptive sentence below.
Cards use extra-large rounded corners with a double-weight border and generous padding. On hover, cards lift upward with a translate transition and the border shifts to the primary color. The metric text is set at 6xl for maximum visual weight. Company logos are rendered at a small fixed height beside the avatar. The overall container is constrained to a 75rem max-width.
The visual tone is bold and metric-focused with the oversized numbers dominating each card. The hover animation adds subtle interactivity. The combination of avatar and logo per card implies customer testimonials or case study metrics. Low complexity with repetitive card structures.
On mobile the three-column grid collapses to two columns at medium breakpoints and a single column on small screens.