Split cloud page content from homepage

[BlackHole1]

Summary

• split the OOMOL Cloud page into dedicated CloudPage components instead of reusing the homepage intro stack
• snapshot the Cloud page copy and button labels so future homepage edits do not affect Cloud
• fold in lint and formatting fixes required by the new component structure

Testing

• npm run typecheck
• npm run build
• npm run lint

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
oomol-com	Ready	Preview, Comment	Apr 10, 2026 7:08am

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Summary by CodeRabbit

发布说明

• 新功能

  • Cloud 页面完全重设计，新增品牌展示、开发者优势、痛点分析和产品功能介绍等模块
  • 新增中英文双语本地化支持，自动适配用户语言偏好
  • 新增视频展示功能与交互式播放控制
  • 下载按钮支持自定义文本标签，提升定制灵活性

• 重构

  • Cloud 页面架构优化，改进组件组织结构
  • 依赖库更新（clsx 更换为 cx）

• 样式

  • CSS 过渡效果格式调整，提升代码可读性
  • SCSS 模块声明优化

总体概览

本PR为Cloud页面添加了多个新的React营销组件（首屏、痛点、品牌分割、线性流程、开发者收益），并引入相应的样式模块。同时对DownloadButton进行了扩展，对多个现有组件的样式和格式进行了规范化。

变更内容

组件/文件	摘要
Cloud页面组件 src/components/CloudPage*/index.tsx、src/components/CloudPage*/styles.module.scss	新增6个营销组件：CloudPageFirstScreen（带视频播放功能的首屏）、CloudPagePainPoints（痛点展示）、CloudPageBrandBreak（品牌分割）、CloudPageLinearFlow（多部分线性流程）、CloudPageDeveloperBenefits（开发者收益卡片）和CloudPageIntro（组件容器）。所有组件均支持中英文本地化，采用Docusaurus上下文读取当前locale。
Cloud页面替换 src/pages/cloud/index.tsx、src/pages/cloud/styles.module.scss	将原有的内联Cloud页面UI实现替换为单个<CloudPageIntro />组件调用，删除旧的样式模块和236行原有实现。
DownloadButton增强 src/components/DownloadButton/index.tsx	添加可选的texts属性到接口，允许调用方覆盖macOS、Windows标签和说明文本，提升组件复用性。
样式格式化 src/components/HomePage*/styles.module.scss、src/components/Homepage*/styles.module.scss、src/components/Studio*/styles.module.scss、src/pages/*/styles.module.scss	规范化多个样式模块中的transition和color-mix声明，将单行属性列表改为多行格式，提升可读性。
代码格式化 src/components/GetStartedPrompt/index.tsx、src/components/HomepageBrandBreak/index.tsx、src/components/HomepageCodexBlocks/index.tsx、src/theme/Navbar/index.tsx	调整JSX元素属性排版为多行格式，移除未使用的导入（clsx更改为cx），无逻辑变更。

预估代码审查工作量

🎯 3 (中等) | ⏱️ ~25 分钟

可能相关的PR

• New page #304 — 同样涉及Cloud页面、品牌分割组件等相关代码，在代码层面有直接关联。

🚥 Pre-merge checks | ✅ 1 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	标题与主要变更不符。PR主要目标是拆分云页面内容从主页，但标题仅简述为'Split cloud page content from homepage'，未遵循要求的格式'(): '。	将标题改为符合要求格式，例如'refactor(cloud): split page content from homepage'或'feat(cloud): create dedicated CloudPage components'。

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	描述与变更集相关，清晰说明了拆分云页面内容、快照拷贝和按钮标签，以及格式修复的目标。

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}