Recovery-day card with an indigo moon tile, readiness line, and sparkle-bulleted active-recovery items.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness9 } from "@/components/beste/piece/fitness9";
<Fitness9
message="Recovery day"
readiness="72 readiness · take it easy"
activities={[
"20-min easy walk outside",
"Mobility flow · 10 minutes",
"Sauna + cold plunge (optional)",
"Protein + carbs within 2 hours"
]}
tone="violet"
/>Amber PR celebration card with trophy tile, lift label, bold new weight, and an emerald delta pill.
Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.
Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.
Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.
Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
Exercise form card with a sky play tile, muscle-group line, info-dot cues, and a rose avoid callout.