# 热爱健康 PC 网站原型站

**预览地址**: https://preview.reai120.com  
**创建日期**: 2026-03-04  
**状态**: P0 核心页面已完成

---

## 📁 网站结构

```
/wwwroot/preview.reai120.com/
├── index.html          # 首页 (P0)
├── jigou.html          # 机构列表页 (P1)
├── jigou-123.html      # 机构详情页示例 (P0)
├── taocan.html         # 套餐列表页 (P1)
├── taocan-456.html     # 套餐详情页示例 (P0)
├── about.html          # 关于页面 (P2)
└── contact.html        # 联系方式 (P2)
```

---

## 📄 已完成的页面

### P0 核心页面（SEO 收录必备）

| 页面 | 文件 | URL 路径 | 状态 |
|------|------|----------|------|
| 首页 | index.html | `/` | ✅ |
| 机构详情页 | jigou-123.html | `/jigou/123/` | ✅ |
| 套餐详情页 | taocan-456.html | `/taocan/456/` | ✅ |

### P1 列表页

| 页面 | 文件 | URL 路径 | 状态 |
|------|------|----------|------|
| 机构列表页 | jigou.html | `/jigou/` | ✅ |
| 套餐列表页 | taocan.html | `/taocan/` | ✅ |

### P2 功能页

| 页面 | 文件 | URL 路径 | 状态 |
|------|------|----------|------|
| 预约确认页 | yuyue.html | `/yuyue/` | ✅ |
| 关于页面 | about.html | `/about/` | ✅ |
| 联系方式 | contact.html | `/about/contact/` | ✅ |

---

## 🔧 技术配置

### Nginx 配置
- **配置文件**: `/etc/nginx/sites-available/preview.reai120.com`
- **网站目录**: `/wwwroot/preview.reai120.com/`
- **SSL 证书**: Let's Encrypt（自动续期）

### SSL 证书
- **证书路径**: `/root/.acme.sh/preview.reai120.com_ecc/`
- **有效期**: 90 天（自动续期）
- **续期命令**: `/root/.acme.sh/acme.sh --renew -d preview.reai120.com`

---

## 📋 页面功能说明

### 首页 (index.html)
- ✅ Hero Banner + 搜索框
- ✅ 城市选择器
- ✅ 快速预约入口（4 个）
- ✅ 热门城市推荐（12 个）
- ✅ 推荐机构展示（4 个）
- ✅ 推荐套餐展示（4 个）
- ✅ 优势说明（4 个）
- ✅ SEO TDK 优化
- ✅ 响应式设计

### 机构详情页 (jigou-123.html)
- ✅ 面包屑导航
- ✅ 机构图片轮播（占位）
- ✅ 机构基本信息
- ✅ 机构介绍
- ✅ 可预约套餐列表
- ✅ 附近机构推荐
- ✅ 右侧预约表单
- ✅ 地图定位（占位）
- ✅ JSON-LD 结构化数据
- ✅ SEO TDK 优化

### 套餐详情页 (taocan-456.html)
- ✅ 套餐封面图（占位）
- ✅ 套餐亮点（4 个）
- ✅ 检查项目树形展示（12 分类）
- ✅ 可预约机构列表
- ✅ 同类套餐推荐
- ✅ 右侧价格卡片
- ✅ 预约须知
- ✅ JSON-LD 结构化数据
- ✅ SEO TDK 优化

### 关于页面 (about.html)
- ✅ 公司介绍
- ✅ 核心优势（4 个）
- ✅ 合作机构 Logo 墙
- ✅ 联系方式

### 联系页面 (contact.html)
- ✅ 联系方式展示（3 个）
- ✅ 在线留言表单
- ✅ 常见问题 FAQ（4 个）

---

## 🎨 设计特点

- **配色方案**: 蓝色系 (#1890ff) 为主，医疗行业专业感
- **响应式设计**: 支持桌面端、平板端、移动端
- **加载速度**: 纯静态 HTML，无外部依赖，秒开
- **SEO 优化**: 每页独立 TDK，结构化数据，语义化标签

---

## 🚀 后续开发建议

### 待完成页面（按优先级）

1. **P1 列表页**
   - `/jigou/{city}/` 城市机构列表页
   - `/taocan/{city}/` 城市套餐列表页
   - `/taocan/{category}/` 分类套餐列表页

2. **P2 功能页**
   - `/yuyue/{type}/{id}/` 预约确认页
   - `/user/login/` 登录页
   - `/user/orders/` 订单查询页

3. **P3 其他页面**
   - `/sitemap.xml` 网站地图
   - `/robots.txt` 爬虫协议
   - `/404.html` 404 错误页

### 待优化功能

1. **动态数据**: 当前为静态原型，需对接 API 实现动态数据
2. **搜索功能**: 添加搜索框功能，支持机构/套餐搜索
3. **预约流程**: 完善预约表单，对接后端 API
4. **图片资源**: 替换占位图标为真实图片
5. **地图集成**: 嵌入百度地图/高德地图

---

## 📝 使用说明

### 访问原型站
```
https://preview.reai120.com/
```

### 查看页面源码
所有页面均为静态 HTML，可直接查看源码参考结构和样式。

### 本地测试
```bash
# 修改 hosts 文件（如需要）
echo "49.232.214.19 preview.reai120.com" >> /etc/hosts

# 访问测试
curl https://preview.reai120.com/
```

---

## 📞 技术支持

如有疑问，请联系开发团队。

---

**最后更新**: 2026-03-04  
**版本**: v1.0 (原型)