Destination Card

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

Kyoto
Culture
KyotoJapan
Trending this month64.1K saves

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

Import & use
import { Travel12 } from "@/components/beste/piece/travel12";

<Travel12
  city="Kyoto"
  country="Japan"
  tag="Culture"
  trending="Trending this month"
  savedCount="64.1K saves"
  image="https://images.unsplash.com/photo-1505069446780-4ef442b5207f?w=300&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjJ8fGt5b3RvfGVufDB8fDB8fHww"
  tone="rose"
/>

More Travel pieces

View all Travel
This year
18Countries
42Flights
96,240Miles

Trip Stats

travel8

Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.

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.

Hotel Alma Soho
Hotel Alma SohoBarcelona, Spain4.8· 2,412 reviews
€184/ night

Hotel Card

travel11

Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.

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.

EnteredPortugalLisbon · LIS14 · 06 · 26

Passport Stamp

travel9

Tilted rubber-stamp badge with a double border printing entry country, city code, and date.

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.