Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Fitness4 } from "@/components/beste/piece/fitness4";
<Fitness4
streak={14}
week={[
true,
true,
true,
false,
true,
true,
false
]}
monthVisits={18}
weeklyGoal={5}
label="Gym streak"
tone="neutral"
/>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.
Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
Numbered warm-up routine with an orange flame header, a total-time pill, and duration column per row.
Recovery-day card with an indigo moon tile, readiness line, and sparkle-bulleted active-recovery items.
Multi-week training plan with emerald completed tiles, a primary current tile, and a current pill.