BrunoGaoandClaude
a4710d0b78
Features: - Complete React + TypeScript + Vite setup - TailwindCSS with custom tech theme - Framer Motion animations - Multi-language support (zh, en, de) - 6 main sections (Hero, Products, Solutions, Cases, Stats, Footer) - GitHub Actions CI/CD pipeline - Responsive design for all devices 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
1.7 KiB
1.7 KiB
灵境万象官网需求文档
项目概述
公司信息
- 公司名称: 灵境万象 (OmniVerse)
- 品牌口号: AI + 健康，让未来更安心
- 业务范围: 智能穿戴、康养机器人、健康数据平台
- 目标客户: 养老院、医院、企业 EHS、科研机构
- 宣传内容: 文档、视频、案例、白皮书下载
技术要求
技术栈
- React 18 + TypeScript
- Vite (构建工具)
- TailwindCSS (样式框架)
- Framer Motion (动画库)
- Lucide React (图标库)
- i18next (国际化)
设计规范
- 整体风格: 优雅、炫酷、科技感
- 配色方案:
- 主背景: 深色 (#0a0a0a)
- 科技蓝: #0ff (青色高亮)
- 荧光绿: #0f0 (成功/活跃状态)
- 响应式: 完全适配 PC、平板、手机
页面结构
- Hero Section - 首屏大Banner，品牌口号展示
- Products Section - 三大产品展示（智能穿戴、康养机器人、健康平台）
- Solutions Section - 四大解决方案（养老院、医院、企业、科研）
- Cases Section - 客户案例与合作伙伴展示
- Stats Section - 数据展示（服务人数、设备数量、覆盖场景）
- Footer - 公司信息、快速导航、社交媒体
DevOps 配置
CI/CD Pipeline
- GitHub Actions 自动化部署
- 代码质量检查 (ESLint)
- 自动构建和部署到 GitHub Pages
- Lighthouse 性能测试
部署
- 主分支自动部署
- GitHub Pages 托管
- 自定义域名支持
开发命令
npm install # 安装依赖
npm run dev # 启动开发服务器
npm run build # 构建生产版本
npm run preview # 预览生产构建
npm run deploy # 部署到 GitHub Pages