Numbered warm-up routine with an orange flame header, a total-time pill, and duration column per row.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness8 } from "@/components/beste/piece/fitness8";
<Fitness8
heading="Pre-lift warm-up"
items={[
{
"movement": "Rowing machine",
"duration": "3 min easy"
},
{
"movement": "World's greatest stretch",
"duration": "1 min each side"
},
{
"movement": "Bodyweight squats",
"duration": "12 reps"
},
{
"movement": "Band pull-aparts",
"duration": "15 reps × 2"
}
]}
totalTime="~ 8 minutes"
tone="neutral"
/>Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.
Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.
Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.
Strength-set tracker listing each set with reps, weight, and a done or next pill at the end of the row.
Smart-scale readout card with four muted tiles for weight, body fat, muscle mass, and water percent.
Exercise form card with a sky play tile, muscle-group line, info-dot cues, and a rose avoid callout.