Amber Fitness Pricing
Bold, energetic pricing cards designed for gym and fitness applications.
Features
- 3-tier pricing layout — Starter, Pro, and Elite plans with responsive grid
- Animated progress bars — Visual intensity indicators on each card
- Amber glow effect — Popular tier pulses with warm amber box-shadow
- Feature checklists — Check/close icons for included/excluded features
- Fire badge — Animated fire icon on the most popular plan
- Diagonal stripe background — Subtle amber striping adds energy
- Staggered reveal — Cards animate in sequentially
Dependencies
@/components/ui/button — Shadcn Button@/components/ui/card — Shadcn Card components@/components/ui/badge — Shadcn Badge@/components/ui/separator — Shadcn Separator@remixicon/react — Icon set
Customization
- Pricing: Update prices, features, and tier names in the tiers array
- Colors: Swap amber-500 for your brand accent color
- Features: Add or remove feature items per tier
- Fonts: Uses Oswald + Source Sans 3 via Google Fonts
