Shadcn UI About Block
About19 is a two-section about block with a seven-column grid. The left four columns contain a tall bordered image. The right three columns hold a headline, supporting paragraph, secondary text, and an attribution row with small avatar, name, and role title.
The image uses a visible border and fixed tall height with object-cover scaling. The attribution section pairs a small circular avatar with stacked name and title text. Typography progresses from large headline to medium supporting text to small attribution. Generous vertical spacing separates the text elements.
This is a straightforward testimonial-style layout that combines about content with a personal attribution. The bordered image treatment is the main visual element. Low complexity with clear hierarchy. Requires one main image, avatar, and copy for headline and supporting text.
On mobile, the grid stacks with the image appearing first at full width. The text content follows below. The attribution row maintains its horizontal layout with avatar beside text.
Dependencies
| Package | Type |
|---|---|
| react | NPM |