Pearl Education FAQ
A refined, scholarly FAQ block designed for universities, online learning platforms, and educational institutions.
Features
- Categorized FAQ items — 8 questions organized by Enrollment, Courses, and Certificates
- Accordion component — Collapsible items with category badges and open-state teal highlights
- Sticky sidebar — Institution card with stats (students, programs, satisfaction rate)
- Feature badges — Four quick-info badges (Flexible Schedules, Online, Small Cohorts, Aid Available)
- Advisor CTA — Call-to-action link to speak with an academic advisor
- Support section — Email and live chat options below the FAQ
- Pearl/ivory palette — #f8f7f4 background, #1e293b text, #0d9488 teal accents
- Full dark mode — zinc-950 base with teal-400 accent highlights
Dependencies
@/components/vue-ui/accordion — Accordion, AccordionItem, AccordionTrigger, AccordionContent@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separator
Customization
- FAQ items: Replace the
faqItems array with your institution's questions
- Categories: Update
faqCategories for different topic groupings
- Stats: Edit student count, program count, and satisfaction rate
- Colors: Swap teal (#0d9488) for your brand accent color
