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"
/>