Landing Page — 快速生成高轉換落地頁
觸發條件
- 使用者說「幫我做落地頁」、「生成首頁」、「做個 landing page」
- 產品需要對外展示，還沒有公開頁面
- 需要把產品賣出去，需要介紹頁面
工作流程
- 收集資訊：產品名、一句話描述、3 個核心功能、目標用戶、定價
- 生成結構：Hero → Problem → Solution → Features → Pricing → FAQ → CTA
- 寫文案：聚焦用戶痛點，不寫功能列表，寫用戶得到的結果
- 生成程式碼：Next.js + Tailwind + shadcn/ui，直接可執行
- 檢查轉換：確保每屏都有 CTA，主按鈕顏色對比度足夠
輸出規範
- 完整的
app/page.tsx檔案 - 所有 section 都在一個檔案（Landing Page 不需要拆元件）
- 行動裝置優先（sm: breakpoint）
- 包含
<meta>SEO 標籤
範例
輸入：
我做了一個 AI 寫作助手，幫用戶克服寫作空白頁恐懼，$9/月，目標是自由撰稿人
輸出文案結構：
Hero: 「再也不用盯著空白頁發呆」 — [開始免費試用]
Problem: 80% 的寫作時間浪費在「不知道怎麼開始」
Solution: AI 給你第一句話，你來寫剩下的
Features: 智慧開頭生成 / 風格匹配 / 大綱生成
Pricing: $9/月，7 天免費試用，隨時取消
FAQ: 和 ChatGPT 有什麼不同？會不會替代我寫作？
程式碼片段：
// Hero Section
export function Hero() {
return (
<section className="flex flex-col items-center py-24 text-center">
<h1 className="text-5xl font-bold tracking-tight max-w-2xl">
再也不用盯著空白頁發呆
</h1>
<p className="mt-4 text-xl text-muted-foreground max-w-lg">
AI 給你第一句話，你來寫剩下的。80% 的寫作時間浪費在開頭——我們解決這個問題。
</p>
<Button size="lg" className="mt-8">開始 7 天免費試用</Button>
</section>
)
}