export default function Footer() {
  return (
    <footer className="relative bg-deep-graphite">
      <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary-blue to-transparent" />
      
      <div className="max-w-6xl mx-auto px-6 py-16">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
          <div>
            <h3 className="text-xl font-semibold text-white mb-2">GridPilot</h3>
            <div className="w-16 h-0.5 bg-gradient-to-r from-primary-blue to-neon-aqua mb-4 rounded-full" />
            <p className="text-sm text-gray-400 font-light">
              Making league racing less chaotic
            </p>
          </div>

          <div>
            <h4 className="text-sm font-semibold text-white mb-4">Product</h4>
            <ul className="space-y-3">
              <li>
                <span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
                  Roadmap <span className="text-xs">(coming soon)</span>
                </span>
              </li>
              <li>
                <span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
                  Docs <span className="text-xs">(coming soon)</span>
                </span>
              </li>
            </ul>
          </div>

          <div>
            <h4 className="text-sm font-semibold text-white mb-4">Legal</h4>
            <ul className="space-y-3">
              <li>
                <span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
                  Privacy <span className="text-xs">(coming soon)</span>
                </span>
              </li>
              <li>
                <span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
                  Terms <span className="text-xs">(coming soon)</span>
                </span>
              </li>
            </ul>
          </div>
        </div>

        <div className="pt-8 border-t border-charcoal-outline">
          <div className="flex flex-col md:flex-row justify-between items-center gap-4">
            <p className="text-sm text-gray-500 font-light">
              © 2025 GridPilot. All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>
  );
}