Indigo Education FAQ
A scholarly FAQ block designed for universities, online learning platforms, and educational institutions.
Features
- Two-column layout — Sticky sidebar with institution info, accordion FAQ on the right
- Accordion component — Clean collapsible FAQ items with open-state styling
- University stats — Graduation rate, student ratio, and program count
- Support card — Three contact channels (chat, email, phone) with action buttons
- Academic color palette — Indigo/slate with subtle blue backgrounds
- Full dark mode — Transitions to slate-950 base
Dependencies
@/components/vue-ui/accordion — Shadcn-Vue Accordion@/components/vue-ui/card — Shadcn-Vue Card@/components/vue-ui/button — Shadcn-Vue Button@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- FAQ items: Replace the
faqItems array with your institution's questions
- Support channels: Update
supportChannels with your contact information
- Stats: Edit the graduation rate, ratio, and program count
- Colors: Swap indigo for your institution's brand color
