Traveler review card with avatar initials, star rating, a clipped body paragraph, and a trip-type footer.
Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat.
Stayed 4 nightsRequires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Travel19 } from "@/components/beste/piece/travel19";
<Travel19
author="Andrea P."
role="Solo trip · Jun 2026"
rating={5}
body="Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat."
tripType="Stayed 4 nights"
image="https://images.unsplash.com/photo-1576775068668-c147f14c36f7?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDd8fHxlbnwwfHx8fHw%3D"
tone="primary"
/>Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.
Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.
Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.
Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.