Shadcn UI About Block
About12 is a structured agency about section using a consistent two-column grid with labeled sections. The about section has a small square indicator, monospace label, large headline, portrait image, and supporting text. The process section displays three cards with bordered images, numbered badges, titles, and descriptions. Milestones show three large stat cards on muted backgrounds. A full-width team photo separates sections. Awards list in a table with separators. The testimonial section has a large quote, attribution, and a case study image link with hover reveal effect.
Each section uses a small colored square indicator with monospace uppercase labels. Process cards have numbered badges positioned over bordered images. Milestone cards use very large numbers with descriptive text. The case study link reveals a gradient overlay and text on hover with smooth transitions. Separators divide major sections.
This follows a systematic design language with consistent section formatting. The numbered process cards and labeled sections create a professional, organized appearance. The hover effect on the case study link adds interactivity. High complexity with multiple section types and interactive elements.
On mobile, the two-column grid stacks with labels above content. Process cards stack vertically. The case study hover effect shows content by default on touch devices.
Dependencies
| Package | Type |
|---|---|
| react | NPM |
separator @shadcn | Registry |