Restaurant website kit

About this kit

A restaurant website has a handful of jobs, and nearly all of them happen on a phone, often within an hour of the meal. People want to know whether you are open tonight, what the food looks like and roughly what it costs, where you are and how to park, and how to get a table. The story, the farms and the team matter too, but they should support those answers rather than push them below the fold.

The six pages in this kit follow those jobs. The header keeps a Book a table button on every page. The home page opens with opening hours and the booking button, then shows three signature dishes, a short story teaser, guest quotes, a location and hours band and a closing booking prompt. The menu page lists starters, mains, desserts and drinks as clean name, description and price rows with a dietary key and an allergen note. The about page introduces the team, names the suppliers and presents the private dining room, and the contact page combines a reservation request form with the address, hours, directions and an FAQ about groups, dogs and parking.

Build in this order: header and footer, then home, menu, about and contact. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. The reservation form also becomes an Elementor Pro Form. Before you publish, replace the name, hours, prices, address and phone number everywhere they appear — they repeat across the header, home, contact and footer — and swap the sample guest quotes for real reviews you have permission to use.

What is in the kit

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

• Headings: Playfair Display
• Body text: Lato

How to install the kit

1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.