Tawny Education Pricing
A warm pricing section designed for educational platforms and learning management systems.
Features
- Three-tier layout — Student, Professional, and Institution pricing cards
- Warm cream palette — Cream (#fdf6e3) background with tawny amber (#b45309) accents
- Highlighted plan — Professional tier scaled up with "Most Popular" banner
- Feature checklists — Amber checkmark icons with descriptive feature lists
- Annual billing hint — Save 20% badge above the pricing grid
- Dark mode — Stone-950 dark theme with amber-500 accents
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter@/components/vue-ui/badge — Badge@/components/vue-ui/button — Button@/components/vue-ui/separator — Separatorlucide-vue-next — Icons
Customization
- Plans: Edit the plans array with your own tiers and pricing
- Features: Modify feature lists per plan
- Colors: Replace amber/tawny tones with your brand palette
- CTA: Update button labels and click handlers
