Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel15 } from "@/components/beste/piece/travel15";
<Travel15
name="Oud Beste"
passportNo="TR P 284 911 58"
nationality="Türkiye"
frequentFlyer="Elite Gold · 284 519"
birthDate="1991-08-19"
seat="12D"
/>Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat.
Stayed 4 nightsTraveler review card with avatar initials, star rating, a clipped body paragraph, and a trip-type footer.
Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.