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"
/>