Taverna to Mpelles — 餐厅网站
我为Taverna to Mpelles设计并开发了一个双语（希腊语/英语）单页网站——这是一家位于塞雷斯凯尔基尼湖畔的传统希腊餐馆。网站具有8个菜品类别和40多道菜品的互动菜单模态框、展示19条来自Google和TripAdvisor五星评价的评论轮播，以及包含60多张照片的可筛选画廊与灯箱浏览功能。我使用PHP、Tailwind CSS和原生JavaScript构建项目，采用JSON数据文件替代数据库。网站包含新闻和活动板块、周边景点、200多个翻译键的完整双语支持，以及面向本地商家和餐厅Schema的JSON-LD结构化数据的全面SEO。
技术栈
PHP
Tailwind CSS
Vanilla JavaScript
JSON Data
JSON-LD
Multilingual
Responsive Design
SEO
挑战
构建内容丰富的餐厅网站，包含互动菜单、评论和画廊，无需数据库或CMS，同时支持完整的双语内容。
解决方案
使用JSON数据文件管理菜品、评论和翻译，保持架构轻量快速。使用原生JS构建可复用的模态框和轮播组件，配合Tailwind实用类实现一致的样式。
