Shadcn UI About Block
About18 is a content-focused about section with two main text blocks. The first block has Our Mission as a label in the left columns and a headline with supporting paragraph on the right spanning four columns. A two-column image row shows one grayscale image and one full-color image at equal heights. The second block follows the same pattern with What Drives Us as the label and corresponding headline and text.
The seven-column grid creates consistent asymmetry across both text sections. One image uses a grayscale filter while the other remains in color, creating visual contrast. Images have tall fixed heights with object-cover scaling. Text uses medium weight for headlines with muted color for supporting paragraphs.
This is a balanced, text-forward block that pairs mission and values content with imagery. The grayscale and color image pairing adds subtle visual interest. Simple layout with clear content hierarchy. Requires two images and copy for both mission and values sections.
On mobile, the grid collapses to single column. Images stack vertically, both maintaining their filter treatments. Text sections stack with labels above content.
Dependencies
| Package | Type |
|---|---|
| react | NPM |