Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Health26 } from "@/components/beste/piece/health26";
<Health26
phase="inhale"
secondsLeft={3}
cycle="4-7-8 · Round 2 of 4"
/>Resting bpm card with a pulsing heart tile, large value, and a mini ECG trace underneath.
Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.
Oxygen saturation ring with the percentage stacked in the center and a pulse note on the side.
Three concentric progress rings for move, exercise, and stand goals with a color-keyed legend.
Daily check-in card summarizing heart, temperature, blood pressure, and SpO2 in a 2×2 tile grid.
Weekly training plan with focus labels, duration column, and per-row Done, Planned, or Rest states.