Foreign-exchange card with a source-to-target amount swap, a rate row, and a trend pill on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel26 } from "@/components/beste/piece/travel26";
<Travel26
from="100 EUR"
to="USD"
amount="100"
result="108.42"
rate="1 EUR = 1.0842 USD"
trend="up"
trendAmount="+0.32% today"
/>Quick language helper with English meaning, native script, and romanized transliteration per row.
Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.
Traveler eSIM card showing carrier, plan, data-used fraction pill, and a progress bar toward the total allowance.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.
Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.