咖啡馆官网做得再漂亮，客人真正会点开的只有两页：菜单和地址。卡菲诺把版面预算花在了对的地方——菜单做了两套排版，一套偏图册式适合展示出品，一套偏清单式适合快速扫价；订座页与预订表单各备一份；环境相册单独成页。全站只有十一个页面，没有一页是为了撑场面存在的。
首页给了两套：静态版与视频背景版。咖啡馆的视频素材通常是拉花、萃取、烘豆这类短镜头，视频背景版能把这些直接用在首屏。内容区块围绕「不只是咖啡，是一种体验」组织，把现烘豆源、招牌配方、舒适环境、待客之道四件事分块陈述，再接早餐时段优惠、买二送一、欢乐时光这类促销位。
它基于 Bootstrap 5.0.2 构建，若需接入依赖新版 Bootstrap 的组件要先做升级。
这套结构同样适用于独立咖啡馆、茶室、面包烘焙坊、小酒馆、甜品店、社区餐吧……凡是「靠出品和氛围留客、菜单更新频繁、到店消费为主」的门店生意都合用。
核心功能
菜单两套排版，图册式与清单式分别适配看出品与扫价两种需求
订座页与预订表单各备一份，到店消费的转化路径完整
环境相册单独成页，氛围本身就是咖啡馆的主要卖点
两套首页版式，静态版与视频背景版可按素材条件选用
招牌饮品区块单列产品特写，拉花与出品照有专属展示位
促销位覆盖早餐时段、买二送一与欢乐时光三类常见活动
品牌理念区块把豆源、配方、环境、服务四件事分块陈述
博客区承接冲煮教程与饮品推荐，适合做咖啡相关长尾词
页面与技术规格
11 个 HTML 页面，含 2 套首页，实测 128 个文件、7.5 MB
基于 Bootstrap 5.0.2，版本偏早，接入新版组件前需先升级
依赖极少，除框架外仅引 Swiper 与 GSAP 两个库，加载链路短
首屏视频背景为原生实现，可直接替换为自拍的出品短片
Swiper 承担招牌饮品与评价横滚，GSAP 控制区块进场时序
页面少而集中，改一次菜单基本只动一到两个文件
