feat(landing): Cos72 3-question bilingual homepage (dev/test badge, roadmap)#423
Merged
Conversation
…layered IA) Proposal for answering the 3 questions (who/what · why · how) in layers: homepage (30s cognition via analogies + 小J), tour (system overview + role comic walkthrough, relocated from cos72-tour Astro site), role flowcharts, FAQ, searchable manual. Includes a naming story for 'Cos72' (Cooperation System + 七十二变), refined 3-question answers with familiar-concept analogies, several homepage design approaches, and a tour-relocation plan. Local branch only — no cos72 deploy (owner validating onboarding live).
…ow + 小J Replaces the AAStar auth-gate homepage with a Cos72 landing that answers the 3 questions with familiar-concept analogies: hero (human definition + 小J mascot + '一套系统七十二变'), three cards (为谁/做什么 · 为何 · 如何), CTAs (刷脸创建账户 / 登录 / 跟小J逛一圈 → tour.mushroom.cv). Keeps the authed→dashboard redirect (progressive) and the guardian tip. Chinese-primary draft; i18n toggle can layer later. Local branch only — no cos72 deploy (owner validating onboarding).
…p Discord analogy Owner corrections: (1) Cos72 means cos(72°) — the golden-ratio angle, symbolizing the best collaboration mode (not '七十二变'); hero now '把社区协作，调到黄金比例' + a one-line cos-72° gloss. (2) Cos72 has member-account features, not Discord-style chat — drop 'Discord' from the analogy, lead with 会员账号 + 积分 + 兑换 + 声誉. Proposal doc updated to match.
cos72.aastar.io is the dev/test deployment (production Cos72 goes to mushroom.cv), so the landing carries a clear amber '🚧 开发测试版 · Dev / Test' badge next to the Cos72 tag.
…nsive, subtle motion Owner review round 1: - Hero split into two columns: LEFT = explanation (badges + title + cos-72° gloss + definition + small mascot + 跟小J逛一圈), RIGHT = integrated sign-in/up card (刷脸创建账户 + 已有账户？登录). The 3 CTAs now live in the right card + the tour link by the mascot. - 小J shrunk (190→64px) so it no longer dominates; gentle float animation. - 'Cooperation System' kept as whole words (whitespace-nowrap + nbsp) — no more mid-word split. - Added a Roadmap section: iDoris (社区AI大脑) / Hyphae (自进化Agent) / Mycelium (协作网络) / More. - Fully responsive (lg 3:2 grid → stacks on mobile); subtle motion (staggered fade-up entrance, card hover-lift). 3-question cards unchanged in content.
Owner review round 2: create CTA → '指纹 / 刷脸 / Passkey 创建账户'; every OTHER '刷脸' → 'Passkey' (privacy-friendlier); bold the Co + S in 'Cooperation System' (words kept whole); more top padding so the hero isn't top-cramped (pt-14/sm:pt-20).
Homepage now renders EN or ZH from the app's react-i18next language (toggled in the Layout header, persisted to localStorage by the language detector), so the choice is remembered across pages and reloads — no separate toggle needed.
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
clestons
approved these changes
Jul 3, 2026
clestons
left a comment
clestons
left a comment
There was a problem hiding this comment.
Review: #423 — feat(landing): Cos72 3-question bilingual homepage
纯 UI 改动，无业务逻辑风险。
核心检查
auth redirect 行为不变（isAuthenticated() → /dashboard，否则 setLoading(false)）✓
L() helper 简洁正确：(i18n.language || "en").toLowerCase().startsWith("zh") — 语言未初始化回落英文 ✓
<Image src="/xiaoj.png" alt="小J" width={64} height={128}> — Next.js Image 带尺寸 + alt ✓
外链 href="https://tour.mushroom.cv" 带 rel="noreferrer"（含 noopener）✓；无 dangerouslySetInnerHTML ✓
QUESTIONS / FUTURE 模块级常量，不在每次渲染重建 ✓
<style> 内联 keyframe 动画：Tailwind 无法定义自定义 keyframe，此处是合理用法 ✓
总结
无 API 变动，无新状态管理，无安全风险。3 问双语结构清晰，L() 随 app i18n 状态自动切换。
APPROVE
…review) The Layout's language switch lives in the desktop nav / avatar menu, which the logged-out landing doesn't surface — so add a self-contained EN/中文 toggle (top-right) that calls i18n.changeLanguage (persisted by the detector). Now visitors can switch language on the homepage itself.
clestons
approved these changes
Jul 3, 2026
clestons
left a comment
clestons
left a comment
There was a problem hiding this comment.
Review (incremental): #423 — fix(landing): visible language toggle
增量：仅 aastar-frontend/app/page.tsx，新增语言切换按钮 1 个。
<button onClick={() => i18n.changeLanguage(zh ? "en" : "zh")}>
{zh ? "EN" : "中文"}
</button>i18n.changeLanguage() 正规 react-i18next API，持久化由 i18n detector 承担 ✓
dark mode 样式 ✓；位置（flex justify-end）不影响 Hero 布局 ✓
[L] 缺 type="button"：不在 <form> 内，无功能影响；下次可补。
APPROVE
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replaces the AAStar auth-gate homepage with a Cos72 landing that answers the three questions (who/what · why · how), targeted at Chinese-speaking communities but bilingual (EN/ZH) via the app's i18n (remembers the choice).
docs/COS72_LANDING_TOUR_PROPOSAL.md(IA + naming + tour plan).Deploy: cos72.aastar.io (clean-build). Companion tour PR: AAStarCommunity/cos72-tour (FAQ + Manual).