Components

Hero

Hero — a full-width banner that opens a page with a headline, a line of copy, and a call to action, centered over a background. Use it once at the top of a landing or confirmation view to set the scene (a property photo behind a "your stay is booked" message); reach for a Card for anything smaller or repeated. Set `overlay` when a background image sits behind the content so the text stays legible, and set the image itself via `className` or `style` on the root. Keep the content to one idea — a heading, a sentence, one primary action.