Nocturn Recruitment FAQ
A night-sky themed FAQ section designed for recruitment and hiring platforms.
Features
- 6 FAQ items — Common recruitment questions with detailed answers
- Accordion interaction — Single-open collapsible sections
- Night sky aesthetic — Deep navy background with star dots and shooting star gradients (visible in dark mode)
- Indigo accents — Triggers highlight indigo on hover and when open
- Crimson Pro headings — Elegant serif font for question text
- Inter body — Clean sans-serif for answer content
- Dark mode — Deep navy #0b1121 with star decorations; light mode is clean slate-50
Dependencies
@/components/vue-ui/accordion — Accordion, AccordionItem, AccordionTrigger, AccordionContent@/components/vue-ui/badge — Badge@/components/vue-ui/separator — Separatorlucide-vue-next — HelpCircle, Briefcase
Customization
- Questions: Edit the
faqItems array with your own Q&A content
- Stars: Modify the
stars array for different star positions and densities
- Colors: Swap indigo classes for your brand accent color
- Fonts: Change Crimson Pro/Inter for your preferred typefaces
