菜单这一块是这套模板做得比同类细的地方:它没有把菜品堆成一张长图,而是分了两层——菜单列表页按品类平铺全部菜品,菜单详情页用大图和描述把招牌菜单独讲透,转化效果比一张 PDF 菜单强得多。往外看,餐厅官网要同时招呼两拨人:一拨想订个位子过来吃,一拨想直接下单送到家。这套响应式餐饮外卖 Bootstrap 5 网站模板把两条路分开铺——订座页负责收堂食预订,商城模块负责外卖点单,购物车与结算流程完整可用。首页有经典版和全屏视频版两套,讲究氛围的餐厅可以直接上视频。主厨团队页把后厨的人露出来,配合评价页和实景画廊,让「值不值得跑一趟」有更多依据。
核心功能
菜单两级结构:列表页按品类平铺,详情页单独主推招牌菜
在线订座页:承接堂食预订与包间需求
商城模块闭环:商品列表、商品详情、购物车、结算,外卖点单可直接跑通
两套首页:经典优雅版与全屏视频背景版
主厨团队页:让后厨的人成为门店记忆点
实景画廊页:呈现门店环境与出餐效果,配顾客评价页
顶部常驻信息条:营业时间、地址与订餐电话
页面与技术规格
共 20 个 HTML 页面,含 2 套独立首页,资源包约 23.1 MB / 166 个文件(图片素材偏高清,体积较大)
基于
Bootstrap 5栅格构建,不依赖 jQuery,脚本更轻动效用
GSAP配AOS滚动进场,图片灯箱用Fancybox含隐私政策与服务条款页,配合线上下单的合规需要
全站响应式,菜单卡片在移动端自动降列