Small hotels,
chosen by people who stay in them

The prompt

Build a booking hero with Tailwind CSS for a travel or venue site. Use a full-width section with a deep neutral-900 background and a faint diagonal pattern, holding a centred max-w-4xl column: a small pill with a star glyph and a rating line, a large white headline of two lines, a light grey subline, and then a white search card that sits slightly overlapping the bottom edge. The card is a grid of four cells divided by hairlines — destination with a pin glyph, check-in date, check-out date, and guests — each cell showing a tiny uppercase label above a value in medium weight, plus a dark circular search button at the right end that becomes full width when the cells stack on small screens. Under the card, a row of three muted quick links for popular searches. Keep the card raised with a soft shadow and rounded-2xl corners.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.