Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel29 } from "@/components/beste/piece/travel29";
<Travel29
carrier="Airalo · Japan eSIM"
plan="5 GB · 15 days"
dataUsed="2.4 GB"
dataTotal="5 GB"
percent={48}
validity="12 days left · Expires May 4"
tone="neutral"
/>Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Live status card with a colored pill for on-time, delayed, boarding, or cancelled flights.
Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.
Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.