Beerwah Dental Redesign — 牙科诊所网站重设计
温暖、现代、转化导向的牙科诊所静态网站重设计，由 Themedown 设计并手工构建。
快速开始
bash
git clone <repo-url>
cd beerwahdental-redesign
# 直接用浏览器打开 index.html，或用本地服务器：
npx serve .
无需构建、无需 npm install，打开即用。
页面
| 页面 | 说明 |
|---|---|
| 首页 | 非对称 Hero + 快速操作栏 + 特色服务面板 + 团队 + 评价 + 认证 + 支付 + FAQ + CTA |
| 关于 | 诊所故事（数据卡片 + 正文）+ 价值观 + 团队照片 + 诊所特色 |
| 服务 | 服务目录（混合布局）+ FAQ 手风琴 |
| 联系 | 联系方式 + 营业时间 + 预约表单 + 地图占位 |
技术栈
- HTML5 — 语义化标签，首页自包含内联样式
- CSS3 — 自定义属性、Grid、Flexbox、Grid 动画手风琴
- JavaScript — 移动菜单、FAQ 手风琴、表单提交反馈
- Lucide — CDN 图标
特性
- 全响应式 — 1180px / 1024px / 767px 三个断点
- 非对称 Hero（clip-path 椭圆裁剪 + 渐变叠加）
- 首页内联样式自包含
- 快速操作栏 + 混合服务布局 + 评价展示 + 支付支持
- CSS Grid 手风琴动画
- 无障碍（skip-link、focus-visible、aria 属性）
- prefers-reduced-motion 支持
- 零构建工具、零框架依赖
设计规范
完整设计规范见 design.md — 包含色彩体系、字体层级、组件行为、响应式断点、无障碍要求。
脚本
site.js— 移动端菜单切换、FAQ 手风琴、联系表单提交处理
开源协议
MIT — 免费用于个人和商业项目。
