Athenee NYC — A Mediterranean Restaurant Website in Next.js

Athenee is a modern Mediterranean restaurant in Midtown Manhattan, bringing together Greek flavors and Italian influences. I rebuilt its website as a custom Next.js experience, translating the restaurant's supplied identity, artwork, films and photography into a consistent digital presentation.

The website needed to communicate the atmosphere of the restaurant while helping visitors find practical information: what is on the menu, where the restaurant is located, how to reserve a table and how to inquire about a private event. The challenge was to balance an expressive hospitality brand with the clarity people expect when planning a visit.

I handled website design and development, from page structure and responsive layouts to media integration and guest-facing interactions. The scope included the homepage, cuisine, food and drinks menus, gallery, private dining, careers and contact pages.

I used an ivory-led palette, restrained accent colors and a combination of display, editorial and interface typography. Generous spacing and carefully paced sections give photographs, illustrations and short passages of text room to communicate the restaurant's character.

The homepage combines an opening film with distinct stories about the house, neighborhood, food and drinks. Interior and table photography introduces the physical setting, while dedicated pages let visitors explore the cuisine and private dining options in more depth. On smaller screens, the layouts become simpler while preserving the hierarchy and essential information.

I built the site with Next.js App Router, TypeScript and Tailwind CSS, using reusable components for navigation, page headers, imagery and calls to action. Framer Motion provides subtle entrance and reveal effects, with reduced-motion support.

The food and drinks menus are readable HTML pages rather than PDF-only experiences. Their content follows the supplied menu documents, and downloadable originals remain available. A shared reservation chooser gives visitors a clear choice between OpenTable and Resy.

Private dining and careers pages provide dedicated inquiry and application forms, with server-side email handling through Resend. The media implementation includes different hero video compositions for desktop and mobile, responsive image delivery and controlled playback behavior.

Page metadata, a sitemap and restaurant structured data support the site's presentation to search engines and social platforms. Reusable page structures and centralized content make future menu, photography and editorial updates easier to maintain.

The result is a live, multi-page website connecting Athenee's visual identity with the actions visitors need to take. Guests can explore the restaurant, read its menus, browse the gallery, choose a reservation platform and find the appropriate inquiry route.