Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
The import and the props worth knowing about, in one place.
import { Fitness10 } from "@/components/beste/piece/fitness10";
<Fitness10
athlete="Beste Sözen"
tier="Silver · tier 4"
initials="BS"
stats={[
{
"label": "Sessions",
"value": "142"
},
{
"label": "Hours",
"value": "184h"
},
{
"label": "PRs",
"value": "12"
}
]}
xp={72}
xpLabel="% to gold"
image="https://images.unsplash.com/photo-1740510294148-2b8f82471496?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDI1fHx8ZW58MHx8fHx8"
tone="neutral"
/>Smart-scale readout card with four muted tiles for weight, body fat, muscle mass, and water percent.
Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.
Amber PR celebration card with trophy tile, lift label, bold new weight, and an emerald delta pill.
Check-in streak card with a flame tile, day count, seven-day attendance row, and weekly/monthly counts.