Restaurant · Website template

Casa Olivo

A warm, Mediterranean one-page website for a restaurant, trattoria or wine bar, with a seasonal menu, guest reviews, an FAQ and a table-booking form.

View the live demoComing soon

By Templates.party

Illustrated preview of the Casa Olivo restaurant landing page

Live demo

Platform: HTML + Tailwind
Pages: 1 HTML page
Language: English
Availability: Coming soon

What’s inside

One page, every section

One long page with what a restaurant needs to fill tables: why guests come back, the season’s favorite dishes with prices, reviews, an FAQ and a booking form. Cream and terracotta, set in Fraunces and Manrope.

Hero

Headline, short intro, book-a-table and view-menu buttons, and a strip of highlights.

Open in the demo

Why you’ll come back

Four highlights: local ingredients, seasonal cuisine, a curated cellar and private events.

Open in the demo

Reviews

What guests say, as placeholder quotes.

Open in the demo

FAQ

Common questions in an accordion.

Open in the demo

Book a table

Booking form: name, phone, date and party size, with address and opening hours.

Open in the demo

Built in

Responsive, mobile-first layout
In-page navigation to every section
Brand colors and fonts set once in tailwind.config.cjs
FAQ accordion built with native <details>, no JavaScript needed
Forms are laid out and ready to connect (Formspree, Netlify Forms, your own tool…); in the demo they send nothing
Mobile menu toggle (a few lines of vanilla JS)

Palette & type

Cream#FCF9F3
Terracotta#AF4229
Olive#354126
Sage#5C6F57
Ink#171412

Fraunces + Manrope (self-hosted, OFL), with Allura for the handwritten notes

Made for restaurants, bars & cafés. All copy is in English.

A fictional business

Casa Olivo is a fictional restaurant. Its dishes, prices, reviews and contact details are placeholders for you to replace. Don’t publish the demo reviews as real ones.