import { Pill } from "lucide-react";
import Link from "next/link";

export default function Footer() {



  return (

    <footer className="bg-gray-900 text-white py-12">
      <div className="container mx-auto px-4">
        <div className="grid md:grid-cols-4 gap-8">
          <div>
            <div className="flex items-center space-x-2 mb-4">
              <div style={{ backgroundColor: '#1B3261' }} className="p-2 rounded-lg">
                <Pill className="h-6 w-6 text-white" />
              </div>
              <div>
                <h3 className="text-xl font-bold">Kigali Safety Academy</h3>
              </div>
            </div>
            <p className="text-gray-400">
              Empowering Safe Workforce
            </p>
          </div>

          <div>
            <h4 className="font-semibold mb-4">Services</h4>
            <ul className="space-y-2 text-gray-400">
              <li>
                <Link href="#" className="hover:text-white">
                  Occupational Safety and Health Training
                </Link>
              </li>
              <li>
                <Link href="#" className="hover:text-white">
                  Certification
                </Link>
              </li>

            </ul>
          </div>

          <div>
            <h4 className="font-semibold mb-4">Quick Links</h4>
            <ul className="space-y-2 text-gray-400">
              <li>
                <Link href="/about" className="hover:text-white">
                  About Us
                </Link>
              </li>

              <li>
                <Link href="/contact" className="hover:text-white">
                  Contact
                </Link>
              </li>
            </ul>
          </div>

          <div>
            <h4 className="font-semibold mb-4">Emergency</h4>
            <p className="text-gray-400 mb-2">24/7 Emergency Line:</p>
            <p className="text-white font-normal text-md">+250 784 803 573</p>
            <p className="text-gray-400 text-sm mt-2"></p>
          </div>
        </div>

        <div className="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
          <p>&copy; {new Date().getFullYear()} Kigali safety Academy. All rights reserved.</p>
        </div>
      </div>
    </footer>

  )

}
