驰久达官网产品系统Vibe Coding

这是一个企业的官方网页。主要是为了树立企业形象，传递企业信息，展示产品效果，建立一条与潜在合作者/用户的沟通渠道。

这是一个发动机润滑油添加剂企业的品牌官网，面向代理商、终端客户和行业合作伙伴，包含以下功能模块：
1、首页：品牌 Hero 展示、公司简介、核心优势、主力产品入口、招商引导；
2、产品中心：产品列表按类型/应用场景筛选，详情页含技术参数表、TDS/MSDS 留资下载；
3、数据验证中心：核心差异化模块，支持按产品型号/测试项目/标准（ASTM/DIN）多维筛选测试数据，交互式图表展示摩擦系数曲线、磨损对比等，支持 PDF 报告下载，后台支持 Excel/CSV 上传自动解析；
4、销售与合作：全国代理分布地图、加盟政策说明、代理申请在线表单（提交后实时推送通知）；
5、辅助模块：关于我们、技术实力展示、用户协议/隐私政策、SEO 优化与响应式适配。

独立负责官网从架构设计到开发上线的全部工作：完成技术选型、目录结构设计、组件化开发和部署。
技术栈：Next.js 14（App Router）+ TypeScript + Tailwind CSS + shadcn/ui + Framer Motion + React Query + React Hook Form + Zod，后端采用 Strapi CMS + PostgreSQL，文件存储用腾讯云 COS + CDN。
实现亮点：① 按页面特性采用 SSG/SSR/ISR 混合渲染策略，Lighthouse 性能评分≥90；② 数据验证中心实现服务端 Excel 解析 + ECharts 交互图表 + 虚拟列表，支撑大数据量流畅渲染；③ 完整 SEO 方案（JSON-LD 结构化数据 + 动态 sitemap）；④ 安全加固（CSP、XSS 消毒、表单速率限制）；⑤ 全流程 CI/CD 与 Lighthouse 门禁。