> ## Documentation Index
> Fetch the complete documentation index at: https://internal-doc.joinpond.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 落地页移植说明 · Landing page port notes

> 把设计师的 new-landing-page 原型移植到 pond-website-new（Chakra UI）

<Info>
  * **仓库**：`Pond-International/pond-website-new`
  * **分支**：`feat/20261007-new-landing-page`
  * **测试环境**：push 后自动部署到 new-test.joinpond.ai
  * **最近一次同步**：2026-10-11，已移植到 Chris 的 `5f1ff8f`
</Info>

## 流程

1. 拉 Chris 最新提交，逐个提交对照移植，用我们的 Chakra 写法重写
2. 本地跑起来，`tsc` 和 `eslint` 通过
3. 桌面 1440 和手机 390 两种宽度，和 Chris 的预览逐个区块截图对比
4. 差异要么修掉，要么在下面「有意不同」里登记
5. Orville 看过确认后再 push，不直接推

## 区块对照

| 区块 | 状态 |
| - | - |
| Header | 有意不同：隐藏导航链接 |
| Hero + 聊天演示 | 一致（MCP 连接状态行、跳到最新按钮） |
| Logo 跑马灯 | 一致 |
| Showcase 视频 | 一致 |
| Steps（4 步） | 一致 |
| Guarantees | 一致 |
| Automations 轮播 | 一致 |
| FAQ | 我们保留，Chris 没有 |
| CTA | 一致 |
| Footer | FooterV2，加回 Solutions 栏，手机端左右边距 1rem |

## 有意不同 Intentional differences

* **Steps 固定效果**：用 CSS `sticky`，不用 GSAP
* **CTA 放大遮罩**：用 CSS 滚动动画；Safari 和 Firefox 不播动画，直接显示最终状态
* **没有移植**：`/animation` 试验页、GeistDigits 字体
* **保留我们的**：FAQ、FooterV2、移动端首屏标题字号、Showcase 全屏弹窗

## 待办

* [ ] 聊天演示和用例卡片里的工作流，换成真实内容（Orville 提供）
* [ ] 分类按钮暂不可点，等每个分类都有足够工作流再做


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.