Crimson Legal FAQ
A refined FAQ section designed for law firms, legal consultancies, and professional services.
Features
- 7-item accordion — Smooth expand/collapse with plus-to-X icon rotation
- Numbered entries — Zero-padded index for editorial structure
- Category badges — Per-question topic labels (Litigation, Regulatory, etc.)
- Crimson accent system — Red-700/400 palette on deep dark background
- Serif headline — Cormorant Garamond for authoritative, editorial tone
- Grid-line texture — Subtle architectural background pattern
- Consultation CTA — Bottom call-to-action with glow shadow
- Dark-only design — Optimized for dark mode with WCAG AA contrast
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/button — Shadcn-Vue Button@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Questions: Edit the
faqs array to change questions, answers, and categories
- Colors: Swap crimson/red for another accent (e.g. navy for corporate law)
- CTA: Change the bottom button text and link destination
