Seafoam FAQ Panels
A healthcare-themed FAQ section with clickable card panels in a soothing seafoam palette.
Features
- 8 FAQ items in a responsive 2-column grid
- Clickable card-style panels with expand/collapse
- Medical topic icons and category badges per card
- Smooth open/close animations
- HIPAA compliance badge in header
- Contact support CTA card at bottom
- Full light and dark mode support with seafoam/mint palette
- Zilla Slab serif typography for a clinical feel
Dependencies
lucide-react for medical and UI icons- Shadcn
Card, Badge, Separator components
Customization
- Edit the
faqItems array to change questions, answers, icons, and categories
- Adjust seafoam accent colors via inline hex values
- Add or remove FAQ cards as needed
- Modify the support contact information in the bottom CTA
