Shadcn UI About Block
About16 is a stats-focused about section using a six-column grid. The left two columns contain a sticky Why Us label with an orange square indicator. The right four columns hold a large quote-style headline in quotation marks, supporting paragraph, full-width image, and a three-row stats list where each row shows a large number and description separated by a bottom border.
The sticky label remains visible while scrolling through the content. The orange square indicator adds a brand accent color. Stats display in a two-column layout within each row with the number taking two columns and description taking three. Bottom borders separate each stat row. The image uses tall fixed height with object-cover.
This layout emphasizes achievements and impact through the stats presentation. The sticky label is a subtle but useful navigation aid. The quote-style headline with quotation marks adds personality. Moderate complexity with the sticky behavior and structured stats list.
On mobile, the sticky label unsticks and appears above the content. Stats maintain their two-column internal layout. The image scales proportionally.
Dependencies
| Package | Type |
|---|---|
| react | NPM |