Trip Stats

Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.

This year
18Countries
42Flights
96,240Miles

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Travel8 } from "@/components/beste/piece/travel8";

<Travel8
  year="This year"
  stats={[
    {
      "value": "18",
      "label": "Countries"
    },
    {
      "value": "42",
      "label": "Flights"
    },
    {
      "value": "96,240",
      "label": "Miles"
    }
  ]}
/>