Itinerary Day

Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.

Day 3Lisbon
Sat, Jun 14
09:00Time Out MarketCais do Sodré
12:30Ride Tram 28Praça Luís Camões
18:00Miradouro sunsetGraça

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

Import & use
import { Travel3 } from "@/components/beste/piece/travel3";

<Travel3
  day={3}
  destination="Lisbon"
  date="Sat, Jun 14"
  dayLabel="Day"
  stops={[
    {
      "time": "09:00",
      "title": "Time Out Market",
      "place": "Cais do Sodré"
    },
    {
      "time": "12:30",
      "title": "Ride Tram 28",
      "place": "Praça Luís Camões"
    },
    {
      "time": "18:00",
      "title": "Miradouro sunset",
      "place": "Graça"
    }
  ]}
/>

More Travel pieces

View all Travel
Next tripLisbon · Jun 14
12days to go
Boarding in 4h 37m · 09:40 local

Departure Countdown

travel10

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

Skip the lineVatican Museums & Sistine Chapel
€54per person
Rome3 hours · Small group
★ 4.9 · 12,340 reviews

Tour Booking

travel18

Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.

09:40IST
12:20CDG
3h 40m
2h 30m layover in Paris
14:50CDG
17:05LHR
1h 15m

Trip Segments

travel6

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

Turkish Airlines
$312
09:40IST
4h 40m · Direct
12:20LHR

Flight Card

travel1

Flight result with airline, price, two airport codes, and a dotted route arc connecting times.

Kyoto
Culture
KyotoJapan
Trending this month64.1K saves

Destination Card

travel12

Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.

Miles & SmilesElite Gold
42,180miles
7,820 miles to Elite Platinum

Loyalty Status

travel16

Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.