Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness6 } from "@/components/beste/piece/fitness6";
<Fitness6
goal="Run a half marathon"
target="21.1 km without stopping"
current="17.2 km longest run"
percent={82}
deadline="Target by Jun 28"
tone="neutral"
/>Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
Strength-set tracker listing each set with reps, weight, and a done or next pill at the end of the row.
Numbered warm-up routine with an orange flame header, a total-time pill, and duration column per row.
Amber PR celebration card with trophy tile, lift label, bold new weight, and an emerald delta pill.
Recovery-day card with an indigo moon tile, readiness line, and sparkle-bulleted active-recovery items.
Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.