Skip to content
Live siteBrand sitesFine dining

Ambré

A quiet, editorial restaurant site that sells the room before the menu.

Photography on this build is placeholder stock imagery, to be swapped for the restaurant's own.

Home, menu, gallery and reservations. Recorded from the running site.
Type
Live site
Industry
Fine dining
Category
Brand sites
Built with
  • React 18
  • React Router
  • Framer Motion
  • Vite

The brief

A restaurant site has seconds to sell an atmosphere and then has to get a visitor from the menu to a booked table.

How we built it

Eight real pages on React Router with Framer Motion: slow background slideshows with scrims for legible text, page transitions, scroll reveals, a custom cursor, magnetic buttons and an image lightbox. All content lives in data files so photos and copy swap easily.

What is in it

  • Home, menu with categories, about, chefs, gallery, private dining, reservations and contact
  • Auto-advancing image backgrounds with legibility scrims
  • Page transitions, custom cursor and scroll progress
  • Image lightbox and a reservation request form

A closer look at Ambré.

  • Ambré restaurant hero reading Quiet rooms, rare occasions
    First screen.
  • Ambré story section Cooked slowly, served quietly
    The story section.
  • Ambré menu page
    The menu.
  • Ambré reservation form
    Request a table.
Ambré restaurant on a phone
Phone view

Want a build like this?

Tell us what you need. We will say what we would build, what stays manual, and what it would honestly take.

Get a QuoteSend a quick message