Food Reserve Template
Book your table.A reservations page: a typographic hero, a booking details card, an overlay gallery of the room, an FAQ and reviews — composed from real sections in your design language.
When to use this template
A reservation page should get out of the way — one clear action, with just enough reassurance around it.
This one is dressed in Food & Drink copy and runs 7 sections, opening on the Vista navbar and closing with the Anchor footer. In between it covers hero, contact and gallery.
At a glance
- Page type
- Reserve
- Business
- Food & Drink
- Sections
- 7
- Section types
- 7
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
7 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Vista
NavbarLogo on the left, the inline nav centered, and a call to action on the right.
-
Mural
HeroCentered copy standing on a drawn horizon line that runs full width along the bottom edge.
-
Card
ContactOne centered elevated card holding the whole contact block — details, hours and a call to action together.
-
Overlay
GalleryPortrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
-
Index
FAQA two-column grid of open question-and-answer pairs — nothing hidden, everything readable at a glance.
-
Echo
TestimonialsA responsive grid of quote cards, each with a star rating, a short quote and an author row.
-
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.