Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel8 } from "@/components/beste/piece/travel8";
<Travel8
year="This year"
stats={[
{
"value": "18",
"label": "Countries"
},
{
"value": "42",
"label": "Flights"
},
{
"value": "96,240",
"label": "Miles"
}
]}
/>Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.
Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat.
Stayed 4 nightsTraveler review card with avatar initials, star rating, a clipped body paragraph, and a trip-type footer.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.