text: import { AiFillGithub, AiFillLinkedin } from "react-icons/ai";
  import { GrMail } from "react-icons/gr";
  function Footer() {
    return (
      <div className="scroll-snap-align h-24 p-6 bg-gray-200 opacity-90">
        <a
          href="https://github.com/tronglongphung"
          target="_blank"
          rel="noopener noreferrer"
          className="hover:bg-red-300 rounded-xl footerIcon"
        >
          <AiFillGithub size="1.7rem" />
        </a>
        <a
          href="https://www.linkedin.com/in/tomphung0501/"
          target="_blank"
          rel="noopener noreferrer"
          className="hover:bg-red-300 rounded-xl footerIcon"
        >
          <AiFillLinkedin size="1.7rem" />
        </a>
        <a
          href="mailto: tronglongphung@gmail.com"
          className="hover:bg-red-300 rounded-xl footerIcon"
        >
          <GrMail size="1.7rem" />
        </a>
      </div>
    );
  }
  export default Footer;
  