设计做法
- 首屏把产品能做什么和主要按钮放在同一区域，用产品界面证明结果。
- 导航、首屏、功能、价格和问答可以按销售方式取舍。把真实定价和常见疑虑放在用户决定之前。
可以复用的文件
app/page.tsx整页区块的拼装顺序components/sections/hero/default.tsx首屏标题、按钮、产品画面与渐变components/sections/pricing/default.tsx定价区块的开源实现components/sections/faq/default.tsx折叠问答
接入步骤
- 需要独立站时，解压固定版本并运行 npm ci、npm run dev。接入已有项目时，优先挑出首屏和问答，按访问顺序连接导航、产品证明和行动按钮。
- 把产品截图、品牌、链接、价格及客户证明换成可核实的自有内容。按项目已有设计令牌统一边距、字号和主题色。
- 保留 MIT 许可证与署名。官网另售的 Pro 模板和区块需要各自的授权。
搭配能力库使用
上游源码 · 版本 9387bec943