# Lurmix 网站内容架构文档

> 版本：v1.0 | 日期：2026-06-03

---

## 一、站点地图（页面层级结构）

```
lurmix.com/
├── / （首页 Home）
├── /products/
│   ├── /products/ai-companion（AI Companion 产品线）
│   ├── /products/ai-plush（AI Plush 产品线）
│   ├── /products/ai-figure（AI Figure 产品线）
│   └── /products/ai-badge（AI Badge 产品线）
├── /custom（定制开发 Custom Development）
├── /about（关于我们 About Us）
└── /contact（联系我们 Contact）
```

---

## 二、各页面内容模块清单

### 1. 首页（Home）`/`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Hero | 品牌主视觉 | 品牌 Slogan、副标题（一句话定位）、主 CTA 按钮（Explore Products / Contact Us）、背景视频或高质量产品图 |
| Products Overview | 产品线概览 | 4 条产品线卡片（图片 + 名称 + 一句话描述 + 跳转链接），横排或 2×2 网格布局 |
| Custom Capability | 定制能力亮点 | 3～4 个核心能力 Icon + 简短文字（外观定制 / AI 私训 / 整机开发 / APP 定制），引导进入 Custom 页 |
| Brand Trust | 品牌信任背书 | 成立年份 / 服务国家数 / 合作品牌数 / 出货量等数字化指标（数字大字展示） |
| CTA Banner | 合作邀约 | 面向代理商/品牌商的合作号召，联系方式或跳转 Contact 页 |

---

### 2. 产品线页面（共 4 页，结构一致）

#### 2a. AI Companion `/products/ai-companion`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Page Hero | AI Companion | 产品线名称、简短定位描述（1～2 句）、代表性产品图 |
| Product Cards | 产品系列展示 | 以卡片网格列出该系列各款产品（产品图 + 型号/名称 + 核心参数 2～3 条 + 规格标签） |
| Key Features | 核心功能亮点 | 该产品线的技术特点（如：语音交互 / 情感陪伴 AI / 多语言支持 / 续航等） |
| OEM/ODM CTA | 定制合作入口 | 引导 OEM/ODM 客户联系或进入定制页 |

#### 2b. AI Plush `/products/ai-plush`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Page Hero | AI Plush | 产品线名称、定位（毛绒外观 + AI 内核）、产品图 |
| Product Cards | 产品系列展示 | 系列产品卡片（同上结构） |
| Key Features | 核心功能亮点 | 毛绒材质工艺 / AI 语音 / 可洗涤设计 / 儿童安全认证等 |
| OEM/ODM CTA | 定制合作入口 | 同上 |

#### 2c. AI Figure `/products/ai-figure`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Page Hero | AI Figure | 产品线名称、定位（摆件形态 + AI 交互）、产品图 |
| Product Cards | 产品系列展示 | 系列产品卡片（同上结构） |
| Key Features | 核心功能亮点 | 精雕工艺 / IP 联名能力 / 互动感应 / 展示场景等 |
| OEM/ODM CTA | 定制合作入口 | 同上 |

#### 2d. AI Badge `/products/ai-badge`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Page Hero | AI Badge | 产品线名称、定位（电子徽章 + AI）、产品图 |
| Product Cards | 产品系列展示 | 系列产品卡片（同上结构） |
| Key Features | 核心功能亮点 | 电子墨水/显示屏 / NFC / 可编程内容 / 佩戴场景等 |
| OEM/ODM CTA | 定制合作入口 | 同上 |

---

### 3. 定制开发页面（Custom Development）`/custom`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Page Hero | Custom Development | 面向 OEM/ODM 客户的主标题、副标题（全流程定制，从概念到量产）、CTA |
| Service List | 定制服务项目 | 6 项服务以图标卡片形式展示：①外观定制开发 ②整机开发 ③AI 大模型私有训练 ④APP 定制开发 ⑤自定义语音与内容 ⑥按客户要求完全定制，每项含简短说明 |
| Process | 合作流程 | 需求对接 → 方案设计 → 样品确认 → 量产交付，步骤图示 |
| Capability Proof | 能力证明 | 已服务客户数 / 项目案例数量 / 最短交期等可量化指标（不涉及保密信息时） |
| Contact CTA | 发起定制咨询 | 联系表单入口或邮件/WhatsApp 快速联系 |

