# Launch UI 产品落地页

用一句清晰的产品价值、实际界面和明确的下一步，把 AI 工具或软件产品讲明白。

- 作者：Mikołaj Dobrucki
- 技术栈：Next.js · React · Tailwind CSS · shadcn/ui
- 版本：9387bec9436335ef9a109a2efe7fbe7631976158
- [固定版本源码](<https://github.com/launch-ui/launch-ui/tree/9387bec9436335ef9a109a2efe7fbe7631976158>) · [下载 ZIP](<https://github.com/launch-ui/launch-ui/archive/9387bec9436335ef9a109a2efe7fbe7631976158.zip>) · [MIT 许可证](<https://github.com/launch-ui/launch-ui/blob/9387bec9436335ef9a109a2efe7fbe7631976158/LICENSE.md>)

## 设计做法
- 首屏把产品能做什么和主要按钮放在同一区域，用产品界面证明结果。
- 导航、首屏、功能、价格和问答可以按销售方式取舍。把真实定价和常见疑虑放在用户决定之前。

## 可以复用的文件
- [app/page.tsx](<https://github.com/launch-ui/launch-ui/blob/9387bec9436335ef9a109a2efe7fbe7631976158/app/page.tsx>)：整页区块的拼装顺序
- [components/sections/hero/default.tsx](<https://github.com/launch-ui/launch-ui/blob/9387bec9436335ef9a109a2efe7fbe7631976158/components/sections/hero/default.tsx>)：首屏标题、按钮、产品画面与渐变
- [components/sections/pricing/default.tsx](<https://github.com/launch-ui/launch-ui/blob/9387bec9436335ef9a109a2efe7fbe7631976158/components/sections/pricing/default.tsx>)：定价区块的开源实现
- [components/sections/faq/default.tsx](<https://github.com/launch-ui/launch-ui/blob/9387bec9436335ef9a109a2efe7fbe7631976158/components/sections/faq/default.tsx>)：折叠问答

## 接入步骤
1. 需要独立站时，解压固定版本并运行 npm ci、npm run dev。接入已有项目时，优先挑出首屏和问答，按访问顺序连接导航、产品证明和行动按钮。
2. 把产品截图、品牌、链接、价格及客户证明换成可核实的自有内容。按项目已有设计令牌统一边距、字号和主题色。
3. 保留 MIT 许可证与署名。官网另售的 Pro 模板和区块需要各自的授权。

## 可以发给 AI 的话
产品与目标用户是［填入］。复用开源版 Hero 和 FAQ 的结构，先写清首屏承诺、真实产品证明和主按钮去向，再移植对应文件。

## 搭配能力库使用
- [风格顾问](<https://www.dachuiai.com/skills/style-picker/>)
- [顶部导航栏](<https://www.dachuiai.com/components/navbar/>)
- [滚动出现](<https://www.dachuiai.com/components/scroll-reveal/>)