Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel2 } from "@/components/beste/piece/travel2";
<Travel2
passenger="Beste Sözen"
flight="TK 1983"
from="IST"
to="LHR"
seat="12A"
gate="B22"
boardingTime="09:10"
headerLabel="Boarding pass"
passengerLabel="Passenger"
gateLabel="Gate"
boardingLabel="Boarding"
seatLabel="Seat"
/>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.
Itemized receipt for a trip with a dashed divider before the bold total and passenger note.
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.