Ember & Oak — Luxury Fine Dining Landing Page

A high-end restaurant landing page featuring a full-screen parallax hero, interactive gallery lightbox, reservation form with zod validation, and 15 meticulously crafted sections. Dark theme with gold and copper accents, smooth scroll navigation, and micro-animations throughout.

Context

Ember & Oak is a luxury fine dining establishment that required a digital experience as refined as their cuisine. They needed a website that could convey the ambiance, artistry, and exclusivity of the restaurant while providing practical tools like reservations and menu browsing.

Problem

The primary challenge was capturing the sensory experience of fine dining — the lighting, the plating, the atmosphere — through a screen. The site needed to feel warm and luxurious with gold and copper accents, while handling complex interactions like table reservations with date/time pickers and special dietary requirements.

Solution & Features

• Full-screen parallax hero video showcasing the dining atmosphere and kitchen
• Interactive gallery lightbox with high-resolution food and interior photography
• Reservation form with Zod validation, date/time picker, party size, and seating preferences
• Menu sections with category filtering, dietary icons, and price display
• Private dining and events page with capacity details and inquiry form
• 15 meticulously designed sections with cohesive dark theme and metallic accents
• Smooth scroll navigation with section indicator dots
• Micro-animations on hover, scroll, and page transitions throughout

Tech Stack

Results