---

### 4. 关于我们（About Us）`/about`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Brand Story | 公司背景 | 成立年份、创始使命、发展历程关键节点（时间轴形式） |
| Tech Strength | 技术实力 | 自研 AI 能力、专利数、研发团队规模、核心技术方向 |
| Supply Chain | 供应链能力 | 工厂自建情况、产能规模、质检体系、交期保障、认证资质（CE/FCC/RoHS 等） |
| Global Reach | 全球布局 | 已覆盖市场/国家、海外仓或合作伙伴网络（地图可视化） |
| Team / Culture | 团队与文化 | 核心团队介绍（可选）、企业文化关键词 |

---

### 5. 联系我们（Contact）`/contact`

| Section | 标题 | 核心内容要点 |
|---------|------|------------|
| Contact Form | 发起咨询 | 姓名、公司、邮箱、国家/地区、询盘类型（产品咨询/定制合作/代理申请）、留言内容 |
| Direct Contact | 直接联系方式 | 商务邮箱、WhatsApp、LinkedIn（按目标市场优先级排列） |
| Office Info | 公司信息 | 注册地址、工厂地址（如公开）、时区说明 |

---

## 三、导航结构

### 主导航（Header）

```
Logo | Products ▾ | Custom Development | About | Contact | [语言切换] | [询盘 CTA 按钮]
```

- **Products 下拉菜单**：
  - AI Companion
  - AI Plush
  - AI Figure
  - AI Badge

- **CTA 按钮**：`Get a Quote` 或 `Contact Us`（高亮色，始终可见）

### 页脚导航（Footer）

```
Logo + Slogan
Products列（4条产品线链接）| Company列（About / Custom / Contact）| 联系方式列（邮件/WhatsApp）
版权信息 | 语言切换
```

---

## 四、多语言策略说明

### 支持语言

| 语言 | 代码 | URL 前缀 | 优先级 |
|------|------|----------|--------|
| 英文（默认） | `en` | `/`（无前缀）| P0 |
| 中文（简体） | `zh` | `/zh/` | P1 |
| 日语 | `ja` | `/ja/` | P2 |
| 西班牙语 | `es` | `/es/` | P2 |
| 阿拉伯语 | `ar` | `/ar/` | P3 |

### 实现规范

1. **URL 结构**：英文为默认语言，无路径前缀（`/products/ai-companion`）；其他语言加前缀（`/zh/products/ai-companion`）。
2. **翻译范围**：所有页面的 UI 文字、产品描述、Section 标题均需翻译；图片中的文字尽量避免，确需文字图片时需提供各语言版本。
3. **阿拉伯语特殊处理**：需支持 RTL（从右至左）布局，CSS 需添加 `dir="rtl"` 适配，字体选用支持阿拉伯文的字体（如 Noto Sans Arabic）。
4. **语言切换**：Header 右上角语言切换组件，切换后保持当前页面路径（仅替换语言前缀），使用 `hreflang` 标签做 SEO 声明。
5. **默认回退**：如某语言翻译缺失，回退到英文内容展示，不显示空白。
6. **翻译文件管理**：建议使用 i18n JSON 文件，按语言代码分文件夹管理（`src/i18n/en.json`、`src/i18n/zh.json` 等）。
7. **优先上线顺序**：英文（P0）→ 中文（P1）→ 日文/西班牙文（P2）→ 阿拉伯文（P3），P0 完成后方可进行 P1 开发。

---

## 五、内容生产优先级

| 优先级 | 页面 | 说明 |
|--------|------|------|
| P0 | 首页 | 最高流量入口，需最高完成度 |
| P0 | 4 条产品线页面 | 核心业务展示，代理商决策依据 |
| P1 | Custom Development | OEM/ODM 客户转化关键页 |
| P1 | Contact | 询盘转化入口 |
| P2 | About Us | 品牌信任建立，可后续完善 |