static-landing-page

# PRD: 静态落地页 ## 概述 为虚构的 SaaS 产品设计的简单静态落地页。用于测试 Loki 模式的前端和营销智能体能力。 ## 目标用户 需要快速制作落地页的营销团队。 ## 页面板块 ### 首屏板块 (Hero Section) - 主标题：“为你的工作流加速” - 副标题：“现代团队的一站式工具” - 主要行动号召 (CTA)： “免费开始” - 次要行动号召 (CTA)： “观看演示” - 首屏图片占位符 ### 功能板块 (3 个功能) 1. **快速设置** - “几分钟内即可上手，无需数天” 2. **团队协作** - “无缝协同工作” 3. **数据分析** - “跟踪重要指标” ### 社会认同 - 3 张带有占位内容的推荐卡片 - “受到 10,000+ 团队的信赖” ### 定价板块 - 免费版：$0/月 - 专业版：$29/月 - 企业版：联系我们 ### 常见问题 (FAQ) 板块 - 4 个常见问题及解答 ### 页脚 - 链接：关于我们、博客、职业发展、联系方式 - 社交图标：Twitter, LinkedIn, GitHub - 版权声明 ## 技术栈 - HTML5 - CSS3（无框架，或使用 Tailwind CSS） - 极简 JavaScript（用于 FAQ 折叠效果） - 无需构建步骤 ## 要求 - 响应式设计（移动端 + 桌面端） - 语义化 HTML - 可访问性（符合 WCAG 2.1 AA 基础标准） - 加载速度快 (< 2s) - 无外部依赖（字体除外） ## 资源 - 使用占位图片（placeholder.com 或类似服务） - 使用系统字体或 Google Fonts - 如有需要，使用 Emoji 作为图标 ## 不在范围内 - 后端/API - 表单提交处理 - 分析跟踪 - A/B 测试 - 部署 ## 交付物 1. `index.html` - 主页面 2. `styles.css` - 样式表 3. `script.js` - 极简 JS（可选） 4. `README.md` - 本地查看说明 --- **目的：** 在没有后端复杂性的情况下，测试前端智能体、营销智能体（文案）和设计模式。