晨光咖啡 - 精品咖啡店品牌官网网产品系统Vibe Coding

精品咖啡店数字化展示场景。面向周边白领、咖啡爱好者，解决传统咖啡店线上曝光少、无法触达新客户、缺乏品牌质感的问题。用 AI 工具 1-3 天极速交付。

1. 全屏 Hero 区 + 咖啡师工作场景图 + 半透明遮罩
2. 6 款招牌产品展示（玻璃拟态卡片 + 价格标签 + hover 放大）
3. 关于我们 + 品牌故事 + 咖啡文化介绍
4. 留言预约表单（姓名 + 电话 + 留言）
5. 地址 / 营业时间 + 明暗主题切换 + 响应式布局

1. 单 HTML 文件落地页，暖棕色咖啡色系（#6F4E37 为主），背景用米白色 #F5F0EB
2. 顶部固定导航栏：首页 / 菜单 / 关于 / 联系 + 明暗主题切换按钮
3. Hero 区：全屏背景图（Unsplash 在线咖啡场景）+ 半透明遮罩 + 店名 / 口号 / CTA
4. 菜单区：6 款咖啡卡片横排，含图片、名称、价格、简介；卡片玻璃拟态，hover 图片放大 + 卡片上浮
5. 关于我们：左图右文布局，讲述品牌故事与咖啡文化
6. 联系区：地址、电话、营业时间 + 留资表单（姓名 + 电话 + 留言 + 提交）
7. 页脚：版权信息 + 社交媒体 emoji 图标 + 动态年份
8. 滚动淡入动画 + 顶部进度条 + 响应式布局（移动端卡片竖排、导航变汉堡菜单）