Destination Card

About this piece

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

Usage

The import and the props worth knowing about, in one place.

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

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

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

Hotel Alma SohoBarcelona, Spain4.8· 2,412 reviews

€184/ night

Hotel Card

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

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

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

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