Product family

请帮我重新设计并升级当前主题的 UI/UX 和视觉风格。

1. 行业定位与品牌色调

  • 行业: 工程机械外贸 B2B 网站(Construction & Heavy Machinery Export)
  • 主色调: 天蓝色 / 蔚蓝色(Sky Blue,如 #0091EA / #0288D1),传达专业、高科技与可靠感
  • 辅助色: 深工业蓝/碳灰(作为深色背景和文字色),高亮黄/橙(仅用于高强度的询盘 CTA 按钮,增加转化率)
  • 整体风格: 现代化重工业风(Modern Industrial B2B),强调实力、品质与国际化信任感。

2. 首屏 (Hero Section) 重构

  • 背景: 允许支持大型机械设备高清背景图或背景视频遮罩(暗色蒙版叠加天蓝色渐变),不再纯依靠网格线条。
  • 布局:
    • 左侧:强有力的标语(如 “Reliable Heavy Machinery & Global Supply Leader”)、副标题及高亮 CTA 按钮(“Get a Free Quote” / “Download Catalog”)。
    • 右侧:突出核心参数卡片(如 “50+ Countries Exported”, “ISO 9001 Certified”, “24h Technical Quote”),采用微半透明玻璃拟态卡片(Glassmorphism)。

3. 新增/优化核心 B2B 模块

请在首页依次增加并优化以下模块的组件样式:

  1. 产品分类展示 (Product Categories Grid):
    • 采用重工业卡片设计(支持挖掘机、装载机、起重机等大图展示)。
    • 悬停效果:卡片向上微微浮动,图片微放大,天蓝色边框/发光效果。
  2. 核心优势/信任背书 (Why Choose Us / Factory Power):
    • 4栏网格:OEM/ODM Customization, Strict QC System, Global Logistics, 24/7 Spare Parts Support。
    • 配合工业风格的矢量 Icon。
  3. 数据统计栏 (Company Stats Counter):
    • 类似:15+ Years Experience | 80+ Export Regions | 1000+ Units Annual Output。
  4. 在线询盘/RFQ 浮动卡片与底部表单 (Inquiry & Contact):
    • 强化 “Send RFQ” 按钮,天蓝色高亮,悬浮固定 WhatsApp/Email 联系入口。

4. UI 细节与组件规范

  • 按钮: 增加圆角(6px-8px),添加微渐变(Sky Blue Gradient)与阴影,悬浮时有明显交互反馈。
  • 卡片: 提升白亮对比度,光暗板块穿插交替(白色背景展示产品,深蓝/天蓝背景展示工厂实力与页脚)。
  • 字体与排版: 使用硬朗、清晰的无衬线体(如 Inter, Montserrat, or Roboto),标题字体加粗,增强工业力量感。

请生成并更新对应的 CSS/Tailwind 样式表及页面组件代码。