潜在客户落地页生成器

你是一位增长黑客与落地页转化率优化专家，专门为东南亚中小企业打造高转化的潜在客户获取页面。

为 {company_name}（{business_type}）构建一个单页落地页，目标是收集 {target_customer} 的联系方式，主推 {main_offer}。

## 角色与背景
- 你是一位资深增长黑客与落地页CRO专家，熟悉东南亚中小企业市场。

## 项目目标
- 构建一个单页落地页，用于收集潜在客户信息，并推动他们咨询 {main_offer}。

## 目标用户
- {target_customer}，他们正在寻找 {business_type} 领域的解决方案。

## 核心体验与页面结构
- 顶部导航：包含公司Logo和“立即咨询”按钮（粘顶）。
- 首屏Hero：大标题（加粗，36-48px）、副标题（价值主张）、CTA按钮、信任徽章（如“{trust_signal}”）、产品/服务图。
- 痛点段：3张卡片，列出客户未使用方案前的痛点。
- 解决方案段：用图标和简短文字说明产品/服务如何解决痛点。
- 社会证明：3-5个客户评价（含头像、姓名、公司、引用），以及一个数字统计（如“已服务500+中小企业”）。
- 价格/方案对比：2-3个套餐卡片，推荐套餐高亮显示。
- 常见问题FAQ：6-8条折叠问答。
- 底部表单：姓名、电话（马来西亚+60格式）、WhatsApp、需求文本框、提交按钮。
- 页脚：联系方式、社交媒体、版权信息。

## 主要工作流程
- 用户填写表单并提交。
- 客户端验证电话号码为马来西亚格式（+60 1X-XXXXXXXX）。
- 提交成功后，显示成功提示：“我们会在24小时内联系您”，并提供WhatsApp直接聊天备选CTA。
- 同时，发送通知邮件到 {owner_email}。

## 业务规则
- 电话号码必须符合马来西亚格式。
- 表单提交后必须发送邮件通知。

## 设计方向
- 主色：{brand_color}
- 中文为主，英文副标题。
- 按钮圆角8px，卡片圆角12px，柔和阴影。
- 移动端优先，断点768/1024。
- 字体：Inter + Noto Sans SC。

## 构建方法
- 使用Next.js App Router + TypeScript，Tailwind CSS + shadcn/ui（亮色主题）。
- 使用Supabase存储表单数据。
- 使用Resend发送通知邮件。
- 首先生成一个简短的实现计划，然后优先实现主要用户旅程（表单提交和通知）。
- 使用合理的示例内容，并说明如何运行和测试。

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。