Shadcn UI About Block
About14 is a portfolio-style about section with a prominent hero image. It opens with a large About Us headline in a six-column grid. A full-width hero image with fixed height follows. The bottom section uses the same grid with a label column, intro text with avatar profile in the middle columns, and a large philosophy statement on the right spanning three columns.
The hero image dominates the layout with significant height and object-cover scaling. The grid layout matches About13 but with content reordered to place the image prominently. The avatar profile appears inline with intro text. Typography uses the same muted helper text and bold statement pattern. Column padding creates internal spacing.
This variation puts visual impact first with the hero image before the text content. Simpler than About13 with fewer text sections. The image-first approach works well when strong photography is available. Requires one hero image, avatar, and copy for intro and philosophy sections.
On mobile, the grid collapses to single column. The hero image maintains its aspect ratio. Text sections stack with the philosophy statement appearing last.
Dependencies
| Package | Type |
|---|---|
| react | NPM |