components/Footer.js

export default function Footer() {
  return (
    <footer className="bg-nordic-dark py-12 border-t border-white/5">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
        <div className="mb-4 md:mb-0">
          <p className="text-gray-500 text-sm">
            © {new Date().getFullYear()} AI Data Ops Specialist. All rights reserved.
          </p>
        </div>
        <div className="flex space-x-6">
          <a href="#" className="text-gray-500 hover:text-nordic-cyan transition-colors">LinkedIn</a>
          <a href="#" className="text-gray-500 hover:text-nordic-cyan transition-colors">Email</a>
          <a href="https://huggingface.co/spaces/akhaliq/anycoder" className="text-gray-500 hover:text-nordic-cyan transition-colors">
            Built with anycoder
          </a>
        </div>
      </div>
    </footer>
  );
}