品牌企业官网产品系统

企业需要对外展示品牌形象和产品信息，传统建站周期长、成本高、维护困难。本项目使用现代前端框架构建响应式企业官网，支持多端适配、SEO优化、暗色模式，页面加载速度快，Lighthouse评分95+，帮助企业以低成本获得高质量官网。

1. 首页：品牌展示、核心产品介绍、数据亮点、客户案例
2. 产品页：产品详情、功能列表、价格方案对比
3. 关于我们：公司介绍、团队成员、发展历程时间线
4. 联系页：表单提交、地图嵌入、社交媒体链接
5. 响应式适配：PC/平板/手机三端完美展示
6. SEO优化：静态生成、meta标签、结构化数据
7. 暗色模式：支持明暗主题切换

独立负责前端开发全流程。

1. 架构设计：基于 Next.js App Router，采用静态生成(SSG)模式，首屏加载快。
2. 组件化开发：Header、Footer、Hero、Card、PricingTable等组件独立封装，复用性高。
3. 响应式方案：使用 Tailwind CSS 断点系统，适配 mobile/tablet/desktop 三端。
4. 暗色模式：通过 CSS 变量 + Tailwind dark: 前缀实现，支持系统偏好自动切换。
5. SEO优化：使用 Next.js Metadata API 自动生成 meta 标签，配合 sitemap.xml 和 robots.txt。
6. 性能优化：图片使用 next/image 组件懒加载，字体本地化，减少布局偏移。

项目亮点：Lighthouse 评分 95+，首屏加载 1.2s 内，完美适配三端。