WorkHearth & Harbor
Hearth & Harbor
A fictional neighborhood kitchen presented like a printed menu: atmosphere first, dishes by category, and a reservation inquiry that does not hold a table.
/demo/hearth-and-harbor
A neighborhood table for unhurried suppers.
Hypothetical brief
A hypothetical restaurant needs an inviting digital storefront where guests can explore the menu and understand how to visit.
Product approach
Lead with atmosphere, make the menu scannable by category, and keep reservation requests clearly separate from a confirmed booking.
Main features
Menu categories
Tabs filter a sample menu with fictional prices and vegetarian labels.
Gallery
Illustrated plates open in a keyboard-accessible lightbox.
Visit details
Hours and a sample address are marked as fictional.
Reservation inquiry
Past dates are rejected. Success copy says the table is not reserved.
Selected screens
A neighborhood table for unhurried suppers.
Hero
An editorial opening built around the meal, not a delivery-app grid.
Menu
Category tabs reveal sample dishes and prices.
Your table is not reserved.
Demo inquiry only.
Reserve
The inquiry checks the date and party size, then stays local.
Technology notes
Responsive Next.js page with local menu data. The reservation form does not contact a restaurant or hold a table.
- Editorial design
- Menu interface
- Inquiry flow