frontend/src/components/Footer.js

import React from 'react';
import { Link } from 'react-router-dom';

function Footer() {
  return (
    <footer className="border-t border-base-200 mt-12">
      <div className="container mx-auto px-4 py-10">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div>
            <h5 className="font-semibold mb-2">GXS QuantumNexus</h5>
            <p className="text-base-content/60">
              A high-fidelity quantum computing simulation platform for exploring quantum protocols,
              algorithms, and concepts.
            </p>
          </div>
          <div>
            <h5 className="font-semibold mb-2">Quick Links</h5>
            <ul className="space-y-2 text-base-content/70">
              <li>
                <Link to="/" className="hover:text-primary transition-colors">
                  <i className="fas fa-home mr-2"></i>Home
                </Link>
              </li>
              <li>
                <Link to="/glossary" className="hover:text-primary transition-colors">
                  <i className="fas fa-book mr-2"></i>Glossary
                </Link>
              </li>
              <li>
                <a href="https://www.facebook.com/ChuyenDoiXanh" className="hover:text-primary transition-colors" target="_blank" rel="noopener noreferrer">
                  <i className="fab fa-Facebook mr-2"></i>Facebook
                </a>
              </li>
            </ul>
          </div>
          <div>
            <ul className="space-y-2 text-base-content/70">
              <li>
                <a href="mailto:contact@p4cng.biz.vn" className="hover:text-primary transition-colors">
                  <i className="fas fa-envelope mr-2"></i>Email
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div className="mt-8 flex flex-col md:flex-row items-center justify-between text-sm text-base-content/60">
          <p>&copy; {new Date().getFullYear()} GXS Innovation Hub</p>
        </div>
      </div>
    </footer>
  );
}

export default Footer;