第 5 题
------------------------------------------------------------

【任务】
请设计并实现一个前端落地页：一个户外机能风运动装备品牌的产品展示页。
品牌定位强调：高质量、高耐用度、高实用性。
这是真实的商业场景页面，请把它当作要上线使用的产品来做。

【功能要求】
1. 页面结构完整，包含：品牌头部导航、核心卖点区（Hero）、
   产品展示区（至少 4 款产品）、品牌故事区、预订入口、页脚
2. 产品展示区每款产品包含：名称、简介、价格、图片
   （可用占位图或图形绘制）
3. 预订入口有明确交互（表单或按钮流程），操作有反馈
4. 适配桌面与移动端（不同屏幕宽度下布局不崩坏）
5. 交互细节：悬停、过渡动画等酌情完善

【视觉要求】
- 不指定风格，由你根据品牌调性自主设计一套完整、统一、有辨识度的
  视觉方案
- 视觉方案须自洽：配色、字体、布局风格前后一致
- 视觉表达需呼应品牌定位（高质量、高耐用度、高实用性）

【技术要求】
- 工作区完整项目（Vite + React 或原生均可），可直接构建运行
- 页面打开即可正常浏览，无报错
- 代码结构清晰（组件划分、状态管理合理）

【交付要求】
- 项目结构完整，说明运行方式；如已实际运行，请说明结果
