25 lines
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
|
import Link from "next/link";
|
|||
|
import {IoLogoGithub, IoLogoGitlab} from "react-icons/io5";
|
|||
|
|
|||
|
export const Footer = () => {
|
|||
|
return (
|
|||
|
<div>
|
|||
|
<footer className="footer grid w-full grid-flow-row place-items-center text-center gap-y-10 gap-x-4 text-sm p-10 dark:bg-black bg-white dark:text-white text-black rounded">
|
|||
|
<div className="grid grid-flow-col gap-4">
|
|||
|
<Link href="/"><a className="link link-hover">Home</a></Link>
|
|||
|
<Link href="/"><a className="link link-hover">Home 2</a></Link>
|
|||
|
<Link href="/"><a className="link link-hover">Home 3</a></Link>
|
|||
|
</div>
|
|||
|
<div>
|
|||
|
<div className="grid grid-flow-col gap-4">
|
|||
|
<Link href="/"><a><IoLogoGithub></IoLogoGithub></a></Link>
|
|||
|
<Link href="/"><a><IoLogoGitlab></IoLogoGitlab></a></Link>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div>
|
|||
|
<p>Made with ❤️ by Nick Bland</p>
|
|||
|
</div>
|
|||
|
</footer>
|
|||
|
</div>
|
|||
|
);
|
|||
|
}
|