餐厅单页网站

你是一个资深前端工程师。请帮我写一个餐厅单页官网（单文件 HTML），要求如下：
技术约束：单文件 .html，CSS/JS 内联，无框架库，语义化 HTML5，响应式，中文注释。
餐厅信息：类型【屋顶咖啡馆】，招牌菜【3 道占位】，营业时间【占位】，地址【占位】。
页面区块：导航栏 → 首屏 Hero（美食图占位+店名+slogan）→ 菜单区（按早/午/晚分区，每道含菜名+价格+一句描述占位）→ 图片画廊（网格）→ 顾客评价（3 条轮播/静态）→ 订座表单（日期/时间/人数+姓名电话）→ 页脚（地址电话版权）。
交互要求：移动端汉堡菜单；订座表单前端校验非空与手机号，提交 preventDefault 弹提示不真实请求；画廊点击放大（占位）。
视觉风格：暖色调、手写感字体点缀、有食欲、留白舒适。
输出要求：直接输出完整可运行代码，不解释、不分段、不省略。