Client case · Corporate Websites
EMBER & OLIVE
- Astro
- React
- TypeScript
- Tailwind CSS
- View Transitions
- React Hook Form
- Zod
- Supabase
- Resend
- OpenTable API
- Cloudflare Pages
Description
A reservation-first restaurant website for a neighborhood Mediterranean dining room, combining current service times, clearly priced menus, seasonal sourcing notes, dietary guidance, and a direct path from appetite to table request.
Project details
The first screen is structured around the decisions a guest actually needs to make: date, party size, menu, price, and available service. Warm editorial photography sits beside a compact reservation panel and a changing kitchen board instead of hiding practical information behind lifestyle copy. Lunch, à la carte, and tasting menus include real price ranges, dietary markers, and short ingredient notes. The experience also covers the chef's approach, growers and suppliers, address, opening hours, cancellation terms, and accessibility information. Responsive ordering keeps booking controls within reach on mobile, while validated fields, clear focus states, reduced transitions, and an immediate local confirmation make the concept feel like a working independent restaurant.
Interface gallery
Project screens