Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness3 } from "@/components/beste/piece/fitness3";
<Fitness3
program="Hypertrophy 12 · Phase 2"
weeks={[
{
"week": 5,
"focus": "Volume peak",
"sessions": 5,
"completed": true
},
{
"week": 6,
"focus": "Deload",
"sessions": 3,
"completed": true
},
{
"week": 7,
"focus": "Strength push",
"sessions": 5,
"current": true
},
{
"week": 8,
"focus": "Strength test",
"sessions": 4
}
]}
tone="neutral"
/>Numbered warm-up routine with an orange flame header, a total-time pill, and duration column per row.
Strength-set tracker listing each set with reps, weight, and a done or next pill at the end of the row.
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.
Smart-scale readout card with four muted tiles for weight, body fat, muscle mass, and water percent.
Amber PR celebration card with trophy tile, lift label, bold new weight, and an emerald delta pill.