Client type
Premium neighborhood cafe and casual dining brand
Back to work
Restaurant and Cafe Case Study
Live Demo / v1
Ember & Oak Cafe
A premium restaurant and cafe demo showing how the portfolio engine can support local food businesses with menu, booking, gallery, hours, and contact flows.
What this proves
- A second local-business category inside the same portfolio system
- Config-driven restaurant content without creating a separate project
- Reusable menu, booking, review, gallery, hours, and location sections
- A client-ready demo for cafes, restaurants, bakeries, and brunch spots
Problem
Cafe websites often hide menu, hours, reservations, and location behind generic visuals or delivery-app style layouts.
Solution
A warm editorial landing page powered by structured restaurant content: menu highlights, categories, reservation flow, reviews, gallery, hours, map-ready location, FAQ, and WhatsApp CTA.
Tech stack
Next.js, TypeScript, Tailwind CSS, shadcn-style primitives, Lucide icons, config-driven demo registry
System features
Clear Menu System
A focused menu structure with best sellers, categories, prices, and easy scan paths.
Reservation CTA
A high-intent booking section that turns browsing into table reservations.
Local Trust Blocks
Reviews, hours, location, and contact details placed where customers need them.
WhatsApp Ready
Fast call, message, and order CTAs for local customer behavior.
Version history
Build, review, improve
v1 / 2026-04-29
Ember & Oak Cafe V1
Review 2026-05-06
Create the second local business demo with a clearly different brand system from the gym demo.
- - Created warm cafe brand kit and UI board
- - Added cream editorial menu sections
- - Generated hero, menu, interior, and storefront images
- - Added reservation, opening hours, FAQ, gallery, and location sections
Expected outcome: Prove the same codebase can support a completely different industry and visual language.
Demo Bar
Ember & Oak Cafe