Shadcn UI About Block
About10 is a two-column about section with a sticky sidebar. The left sidebar contains a company avatar, title, subtitle, and a contact link with an arrow icon that stays fixed while scrolling. The main content area on the right has a large About Us heading, company bio paragraph, two-column philosophy section, a rounded workspace image, team member list with numbered rows, and closing paragraph.
The sidebar uses sticky positioning to remain visible during scroll. The contact link has an underline with hover animation and arrow icon. Team members display in a bordered list with monospace numbering, name, and role. The workspace image has generous rounded corners. Typography uses a very large heading with balanced body text.
This layout pattern works well for longer about pages where navigation aids help users. The sticky sidebar provides persistent access to contact info. Moderate complexity with multiple content sections and the sticky behavior. Requires team member data, bio content, and workspace imagery.
On mobile, the sidebar unsticks and appears above the main content. The two-column philosophy section stacks vertically. Team list maintains its structure.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |