SmileCare Dental — 牙科诊所网站模板
一套现代响应式牙科诊所网站模板，由 Themedown 设计评审并手工构建。免费用于个人和商业项目。
快速开始
bash
git clone https://github.com/tookit/dental-website-template.git
cd dental-website-template
# 直接用浏览器打开 index.html，或用本地服务器：
npx serve .
无需构建、无需 npm install，打开即用。
页面
| 页面 | 说明 |
|---|---|
| 首页 | 非对称 Hero + 服务 Zig-zag 布局 + 数据栏 + 团队预览 + 客户评价 + CTA |
| 关于 | 使命与价值观 + 诊所照片 + 发展时间线 |
| 服务 | 4 个服务分类（图文交替布局）+ FAQ 手风琴 |
| 团队 | 3 组共 8 人（牙科医生、卫生师、患者关怀团队） |
| 联系 | 分栏布局：联系表单 + 诊所信息卡片 + 地图占位 |
技术栈
- HTML5 — 语义化标签
- Tailwind CSS — CDN 加载，实用优先的样式方案
- Alpine.js — 轻量交互（移动菜单、FAQ 手风琴、评价轮播、表单状态）
- Lucide — 统一的现代图标库
特性
- 全响应式 — 移动优先，768px 以下单列布局
- 非对称 Hero，标题内嵌图标装饰
- 服务区块 Zig-zag 交替图文节奏
- 统计数据滚动动画（Mono 字体数字）
- 评价自动轮播（6 秒间隔）
- FAQ 手风琴展开/收起
- 联系表单提交确认反馈
- 导航栏滚动感知（透明 → 白色毛玻璃）
- 滚动渐显动画
- 零构建工具、零依赖 — 静态文件夹即可运行
设计规范
完整设计规范见 DESIGN.md — 包含色彩体系、字体层级、组件行为、布局原则、动效哲学及反模式约束。
开源协议
MIT — 免费用于个人和商业项目。
