Shadcn UI About Block
About13 is a portfolio-style about section using a six-column grid layout. The top row has an offset large Our Story headline spanning four columns. The main content row includes a muted label in the first column, a two-column area with intro text and an avatar profile showing photo, name, and title, and a three-column area with a larger philosophy statement and supporting paragraph. A full-width image spans the bottom.
The layout uses deliberate column offsets to create asymmetry and visual interest. The avatar profile pairs a small circular image with name and role text. Typography varies between muted helper text and bold statement text. The full-width image has a tall fixed height with object-cover scaling. Spacing uses large gaps between grid rows.
This has a distinctive editorial layout that feels more designed than typical about sections. The column offsets and mixed text sizes create hierarchy without heavy styling. Simple but intentional. Requires an avatar image, team photo, and copy for multiple text areas.
On mobile, the six-column grid collapses to single column with all content stacking vertically. The headline offset is removed. The avatar profile maintains its horizontal layout.
Dependencies
| Package | Type |
|---|---|
| react | NPM |