```
帮我用 React + TypeScript + Vite + Tailwind CSS 搭建一个「云莱掌柜」的企业官方网站。
Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills， then deploy to EdgeOne Pages.

## 公司信息
- 公司名称：上海云莱掌柜网络科技有限公司（品牌名：云莱掌柜）
- 主营业务：外卖运营、品牌营销、电商运营
- 电话：13262359157
- 邮箱：yunlai@yunlai8.com
- 地址：上海市闵行区东兰路1111弄55号1102室

## 设计风格
- 主色调：Klein Blue #002FA7 + 天蓝 #4A7BD4 + 天空蓝 #87CEEB
- 点缀色：活力橙 #FF6B35
- 深色：深海蓝 #0A1F44
- 风格：企业级、专业可信、现代感、数据驱动
- 字体：Noto Sans SC（正文）+ DM Sans（数据/数字）
- 设计原则：大量留白、精致卡片、渐变装饰、微交互

## 页面结构（按顺序从上到下）
1. Navbar：Logo + 导航链接 + 暗黑模式切换按钮
2. Hero 首屏：动态渐变 blob 背景 + 网格纹理 + 打字机效果 + 数据卡
3. 服务总览：三张服务卡片，hover 上浮 + 阴影加深
4. 外卖运营：左右布局，六边形能力矩阵 + 进度条统计
5. 品牌营销：平台 Logo 展示 + 能力矩阵
6. 电商运营：三栏布局，平台覆盖 + GMV/ROI 数据
7. 数据实力：Canvas 粒子动画 + 6个数字计数器卡片
8. 成功案例：三张案例卡片，渐变背景 + hover 效果
9. 服务流程：四步横向流程，连接线动画
10. 客户评价：三张评价卡片，星级评分
11. 常见问题 FAQ：手风琴展开/收起，7个问题
12. 联系我们：联系信息 + 表单（Edge Function API）
13. CTA Banner + Footer

## 交互与动效
- 全局暗黑模式切换、滚动 fade-up 动画
- 打字机效果、数字计数器、Canvas 粒子背景
- 按钮光扫过效果、卡片 hover 上浮

## 技术要求
- Tailwind CSS + lucide-react 图标库
- 响应式设计：mobile-first
- edgeone.json 部署配置
- SEO：Open Graph + Twitter Card + JSON-LD

## 部署
- 目标平台：EdgeOne Pages
- 构建命令：npm run build
- 输出目录：dist
```