Loyalty Status

Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.

Miles & SmilesElite Gold
42,180miles
7,820 miles to Elite Platinum

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

Import & use
import { Travel16 } from "@/components/beste/piece/travel16";

<Travel16
  program="Miles & Smiles"
  tier="Elite Gold"
  miles="42,180"
  milesLabel="miles"
  milesToNext="7,820 miles to Elite Platinum"
  progress={84}
  tone="neutral"
/>

More Travel pieces

View all Travel
Passenger info
Seat 12D
Oud Beste
PassportTR P 284 911 58
NationalityTürkiye
DOB1991-08-19
FF statusElite Gold · 284 519

Passenger Info

travel15

Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.

PC 1142SAW → AMS
Boarding now
Gate 34 · closing in 8 minUpdated 1 min ago

Flight Status

travel4

Live status card with a colored pill for on-time, delayed, boarding, or cancelled flights.

Next tripLisbon · Jun 14
12days to go
Boarding in 4h 37m · 09:40 local

Departure Countdown

travel10

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

09:40IST
12:20CDG
3h 40m
2h 30m layover in Paris
14:50CDG
17:05LHR
1h 15m

Trip Segments

travel6

Multi-leg journey card with stacked segment rows and an amber layover strip between them.

Kyoto
Culture
KyotoJapan
Trending this month64.1K saves

Destination Card

travel12

Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.

This year
18Countries
42Flights
96,240Miles

Trip Stats

travel8

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