Athlete Scorecard
Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.
Beste SözenSilver · tier 4
142Sessions
184hHours
12PRs
72% to gold
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
Import & use
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"
/>