<template>
  <footer class="product-footer text-white py-10 lg:py-16 px-4 lg:px-6 bg-inkreach-homepage-5">
    <div class="max-w-7xl mx-auto">
      <div class="space-y-6 md:grid md:grid-cols-2 lg:grid-cols-4 lg:gap-8">
        <div class="md:col-span-2 lg:col-span-1">
          <div class="text-2xl font-bold mb-4">Inkreach</div>
          <p class="text-gray-400 text-sm">全球POD定制平台, 服务中国卖家出海</p>
        </div>
        <div class="grid grid-cols-3 gap-4 md:col-span-2 lg:col-span-3">
          <div>
            <h3 class="text-lg font-bold mb-4">产品</h3>
            <ul class="space-y-2 text-gray-400">
              <li><a href="#" class="hover:text-white transition-colors">定制卫衣</a></li>
              <li><a href="#" class="hover:text-white transition-colors">定制T恤</a></li>
              <li><a href="#" class="hover:text-white transition-colors">定制包包</a></li>
            </ul>
          </div>
          <div>
            <h3 class="text-lg font-bold mb-4">支持</h3>
            <ul class="space-y-2 text-gray-400">
              <li><a href="#" class="hover:text-white transition-colors">物流说明</a></li>
              <li><a href="#" class="hover:text-white transition-colors">客服帮助</a></li>
              <li><a href="#" class="hover:text-white transition-colors">售后客服</a></li>
            </ul>
          </div>
          <div>
            <h3 class="text-lg font-bold mb-4">联系</h3>
            <ul class="space-y-2 text-gray-400">
              <li><a href="#" class="hover:text-white transition-colors cursor-pointer">联系我们</a></li>
              <li><a href="#" class="hover:text-white transition-colors cursor-pointer">官方公众号</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="border-t border-gray-800 mt-8 lg:mt-12 pt-6 lg:pt-8 text-center text-gray-500 text-sm">
        Copyright @Inkreach 印美达POD全球供应链 All Rights Reserved.
        <a
          href="https://beian.miit.gov.cn/#/Integrated/index"
          target="_blank"
          style="color: border-gray-800; margin: 0px 10px;"
        >粤ICP备xxx号</a>
        广州市印美达供应链有限公司版权所有
      </div>
    </div>
  </footer>
</template>

<style scoped>
@media (min-width: 901px) {
  .product-footer {
    margin-left: 240px;
  }
}
</style>
