Food & Beverage · 2026
Olive & Ember
Where fire meets flavor
- Restaurant website
- Concept
Built with
A concept website for a modern Mediterranean restaurant: a cinematic homepage, a filterable menu, a gallery and a reservation flow.
| Industry | Food & Beverage |
|---|---|
| Project | Restaurant website |
| Sector | Restaurant (concept) |
| Year | 2026 |
| Status | Concept |
In short
A cinematic homepage: the photo opens from an ember slit, with drifting sparks.
A full menu with course and dietary filters, dish photos and prices.
Reservations with a calendar, seating times, party size and validation.
On every screen
Drag or scroll sideways
Overview
Olive & Ember is a concept site for a fictional modern Mediterranean restaurant, built as a portfolio piece around the line "Where fire meets flavor". The restaurant, menu, team and reviews are sample content, and the site says so.
What's on the site
- A homepage with a cinematic hero, a ticker band, the story, a "five plates" section with a live image swap, the chef, a masonry gallery and guest reviews.
- A menu page with chef's signatures, course filters and vegetarian, vegan and gluten-free filters, plus an empty state when nothing matches.
- A gallery filtered by food, interiors and experiences, with a lightbox that works by keyboard and swipe.
- A reservation flow: a calendar with Mondays closed and a 60-day horizon, seating times by day, party size, details and an error summary.
How it's built
Next.js with the App Router, React, TypeScript, Tailwind CSS and Motion. It builds to a fully static site. The forms validate everything and tell visitors plainly that nothing was sent, since there is no booking backend yet.
