Taverna to Mpelles — Restaurant Website
I designed and developed a bilingual (Greek/English) single-page website for Taverna to Mpelles, a traditional Greek taverna near Lake Kerkini in Serres. The site features an interactive menu modal with 8 food categories and 40+ items, a review carousel showcasing 19 five-star reviews from Google and TripAdvisor, and a filterable gallery with 60+ photos and lightbox viewing. I built the project with PHP, Tailwind CSS, and vanilla JavaScript, using JSON data files instead of a database. The site includes a news and events section, area attractions, full bilingual support with 200+ translation keys, and comprehensive SEO with JSON-LD structured data for local business and restaurant schema.
Technologies
PHP
Tailwind CSS
Vanilla JavaScript
JSON Data
JSON-LD
Multilingual
Responsive Design
SEO
Challenges
Building a content-rich restaurant site with an interactive menu, reviews, and gallery without a database or CMS, while supporting full bilingual content.
Solutions
Used JSON data files for menu items, reviews, and translations, keeping the architecture lightweight and fast. Built reusable modal and carousel components in vanilla JS with Tailwind utility classes for consistent styling.
