Brass Comparison Table
A premium legal services plan comparison block with traditional, authoritative design.
Features
- Plan headers — 3 plan cards (Starter $199, Professional $499, Enterprise $1,299) with CTA buttons
- Feature comparison — 8 rows: Initial Consultation, Document Review, Court Representation, Contract Drafting, Compliance Audit, Dedicated Attorney, Priority Scheduling, 24/7 Emergency Line
- Check/X marks — Boolean features shown with green check or muted X icons
- Highlighted column — Professional plan features "Most Popular" badge and subtle highlight
- Footer CTA — Custom plan contact section with italic Merriweather text
- Dark mode — Full dark: variant support with warm dark palette
- Typography — Merriweather (serif headings) + Source Sans 3 (body)
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardContent, CardFooter@/components/vue-ui/badge — Badge@/components/vue-ui/button — Button@/components/vue-ui/separator — Separatorlucide-vue-next — Check, X, ArrowRight, Scale, Mail
Customization
- Plans: Edit
plans array to change names, prices, descriptions
- Features: Modify
features array to add/remove comparison rows
- Colors: Swap brass accent (#B5A642) for any brand color
- Highlighted plan: Toggle
highlighted property on any plan
