返回作品集
Taverna Mpelles 首页:ΤΟ ΜΠΕΛΛΕΣ 标志,Home、About、Menu、Reviews、Gallery、News、The Area、Contact 菜单,ΕΛ | EN 切换和“Book a Table”按钮;背景是小酒馆入口的照片——石柱上挂着刻有“ΤΟ ΜΠΕΛΛΕΣ”的木招牌,配有灯笼和攀缘植物,室内摆着铺白桌布的餐桌,角落立着一块黑板菜单;画面中央是“Taverna Mpelles”标题、“Authentic Greek Cuisine”和“Near Lake Kerkini, at the foot of Mount Belles”两行文字,以及“View Menu”按钮和描边的“Book a Table”按钮,下方有四个轮播圆点。
在新标签页中打开 tavernampelles.gr

Taverna to Mpelles — 餐厅网站

项目概述

我为Taverna to Mpelles设计并开发了一个双语(希腊语/英语)单页网站——这是一家位于塞雷斯凯尔基尼湖畔的传统希腊餐馆。网站具有8个菜品类别和40多道菜品的互动菜单模态框、展示19条来自Google和TripAdvisor五星评价的评论轮播,以及包含60多张照片的可筛选画廊与灯箱浏览功能。我使用PHP、Tailwind CSS和原生JavaScript构建项目,采用JSON数据文件替代数据库。网站包含新闻和活动板块、周边景点、200多个翻译键的完整双语支持,以及面向本地商家和餐厅Schema的JSON-LD结构化数据的全面SEO。

挑战

构建内容丰富的餐厅网站,包含互动菜单、评论和画廊,无需数据库或CMS,同时支持完整的双语内容。

解决方案

使用JSON数据文件管理菜品、评论和翻译,保持架构轻量快速。使用原生JS构建可复用的模态框和轮播组件,配合Tailwind实用类实现一致的样式。