Athlete Scorecard

Athlete profile card with a medal badge, tier label, three-stat tile row, and an XP-to-next-tier bar.

Beste Sözen
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"
/>