Food & Drink · Home page

Food Home Template

An appetite-first home page.A restaurant/cafe home page: a photographic hero, a priced menu panel, a story block, reviews and opening hours — composed from real sections and dressed in your tokens.

When to use this template

A home page has to do the whole job at once: say what this is, show it is real, and give a first step — all before anyone scrolls twice.

This one is dressed in Food & Drink copy and runs 7 sections, opening on the Vista navbar and closing with the Atlas footer. In between it covers hero, gallery and content.

At a glance

Page type
Home
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:

  1. Vista

    Navbar

    Logo on the left, the inline nav centered, and a call to action on the right.

  2. Canvas

    Hero

    The picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.

  3. Ledger

    Gallery

    A menu or price-list form with no images — title and caption on the left, a dotted leader, the price on the right.

  4. Story

    Content

    A classic zigzag narrative — alternating rows pairing a swappable image with a block of story copy.

  5. Echo

    Testimonials

    A responsive grid of quote cards, each with a star rating, a short quote and an author row.

  6. Hours

    Contact

    A visit-focused split with the contact details on the left beside an opening-hours panel on the right.

  7. Atlas

    Footer

    A comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.

Food Home template FAQ

How is Food Home different from Food Bold?
Both are Food & Drink page templates, but they are built from different layouts — they share no sections at all. Food Home runs 7 sections and opens on the Vista navbar; Food Bold runs 7 and opens on the Helm navbar.
Can I use only part of the Food Home template?
Yes. The 7 sections are independent, so you can remove any of them and keep the rest. Vista and Atlas are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Food Home?
The preview is filled with sample Food & Drink copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.
Food Bold Warm, tactile, inviting. Food Menu The full menu, beautifully set. Food Story The kitchen and the crew. Food Events Private dining and bookings. Food Catering Bring the kitchen to you. Food Reserve Book your table.

All Food & Drink templates →