Cedar Legal FAQ
An elegant, bookish FAQ accordion designed for law firms and legal services.
Features
- 7 expandable questions — React state-driven accordion with smooth CSS animations
- Wood-grain texture — SVG pattern background adds warm, bookish depth
- Classic serif typography — Cormorant Garamond headings with Lora body text
- Scale of justice — Decorative SVG icon anchoring the header
- Cedar/cream palette — Warm browns on parchment-like background
- Section dividers — Separators and decorative flourishes
- Staggered reveal — Sequential entrance animations
Dependencies
@/components/ui/separator — Shadcn Separator@remixicon/react — Chevron icon for accordion
Customization
- Questions: Edit the faqs array with your own Q&A content
- Colors: Swap #8b5a2b and #3d2b1f for different warm tones
- Default open: Change the initial useState value
- Fonts: Uses Cormorant Garamond + Lora via Google Fonts
