Smart-scale readout card with four muted tiles for weight, body fat, muscle mass, and water percent.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness5 } from "@/components/beste/piece/fitness5";
<Fitness5
weight="74.2 kg"
bodyFat="16.8%"
muscle="38.6 kg"
waterPct="58.2%"
measuredAt="Smart scale · this morning"
label="Body composition"
tone="emerald"
/>Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.
Exercise form card with a sky play tile, muscle-group line, info-dot cues, and a rose avoid callout.
Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.
Strength-set tracker listing each set with reps, weight, and a done or next pill at the end of the row.
Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.