Training Program

Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.

Hypertrophy 12 · Phase 2
W5
Volume peak5 sessions
W6
Deload3 sessions
W7
Strength push5 sessions
Current
W8
Strength test4 sessions

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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"
/>