Booking Confirmation

Emerald success card for a confirmed stay with check-in and check-out split and a bold total.

Booking confirmedAKSQ-24LP-7N
Hotel Alma Soho · Barcelona
Check-inJun 14
Check-outJun 18
4 nights · 2 adults€736

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

Import & use
import { Travel13 } from "@/components/beste/piece/travel13";

<Travel13
  confirmationNo="AKSQ-24LP-7N"
  hotel="Hotel Alma Soho · Barcelona"
  checkIn="Jun 14"
  checkOut="Jun 18"
  nights={4}
  guests="2 adults"
  total="€736"
/>

More Travel pieces

View all Travel
Cancellation policyFull refund
Cancel free before May 10 · 23:59 local50% refund if cancelled between May 11 and May 20. Non-refundable after.

Cancellation Policy

travel21

Emerald policy card showing a big refund line, the cancel-by window, and a tapered note below.

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.

Next tripLisbon · Jun 14
12days to go
Boarding in 4h 37m · 09:40 local

Departure Countdown

travel10

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

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.

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

Hotel Card

travel11

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

Passenger info
Seat 12D
Oud Beste
PassportTR P 284 911 58
NationalityTürkiye
DOB1991-08-19
FF statusElite Gold · 284 519

Passenger Info

travel15

Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.