import { Mail, MessageCircle, Phone } from 'lucide-react';

export default function Footer() {
  return (
    <footer className="bg-gray-900 text-white py-12">
      <div className="max-w-screen-xl mx-auto px-6">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          {/* 公司信息 */}
          <div className="md:col-span-2">
            <h3 className="text-2xl font-bold mb-4">Pinnovate Cloud</h3>
            <p className="text-gray-300 mb-6 max-w-md">
              专业的云加速服务提供商，为全球企业提供高性能、安全可靠的网络加速解决方案。
            </p>
            <div className="space-y-3">
              <div className="flex items-center gap-3">
                <Mail className="w-5 h-5 text-accent" />
                <a href="mailto:support@pinnovatecloud.com" className="text-gray-300 hover:text-white transition-colors">
                  support@pinnovatecloud.com
                </a>
              </div>
              <div className="flex items-center gap-3">
                <Phone className="w-5 h-5 text-accent" />
                <a href="https://wa.me/19174029875" className="text-gray-300 hover:text-white transition-colors">
                  +1 917-402-9875
                </a>
              </div>
              <div className="flex items-center gap-3">
                <MessageCircle className="w-5 h-5 text-accent" />
                <a href="https://t.me/pinnovatecloud" className="text-gray-300 hover:text-white transition-colors">
                  @pinnovatecloud
                </a>
              </div>
            </div>
          </div>

          {/* 服务链接 */}
          <div>
            <h4 className="text-lg font-semibold mb-4">服务</h4>
            <ul className="space-y-2">
              <li><a href="/features" className="text-gray-300 hover:text-white transition-colors">产品特性</a></li>
              <li><a href="/pricing" className="text-gray-300 hover:text-white transition-colors">定价方案</a></li>
              <li><a href="/cases" className="text-gray-300 hover:text-white transition-colors">客户案例</a></li>
              <li><a href="/news" className="text-gray-300 hover:text-white transition-colors">新闻资讯</a></li>
            </ul>
          </div>

          {/* 支持链接 */}
          <div>
            <h4 className="text-lg font-semibold mb-4">支持</h4>
            <ul className="space-y-2">
              <li><a href="/contact" className="text-gray-300 hover:text-white transition-colors">联系我们</a></li>
              <li><a href="/about" className="text-gray-300 hover:text-white transition-colors">关于我们</a></li>
              <li><a href="#" className="text-gray-300 hover:text-white transition-colors">帮助中心</a></li>
              <li><a href="#" className="text-gray-300 hover:text-white transition-colors">API 文档</a></li>
            </ul>
          </div>
        </div>

        <div className="border-t border-gray-700 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
          <p className="text-gray-400 text-sm">
            &copy; 2025 Pinnovate Cloud. 保留所有权利。
          </p>
          <div className="flex space-x-6 mt-4 md:mt-0">
            <a href="https://t.me/pinnovatecloud" className="text-gray-400 hover:text-white transition-colors">
              <MessageCircle className="w-5 h-5" />
            </a>
            <a href="https://wa.me/19174029875" className="text-gray-400 hover:text-white transition-colors">
              <Phone className="w-5 h-5" />
            </a>
            <a href="mailto:support@pinnovatecloud.com" className="text-gray-400 hover:text-white transition-colors">
              <Mail className="w-5 h-5" />
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
}