<template>
  <footer class="bg-[#0e1324] text-gray-300">
    <div
      class="max-w-[1200px] mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-6 gap-6"
    >
      <div class="md:col-span-2 flex gap-4">
        <div class="w-24 h-24 bg-white/5 flex items-center justify-center">
          <!-- QR placeholder -->
          <div
            class="w-20 h-20 bg-white/10 flex items-center justify-center text-xs text-white/80"
          >
            扫码关注
          </div>
        </div>
        <div class="text-sm leading-relaxed">
          <div class="text-white font-semibold mb-2 text-[14px]">DeepOil</div>
          <div class="mb-2 text-[12px]">
            咨询热线：<span class="text-white font-medium">401-1888-515</span>
          </div>
          <div class="text-[12px]">公司邮箱：mkt@DeepOil.com</div>
        </div>
      </div>

      <div class="md:col-span-1">
        <div class="text-white font-semibold mb-3 text-[14px]">DeepOil产品</div>
        <ul class="space-y-2 text-[12px] text-gray-400">
          <li>经营驾驶舱</li>
          <li>智能钻井系统</li>
          <li>QHSE (安全监控、应急指挥)</li>
          <li>全局数据治理 (数据中台)</li>
          <li>行业AI大模型</li>
          <li>智慧指挥平台</li>
        </ul>
      </div>

      <div class="md:col-span-1">
        <div class="text-white text-[14px] font-semibold mb-3">
          行业解决方案
        </div>
        <ul class="space-y-2 text-[12px] text-gray-400">
          <li>设备管理系统 (PMS)</li>
          <li>项目管理 (PM)</li>
          <li>Chat BI平台</li>
          <li>数字运营平台</li>
        </ul>
      </div>

      <div class="md:col-span-1">
        <div class="text-white text-[14px] font-semibold mb-3">
          行业模型市场
        </div>
        <ul class="space-y-2 text-[12px] text-gray-400">
          <li>基础工具</li>
          <li>行业AI大模型</li>
          <li>AI智能体</li>
          <li>数据服务</li>
        </ul>
      </div>

      <div class="md:col-span-1">
        <div class="text-white text-[14px] font-semibold mb-3">关于DeepOil</div>
        <ul class="space-y-2 text-[12px] text-gray-400">
          <li>我们的客户</li>
          <li>合作伙伴</li>
        </ul>
      </div>
    </div>

    <div class="bg-[#08101a] text-center text-[12px] text-gray-400 py-3">
      Copyright ©2025 DeepOil 鲁ICP备2025162998号-1
    </div>
  </footer>
</template>
