Weekly training plan with focus labels, duration column, and per-row Done, Planned, or Rest states.
The import and the props worth knowing about, in one place.
import { Health18 } from "@/components/beste/piece/health18";
<Health18
week="Training · Week 6"
days={[
{
"day": "Mon",
"focus": "Push",
"duration": "55 m",
"done": true
},
{
"day": "Tue",
"focus": "Pull",
"duration": "50 m",
"done": true
},
{
"day": "Wed",
"focus": "Rest",
"duration": "—",
"rest": true
},
{
"day": "Thu",
"focus": "Legs",
"duration": "65 m"
},
{
"day": "Fri",
"focus": "Cardio",
"duration": "30 m"
},
{
"day": "Sat",
"focus": "Rest",
"duration": "—",
"rest": true
},
{
"day": "Sun",
"focus": "Mobility",
"duration": "25 m"
}
]}
/>Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.
Lift tracker with an exercise header, set progress bar segments, and a rest-timer chip on the right.
Running recap with total distance and time at the top and a per-kilometer pace and elevation table.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.