Shadcn UI About Block
About28 is a two-column about section with alternating image and text content. The left column has images at the top and text below, while the right column has text at the top and images below. This creates a visually interesting zigzag pattern. Text sections can include an optional title and CTA button.
The visual treatment is clean with rounded images (rounded-2xl) in a 2:1.5 aspect ratio. Images are slightly offset on large screens with translate utilities for a dynamic feel. Text uses muted foreground color with generous paragraph spacing. The CTA button uses the large size variant.
This about section follows the mainline design system with its spacious layout and minimal decoration. The staggered arrangement creates visual rhythm without complex styling. The constrained max-width (max-w-5xl) keeps content readable.
On mobile, the layout stacks with the right column (text first) appearing before the left column due to flex-col-reverse. The right images are hidden on mobile to keep the page concise. The offset translations are removed on smaller screens.
Dependencies
| Package | Type |
|---|---|
button @shadcn | Registry |