Hotel Card

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

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

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

Import & use
import { Travel11 } from "@/components/beste/piece/travel11";

<Travel11
  name="Hotel Alma Soho"
  location="Barcelona, Spain"
  rating="4.8"
  reviewCount="2,412 reviews"
  pricePerNight="€184"
  perNightLabel="/ night"
  image="https://images.unsplash.com/photo-1562861844-763c4ae2e696?q=80&w=200&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
  tone="sky"
/>

More Travel pieces

View all Travel
Skip the lineVatican Museums & Sistine Chapel
€54per person
Rome3 hours · Small group
★ 4.9 · 12,340 reviews

Tour Booking

travel18

Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.

Kyoto
Culture
KyotoJapan
Trending this month64.1K saves

Destination Card

travel12

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

Andrea P.
Andrea P.Solo trip · Jun 2026

Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat.

Stayed 4 nights

Trip Review

travel19

Traveler review card with avatar initials, star rating, a clipped body paragraph, and a trip-type footer.

Turkish Airlines
$312
09:40IST
4h 40m · Direct
12:20LHR

Flight Card

travel1

Flight result with airline, price, two airport codes, and a dotted route arc connecting times.

Property amenities
Free Wi-Fi
Rooftop pool
Air-conditioning
Breakfast included
Airport shuttle
Pet friendly

Amenities Grid

travel22

Property features card laying out amenities as a two-column grid of sky-dot prefixed chips.

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.