import { useTranslation } from "react-i18next";
import { FaFacebook, FaLinkedin } from "react-icons/fa";

const Footer = () => {
  const { t } = useTranslation();

  return (
    <footer className="flex flex-col space-y-10 justify-center m-10">
      <div className="flex justify-center space-x-5">
        <a
          href="https://www.facebook.com/people/LK-Marketing/61556714037746/"
          target="_blank"
          rel="noopener noreferrer"
        >
          <FaFacebook className="text-gold-light" size={30} />
        </a>
        <a
          href="https://www.linkedin.com/company/lk-results"
          target="_blank"
          rel="noopener noreferrer"
        >
          <FaLinkedin className="text-gold-light" size={30} />
        </a>
        {/* <a
          href="https://instagram.com"
          target="_blank"
          rel="noopener noreferrer"
        >
          <FaInstagram className="text-gold-light" size={30} />
        </a>
        <a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
          <FaXTwitter className="text-gold-light" size={30} />
        </a> */}
      </div>
      <p className="text-center text-gray-400 font-medium">
        {t("footer.rights")}
      </p>
    </footer>
  );
};

export default Footer;
