113 lines
3.4 KiB
Markdown
113 lines
3.4 KiB
Markdown
# 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 | 推荐动作 |
|