A Mediterranean evening / Selected work
The Loft Zante
A hospitality website for O’Callaghan’s Loft in Zakynthos, with a browsable drinks menu, venue photography, events, and visitor information.
Website build · public preview unavailable01 / The project
The problem to solve.
A hospitality website needs to help visitors picture the venue and answer practical questions quickly: what is on the menu, what is happening, and how to get there. I brought those needs together in one responsive website for The Loft Zante.
Decisions / Scope / Result
How I approached it.
Make the menu structured content
Menu categories, item descriptions, prices and serving options live in typed data and render through a reusable browser. This keeps presentation consistent and makes content changes explicit in the source; it does not provide a separate menu-management service.
Keep the visit information close
The page combines photography and events with hours, location and a map. Category controls expose their selected state, while responsive sections keep the same information available across screen sizes.
What came out of the work
The public repository contains the complete website and menu interaction. Its menu is explicitly labelled as sample content, so the case study demonstrates the implementation without presenting those prices as a current venue menu.
The previously linked Vercel preview was unavailable when reviewed. Source is available below; no visitor, booking or revenue impact is claimed.
Find your evening.
Browse a sample drinks menu.
An example of the category browsing experience. These are illustrative items, not the venue’s current menu.
03 / The build
Details that matter.
Built a category-based menu browser backed by typed menu data, including prices, descriptions, and serving options.
Combined venue photography, event content, opening hours, and a location map into a responsive visitor experience.
Used reusable React components and Tailwind CSS for a consistent visual presentation.
Application
Next.js / React / TypeScript
Interface
Tailwind CSS / Responsive Layouts / Interactive Menu / Photo Gallery
Have a related challenge?
Let’s talk about your project.
Tell me about your business, who the website should help, and what visitors need to do.