51 lines
2.2 KiB
TypeScript
51 lines
2.2 KiB
TypeScript
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 © {new Date().getFullYear()}</p>
|
|
<p className="text-sm my-2 text-gray-500">Made with ♥ by <Link href="https://aderk.org" target="_blank" className="text-primary-500 hover:text-primary-600">AderK</Link></p>
|
|
</div>
|
|
</footer>
|
|
);
|
|
} |