Verdure Healthcare Pricing
A healthcare-oriented pricing block with a soothing green palette and clinical precision.
Features
- 3-tier pricing grid — Clinic Starter, Practice Pro, Enterprise Health
- Billing toggle — Monthly/Annual switch with 25% savings indicator
- Popular tier highlight — Emerald gradient top-border and elevated shadow
- Feature checklists — Green check icons with readable feature lists
- Serif headline — Source Serif accent for a professional medical feel
- Dark mode — Full dark variant with deep green tones
- Responsive — Stacks on mobile, 3-column grid on desktop
Dependencies
@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/button — Shadcn-Vue Button@/components/vue-ui/card — Shadcn-Vue Card@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Tiers: Edit the
tiers array to change plan names, prices, features
- Colors: Swap emerald for another Tailwind green variant
- Toggle: Remove the annual/monthly toggle for fixed pricing
