Week-at-a-glance meal plan with breakfast, lunch, and dinner columns and today highlighted in primary.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health11 } from "@/components/beste/piece/health11";
<Health11
week="Meal plan · This week"
days={[
{
"day": "Mon",
"breakfast": "Oats",
"lunch": "Bowl",
"dinner": "Salmon"
},
{
"day": "Tue",
"breakfast": "Yogurt",
"lunch": "Wrap",
"dinner": "Chili"
},
{
"day": "Wed",
"breakfast": "Smoothie",
"lunch": "Salad",
"dinner": "Stir-fry",
"today": true
},
{
"day": "Thu",
"breakfast": "Eggs",
"lunch": "Soup",
"dinner": "Pasta"
}
]}
/>Today's medication schedule with time, pill name and dose, and taken or upcoming pills on the right.
Weekly training plan with focus labels, duration column, and per-row Done, Planned, or Rest states.
Meal log pairing kcal with a three-segment macro bar for carbs, protein, and fat grams.
Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.
Recipe summary row with a warm chef tile, cook time, kcal, difficulty pill, and a dietary-tag row.
Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.