gitlab-instance-0a899031_nomadvip/docs/VIP_HOMEPAGE_IA.md

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	推荐动作