components/Footer.js

import Link from 'next/link'

export default function Footer() {
  return (
    <footer className="bg-kisan-soil text-white">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div className="grid md:grid-cols-4 gap-8">
          <div>
            <div className="flex items-center space-x-2 mb-4">
              <span className="text-4xl">🌾</span>
              <div>
                <h3 className="text-xl font-bold">किसान बीज सेवा</h3>
                <p className="text-kisan-light text-sm">Kisan Beej Seva</p>
              </div>
            </div>
            <p className="text-gray-300 text-sm">
              भारत के किसानों को उच्च गुणवत्ता वाले बीज प्रदान करना हमारा धर्म है।
            </p>
          </div>

          <div>
            <h4 className="font-bold text-lg mb-4">त्वरित लिंक</h4>
            <ul className="space-y-2">
              <li><Link href="#home" className="text-gray-300 hover:text-kisan-gold transition">Home</Link></li>
              <li><Link href="#seeds" className="text-gray-300 hover:text-kisan-gold transition">बीज / Seeds</Link></li>
              <li><Link href="#about" className="text-gray-300 hover:text-kisan-gold transition">About Us</Link></li>
              <li><Link href="#contact" className="text-gray-300 hover:text-kisan-gold transition">Contact</Link></li>
            </ul>
          </div>

          <div>
            <h4 className="font-bold text-lg mb-4">बीज श्रेणियां</h4>
            <ul className="space-y-2">
              <li><span className="text-gray-300">धान / Rice</span></li>
              <li><span className="text-gray-300">गेहूं / Wheat</span></li>
              <li><span className="text-gray-300">मक्का / Maize</span></li>
              <li><span className="text-gray-300">दालें / Pulses</span></li>
              <li><span className="text-gray-300">सब्जी / Vegetables</span></li>
            </ul>
          </div>

          <div>
            <h4 className="font-bold text-lg mb-4">संपर्क</h4>
            <ul className="space-y-3 text-gray-300">
              <li className="flex items-center gap-2">
                <span>📞</span> 1800-XXX-XXXX
              </li>
              <li className="flex items-center gap-2">
                <span>💬</span> +91 XXXXX XXXXX
              </li>
              <li className="flex items-center gap-2">
                <span>✉️</span> info@kisanbeejseva.com
              </li>
            </ul>
          </div>
        </div>

        <div className="border-t border-gray-600 mt-8 pt-8 text-center">
          <p className="text-gray-400 text-sm">
            © 2024 किसान बीज सेवा | Kisan Beej Seva. All rights reserved.
          </p>
          <div className="mt-2">
            <a 
              href="https://huggingface.co/spaces/akhaliq/anycoder" 
              target="_blank" 
              rel="noopener noreferrer"
              className="text-kisan-gold hover:text-yellow-300 text-sm transition"
            >
              Built with anycoder
            </a>
          </div>
        </div>
      </div>
    </footer>
  )
}