搭建冷邮件工作台：填入客户资料生成不像垃圾邮件的开发信与跟进序列，并追踪每个潜在客户
你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。请为「{sender_company}」构建一个冷邮件开发信工作台：输入潜在客户资料，生成不像垃圾邮件的开发信和跟进序列，并追踪每个客户的进度。
## 角色与背景
你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。
## 项目目标
为 {sender_company}（{sender_business}）构建一个 B2B 开发信工具：生成个性化邮件、自动排好跟进节奏、用看板追踪回复情况。
## 目标用户
{sender_company} 的老板和销售，每周要开发几十个新客户，没时间逐封手写。
## 核心体验与页面
- 邮件生成器：填入对方公司、联系人、行业和痛点，选择框架（AIDA／PAS／一句话开门见山），生成三条主题行和正文，附第 3、7、14 天的跟进邮件序列，可一键复制。
- 潜在客户列表：表格管理客户（公司、联系人、状态：未发／已发／已回／约见），可筛选、排序、添加备注。
- 模板库：把效果好的邮件存成模板，按行业分类复用。
## 主要工作流程
1. 添加潜在客户，填入基本资料和你观察到的一个细节。
2. 生成开发信，微调后复制到邮箱发送，状态改为「已发」。
3. 到跟进日，工具提示该发第几封跟进邮件。
4. 收到回复就改状态、约时间，成功案例存成模板。
## 业务规则
- 主题行不超过六个词，不用标题党词汇；正文不超过 120 词。
- 第一句必须是针对对方的具体观察，禁止「Hope this email finds you well」这类套话。
- 每封只有一个行动号召，用提问式结尾；卖点只提 {our_solution} 中最相关的一条。
- 跟进邮件提供新价值（案例、数据），不催促；生成逻辑用内置模板加规则即可，无需接入 AI 接口。
## 设计方向
- 白色背景，深海军蓝（#0F172A）侧栏，主按钮金黄色（#FCD34D），状态用彩色徽章区分。
- 邮件预览区等宽清晰，复制按钮显眼。
## 构建方法
- 使用 Next.js 14（App Router）+ Tailwind CSS；数据保存在浏览器本地（localStorage），无需登录。
- 用真实感的马来西亚 B2B 示例数据演示（如食品厂、贸易公司）。
- 先给出简短实施计划，优先做「生成器＋客户列表」主路径，说明如何运行和测试。
## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。