Hotel Card
Hotel Alma SohoBarcelona, Spain4.8
€184/ night
Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.
The import and the props worth knowing about, in one place.
import { Travel11 } from "@/components/beste/piece/travel11";
<Travel11
surface="card"
bordered={false}
inverted={false}
name="Hotel Alma Soho"
location="Barcelona, Spain"
rating="4.8"
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="primary"
/>
