# VIP 首页信息架构 (vip.hackrobot.cn)

## 一、页面信息架构

### 1. 路由结构（保持现有）

| 路径 | 说明 |
|------|------|
| `/` | 首页（根据登录态切换 A/B 两种视图） |
| `/paid` | 支付结果页（不变） |
| `/ebook` | 电子书（不变） |
| `/cloudphone/*` | 云手机课程（不变） |

### 2. 首页双态逻辑

```
/ (首页)
├── 未登录 / 非 VIP → 会员落地页 (Landing)
└── 已登录 + VIP → 会员控制台 (Dashboard)
```

---

## 二、未登录首页 - 会员落地页

| 区块 | 内容 | 优先级 |
|------|------|--------|
| **Hero** | 异度星球会员中心 + 一句话价值主张 | P0 |
| **数字资产统计** | 专题数、电子书数、视频数、模板数、更新频率 | P0 |
| **四个核心专题入口** | 卡片式入口，链接到具体内容 | P0 |
| **权益对比** | 单品 vs 会员 表格/卡片 | P0 |
| **社区价值预览** | 社群、问答、沙龙等价值点 | P1 |
| **FAQ** | 常见问题折叠 | P1 |
| **CTA** | 立即加入 / 已有账号登录 | P0 |

---

## 三、已登录首页 - 会员控制台

| 区块 | 内容 | 优先级 |
|------|------|--------|
| **欢迎区** | 用户名 + 简短问候 | P0 |
| **已解锁统计** | 专题/电子书/视频/模板 数量 | P0 |
| **最近更新** | 最新内容列表（3-5 条） | P0 |
| **继续学习** | 上次学习进度 + 跳转 | P0 |
| **四个专题卡片** | 与落地页一致，可点击进入 | P0 |
| **社区精选** | 社群/问答精选 2-3 条 | P1 |
| **本周任务/推荐动作** | 1-3 个推荐动作 | P1 |

---

## 四、与 digital / meetup 的区分

| 站点 | 定位 | 首页气质 |
|------|------|----------|
| digital | 公开内容入口 + 单品销售 | 内容展示、购买转化 |
| meetup | 城市/活动/连接/工具 | 活动列表、城市、工具 |
| **vip** | 会员中心 + 全专题解锁 + 社区 + 持续更新 | **会员感、控制台感、资产感** |

---

## 五、组件树

```
Page (app/page.tsx)
├── VipLayout (共享)
│   ├── VipHeader
│   │   ├── Logo
│   │   ├── Nav (ThemeToggle, 登录/用户)
│   │   └── [可选] UserMenu
│   └── main
│
├── [未登录] LandingPage
│   ├── LandingHero
│   ├── AssetStats
│   ├── TopicEntries (4 个专题)
│   ├── CompareSection (单品 vs 会员)
│   ├── CommunityPreview
│   ├── FAQSection
│   └── LandingCTA
│
└── [已登录] DashboardPage
    ├── WelcomeBlock
    ├── UnlockedStats
    ├── RecentUpdates
    ├── ContinueLearning
    ├── TopicCards (4 个专题)
    ├── CommunityHighlights
    └── WeeklyActions
```

---

## 六、组件职责

| 组件 | 职责 |
|------|------|
| VipLayout | 深色主题容器、Header、主内容区 |
| VipHeader | Logo、主题切换、登录/用户入口 |
| LandingHero | 标题、价值主张 |
| AssetStats | 大数字统计展示 |
| TopicEntries / TopicCards | 专题入口，复用同一数据源 |
| CompareSection | 权益对比表格 |
| CommunityPreview | 社区价值简述 |
| FAQSection | 折叠 FAQ |
| LandingCTA | 加入会员 + 登录按钮 |
| WelcomeBlock | 欢迎语 |
| UnlockedStats | 已解锁数量 |
| RecentUpdates | 最近更新列表 |
| ContinueLearning | 学习进度 + 继续按钮 |
| CommunityHighlights | 社区精选 |
| WeeklyActions | 推荐动作 |