SquidSpirit
e12d815440
squid 756112cb21 BLOG-5 docs: add comment for next config squid c16e3f29a0 BLOG-5 refactor: apply clean architecture directory structure squid 7f1a202cc7 BLOG-5 feat: self tags animation squid 738008b983 BLOG-5 refactor: remove unused props definition squid 90c8a2f627 BLOG-5 feat: home page fisrt view desktop layout zoe d76f54b2b1 BLOG-5 feat: mobile home page first view Reviewed-on: #15 Co-authored-by: SquidSpirit <squid@squidspirit.com> Co-committed-by: SquidSpirit <squid@squidspirit.com>
28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
import { faGithub, faYoutube } from "@fortawesome/free-brands-svg-icons";
|
|
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<div className="border-t border-gray-300">
|
|
<div className="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-4 px-4 py-12 md:flex-row md:px-6">
|
|
<div className="flex flex-row items-center justify-center gap-x-4">
|
|
<FontAwesomeIcon className="size-4" icon={faYoutube} />
|
|
<FontAwesomeIcon className="size-4" icon={faEnvelope} />
|
|
<FontAwesomeIcon className="size-4" icon={faGithub} />
|
|
</div>
|
|
<Devider className="max-md:hidden" />
|
|
<span className="text-sm">Copyright © 2025 SquidSpirit</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function Devider(props: { className?: string }) {
|
|
return (
|
|
<div className={props.className}>
|
|
<div className="h-4 w-0.5 bg-gray-300" />
|
|
</div>
|
|
);
|
|
}
|