Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel1 } from "@/components/beste/piece/travel1";
<Travel1
airline="Turkish Airlines"
from="IST"
to="LHR"
departTime="09:40"
arriveTime="12:20"
duration="4h 40m · Direct"
price="$312"
tone="neutral"
/>Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.
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.
Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.
Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.