React About Block Mission Pillars

Lead with purpose using this mission pillars component for Next.js about pages. Features a bold centered mission statement followed by three supporting pillars with icons and descriptions, plus a CTA. Built with shadcn/ui Button component using Tailwind CSS and Lucide icons. The hierarchy moves from big picture to specifics—visitors understand your why before your what. Perfect for purpose-driven companies, B-corps, nonprofits, and brands where values drive customer decisions.

React About Block Mission Pillars preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/about-mission-pillars.json

npx shadcn@latest add https://www.shadcn.io/r/about-mission-pillars.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/about-mission-pillars.json

bunx shadcn@latest add https://www.shadcn.io/r/about-mission-pillars.json

Related Components

FAQ