import Link from "next/link"
import Image from "next/image";

export default function FooterBlock() {
  return (
    <footer className="bg-[url('/assets/home/27.jpg')] bg-cover text-white py-12 px-6">
      <div className="max-w-6xl mx-auto">
        <div className="grid grid-cols-1 sm:grid-cols-3 gap-8 mb-8">
          {/* 快捷链接 - Quick Links */}
          <div>
            <h3 className="text-lg font-semibold mb-4">快捷链接</h3>
            <ul className="space-y-2">
              <li>
                <Link href="/" className="text-blue-200 hover:text-white transition-colors">
                  首页
                </Link>
              </li>
              <li>
                <Link href="/products" className="text-blue-200 hover:text-white transition-colors">
                  产品中心
                </Link>
              </li>
              <li>
                <Link href="/solutions" className="text-blue-200 hover:text-white transition-colors">
                  解决方案
                </Link>
              </li>
              <li>
                <Link href="/news" className="text-blue-200 hover:text-white transition-colors">
                  新闻动态
                </Link>
              </li>
              <li>
                <Link href="/support" className="text-blue-200 hover:text-white transition-colors">
                  服务支持
                </Link>
              </li>
              <li>
                <Link href="/about" className="text-blue-200 hover:text-white transition-colors">
                  关于我们
                </Link>
              </li>
            </ul>
          </div>

          {/* 联系方式 - Contact Information */}
          <div>
            <h3 className="text-lg font-semibold mb-4">联系方式</h3>
            <div className="space-y-3">
              <p className="text-blue-200">0731-85315153</p>
              <div>
                <h4 className="font-medium mb-2">公司地址</h4>
                <p className="text-blue-200 text-sm leading-relaxed">
                  湖南省长沙市岳麓区梅溪湖街道泉水路461号
                  <br />
                  长沙健康医疗大数据产业孵化基地1-2#楼 未来楼5楼左侧
                </p>
              </div>
            </div>
          </div>

          {/* 关注我们 - Follow Us */}
          <div>
            <h3 className="text-lg font-semibold mb-4">关注我们</h3>
            <div className="space-y-4">
              {/* QR Code placeholder - using a colored block */}
              <div className="w-28 h-28 bg-white border-2 border-gray-300 flex items-center justify-center">
                  <Image src={"/assets/home/26.jpg"} alt={"qrCode"} width={500} height={500} />
              </div>
              <div className="text-sm text-blue-200">
                <p>- 版权所有 -</p>
                <Link href={"https://beian.miit.gov.cn"} target="_blank" className="hover:underline cursor-pointer">湘ICP备2023023220号-1</Link>
              </div>
            </div>
          </div>
        </div>

        {/* Copyright */}
        <div className="border-t border-blue-800 pt-6 text-center">
          <p className="text-blue-200 text-sm">@COPYRUGHT@2014-2024 中科盛阳信息技术有限公司</p>
        </div>
      </div>
    </footer>
  )
}
