用 AI 落地页生成器构建高转化的落地页

落地页不是一个单独的 Hero 区块。它是一系列把访客从注意力引向信任再引向行动的区块：Hero、产品证明、社会证明、功能、定价、客户评价、FAQ 和收尾的行动号召。

一个有用的 AI 落地页生成器应当用真实的文案、正确的层级、可访问的状态和响应式布局产出所有这些区块——而不是一个需要你手动重建的占位骨架。

先说明产品类型和受众："面向产品团队的 SaaS 分析工具"或"开源开发者平台"。然后明确列出必需区块：带标题和 CTA 的 Hero、产品截图区域、社会证明 Logo、三个带图标的特色区块、定价对比表、客户评价卡片、FAQ 手风琴和最终 CTA。

把视觉方向分开写："克制的 shadcn 风格表面、紧凑间距、语义颜色，以及精致但不浮夸的语气。"这种分离能防止模型把结构和样式混为一谈。

如果你有 Brand Kit，提一下。生成器会在所有区块中一致地应用你的 Logo、颜色和字体，而不是为每个区块发明一套新的配色。

第一次生成后，逐区块检查页面。常见问题包括：Hero 文案较弱、定价表缺少空状态、客户评价看起来都一样、FAQ 条目过于泛泛。

使用精准编辑一次修复一个区块。选中定价区块，要求做带月度/年度切换的三层对比；选中客户评价区块，要求不同大小的卡片并附带公司 Logo 和角色背景。

预览恢复系统确保即使一次精修失败，你也会回到最近可用版本，而不是丢失整页。

当落地页在预览中看起来正确时，导出它。对于独立营销页，静态 HTML 就够；对于 Next.js 项目，用 Next.js 导出获得路由脚手架；对于使用 shadcn 的团队，Tailwind 导出提供迁移桥梁。

把导出的代码跑过你常规的构建流程。在移动端、平板和桌面端检查响应式行为，并确认表单、CTA 和分析事件都正确接线。