Opal Nonprofit Social Proof
A compassionate, grounded social proof block designed for nonprofit and charitable organizations.
Features
- Logo cloud — Row of endorsed partner organization placeholders
- Impact stat cards — 3x2 grid with icons, big numbers, labels, and descriptions
- Partner row — Implementation partners displayed in a responsive grid
- Warm color system — Terracotta orange-700 and sage green-700 accents
- Staggered animation — Cards fade in sequentially on mount
- Full dark mode — Stone-950 background with adjusted accent opacity
Dependencies
@/components/vue-ui/card — Shadcn-Vue Card@/components/vue-ui/separator — Shadcn-Vue Separator@/components/vue-ui/badge — Shadcn-Vue Badge
Customization
- Stats: Replace impactStats array with your organization's metrics
- Partners: Swap partner names with real organization names and logos
- Colors: Adjust orange-700/green-700 to match your brand palette
- Logo cloud: Replace text placeholders with actual organization logos
