Multi-leg journey card with stacked segment rows and an amber layover strip between them.
New here? Read the installation guide.
import { Travel6 } from "@/components/beste/piece/travel6";
<Travel6
segments={[
{
"depart": "09:40",
"departCode": "IST",
"arrive": "12:20",
"arriveCode": "CDG",
"duration": "3h 40m"
},
{
"depart": "14:50",
"departCode": "CDG",
"arrive": "17:05",
"arriveCode": "LHR",
"duration": "1h 15m"
}
]}
layover="2h 30m layover in Paris"
/>Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.
Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.
Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.