import Link from "next/link";
import { 
  FaMastodon, 
  FaGithub, 
  FaSteam, 
  FaProjectDiagram 
} from "react-icons/fa";

export default function MainFooter() {
  return (
    <footer className="border-t dark:border-white border-black pt-4 text-2xl">
      <div className="flex lg:flex-row max-md:flex-col justify-around items-start">
        <div className="m-4">
          <h3 className="text-xl mb-3">Socials</h3>
          <div className="flex items-center gap-4">
            <Link href="https://mastodon.social/@aderkonstantin" 
                  className="text-gray-800 dark:text-gray-200 hover:text-primary-500 dark:hover:text-primary-400 transition-colors">
              <FaMastodon size={32} />
            </Link>
            <Link href="https://github.com/AderKonstantin" 
                  className="text-gray-800 dark:text-gray-200 hover:text-primary-500 dark:hover:text-primary-400 transition-colors">
              <FaGithub size={32} />
            </Link>
            <Link href="https://steamcommunity.com/yourprofile" 
                  className="text-gray-800 dark:text-gray-200 hover:text-primary-500 dark:hover:text-primary-400 transition-colors">
              <FaSteam size={32} />
            </Link>
          </div>
        </div>
        <div className="m-4">
          <div className="flex items-center gap-2 mb-3">
            <h3 className="text-xl inline">Other Projects</h3>
            <span className="text-gray-800 dark:text-gray-200">
              <FaProjectDiagram size={24} />
            </span>
          </div>
          <div className="text-lg">
            <Link href="sihirtia.ru" 
                  className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">
              Sihirtia Softworks
            </Link>
          </div>
        </div>
      </div>
      <div className="mt-8 md:text-center text-foreground-accent px-6">
        <p className="text-base mt-2 dark:text-gray-200 text-gray-700">Ader Konstantin &copy; {new Date().getFullYear()}</p>
        <p className="text-sm my-2 text-gray-500">Made with &hearts; by <Link href="https://aderk.org" target="_blank" className="text-primary-500 hover:text-primary-600">AderK</Link></p>
      </div>
    </footer>
  );
}