cfc/docs/superpowers/specs/2026-07-26-product-intro-pages.md

产品介绍页面 — 内容架构设计

目标

为浠艾福平台四大核心产品类目创建独立的"为什么要用、谁要用、怎么用"介绍页面，与选购指南和科普文章形成三层内容体系。

目录结构

web/
├── product-intro/           ← 新产品介绍目录
│   ├── kangen-water.html    ─ 还原水机
│   ├── turmeric.html        ─ 姜黄
│   ├── prebiotics.html      ─ 益生元
│   └── probiotics.html      ─ 益生菌
├── articles/                ← 原有科普文章 + 选购指南
│   ├── water-purifier-guide.html  (选购指南)
│   ├── prebiotics-guide.html      (选购指南)
│   ├── probiotics-guide.html      (选购指南)
│   └── ...
└── sales/                   ← 原销售文章
    └── index.html           → 新增「产品介绍」分类

内容规范

每个页面统一结构

Hero ── 产品名称 + 核心标语 + 一句话价值主张
  │
  ├── 为什么要用？  ── 科学原理 / 现代人痛点 / 缺失了什么
  ├── 谁要用？      ── 分人群描述（孩子/成人/老人/特定场景）
  ├── 怎么用？      ── 使用方法 / 搭配建议 / 注意事项
  ├── 为什么选浠艾福 ── 正品保障 / 专业服务 / 售后
  └── CTA / 联系方式  ── 扫码咨询二维码

各页面主题色

页面	色系	Hero 渐变
kangen-water	深蓝绿	#0a1628 → #0d4f3c
turmeric	暖棕金	#2d1810 → #8B4513 → #b8860b
prebiotics	墨绿	#0a2e1a → #276749
probiotics	紫	#1a0a2e → #553c9a

与现有内容的区隔

• 产品介绍 (product-intro/): 决策导向，"该不该用 → 适合谁 → 怎么用"，目标读者是潜在消费者
• 科普文章 (articles/): 知识导向，深度原理解析，目标读者是研究型用户
• 选购指南 (articles/xxx-guide.html): 购买导向，产品对比、参数分析、选购要点
• 销售文章 (sales/): 转化导向，问题→方案→信任→CTA

影响范围

修改文件

• web/sales/index.html：新增"产品介绍"分类，添加4张卡片链接

新建文件

• web/product-intro/kangen-water.html
• web/product-intro/turmeric.html
• web/product-intro/prebiotics.html
• web/product-intro/probiotics.html

后续可补充

• 姜黄选购指南：web/articles/turmeric-guide.html（当前选购指南缺姜黄）
• 其他营养素产品介绍（如维生素D、Omega-3等）