Stats Grid with Logos and Testimonial

About 2Pro

A comprehensive about block with centered intro, asymmetric image grid, stats section, logo strip, and benefit cards with testimonial.

Figma

Shadcn UI About Block

About2 is a long-form about section with multiple stacked content areas. It opens with a centered headline and paragraph followed by a three-column asymmetric image grid. Next is a stats section with a large headline and six stat blocks arranged in a responsive grid, each showing a number and label with a bottom border. A muted background strip displays eight company logos with icons. The final section features a three-column benefits grid mixing images, stat cards with muted backgrounds, and a testimonial card overlaid on an image.

The design uses a light background with a subtle muted band for the logo section. Stats use large bold numbers with thin bottom borders. Benefit cards have rounded corners and the testimonial floats over its background image with a white card overlay. Typography is headline-dominant with generous vertical spacing between sections.

This is an elaborate, content-heavy about block suited for comprehensive company overviews. The combination of stats, logos, and testimonial creates strong social proof. High content requirements including multiple images, stat data, company logos, and testimonial content.

On mobile, all grids collapse to single or two columns. The asymmetric image grid stacks vertically. Logo strip wraps to multiple rows.

Dependencies

No dependencies required