import { FaFacebookF, FaInstagram, FaXTwitter } from 'react-icons/fa6';

const Footer = () => {
  return (
    <footer className="bg-gray-900 text-gray-400">
      <div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
        <div className="md:flex md:items-center md:justify-between">
          <div className="flex justify-center space-x-6 md:order-2">
            <a href="https://facebook.com/" target="_blank" rel="noopener noreferrer" className="hover:text-white">
              <FaFacebookF size={24} />
            </a>
            <a href="https://instagram.com/" target="_blank" rel="noopener noreferrer" className="hover:text-white">
              <FaInstagram size={24} />
            </a>
            <a href="https://x.com/" target="_blank" rel="noopener noreferrer" className="hover:text-white">
              <FaXTwitter size={24} />
            </a>
          </div>
          <div className="mt-8 md:mt-0 md:order-1">
            <p className="text-center text-base text-gray-400">
              &copy; {new Date().getFullYear()} New Providence Fire Department. All rights reserved.
            </p>
            <p className="text-center text-xs text-gray-500 mt-2">
              This site is protected by reCAPTCHA and the Google 
              <a href="https://policies.google.com/privacy" className="text-gray-400 hover:text-white" target="_blank" rel="noopener noreferrer"> Privacy Policy</a> and 
              <a href="https://policies.google.com/terms" className="text-gray-400 hover:text-white" target="_blank" rel="noopener noreferrer"> Terms of Service</a> apply.
            </p>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
