Departure Countdown

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

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

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

Import & use
import { Travel10 } from "@/components/beste/piece/travel10";

<Travel10
  label="Next trip"
  destination="Lisbon · Jun 14"
  days={12}
  daysLabel="days to go"
  detail="Boarding in 4h 37m · 09:40 local"
  progress={84}
  tone="neutral"
/>

More Travel pieces

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

Itinerary Day

travel3

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

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.

Airalo · Japan eSIM5 GB · 15 days
2.4 GB / 5 GB
12 days left · Expires May 4

eSIM Plan

travel29

Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.

PC 1142SAW → AMS
Boarding now
Gate 34 · closing in 8 minUpdated 1 min ago

Flight Status

travel4

Live status card with a colored pill for on-time, delayed, boarding, or cancelled flights.

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.

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.