Trip Segments

Multi-leg journey card with stacked segment rows and an amber layover strip between them.

09:40IST

12:20CDG

3h 40m

2h 30m layover in Paris

14:50CDG

17:05LHR

1h 15m

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
/>