diff options
| author | Factiven <[email protected]> | 2023-04-11 23:23:29 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-04-11 23:23:29 +0700 |
| commit | 1fcdd9f7d859b925bf92265f441655d5522e351c (patch) | |
| tree | 86391522f6fcc70d105f7e796a9f91d132ee4a29 /components/footer.js | |
| parent | Initial commit (diff) | |
| download | moopa-1fcdd9f7d859b925bf92265f441655d5522e351c.tar.xz moopa-1fcdd9f7d859b925bf92265f441655d5522e351c.zip | |
initial commit
Diffstat (limited to 'components/footer.js')
| -rw-r--r-- | components/footer.js | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/components/footer.js b/components/footer.js new file mode 100644 index 0000000..3143070 --- /dev/null +++ b/components/footer.js @@ -0,0 +1,76 @@ +import Twitter from "./media/twitter"; +import Instagram from "./media/instagram"; +import Link from "next/link"; +import Image from "next/image"; + +function Footer() { + return ( + <section className=" text-white z-50 bg-black md:flex md:h-[14rem] md:items-center md:justify-between"> + <div className="mx-auto flex w-[78%] flex-col space-y-10 py-10 md:flex-row md:items-center md:justify-between md:space-y-0 md:py-0"> + <div className="md:flex md:flex-col md:gap-y-[3.88rem]"> + <h1 className="font-outfit text-[2.56rem]">moopa</h1> + <p className="flex items-center gap-1 font-karla text-[0.81rem] text-[#CCCCCC]"> + © {new Date().getFullYear()} moopa.my.id | Website Made by + Factiven + </p> + </div> + <div className=""> + <Image + src="https://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif" + alt="gambar" + title="request nya rapip yulistian" + width={210} + height={85} + /> + </div> + + <div className="flex flex-col gap-10 md:flex-row md:items-end md:gap-[9.06rem] "> + <div className="flex flex-col gap-10 font-karla font-bold md:flex-row md:gap-[5.94rem]"> + <ul className="flex flex-col gap-y-[0.7rem] "> + <li className="cursor-pointer hover:text-cyan-500"> + <a href="https://github.com/AniList/ApiV2-GraphQL-Docs">API</a> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <Link href="/staff">Staff</Link> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <Link href="/contact">Contact</Link> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <Link href="/dmca">DMCA</Link> + </li> + </ul> + <ul className="flex flex-col gap-y-[0.7rem]"> + <li className="cursor-pointer hover:text-cyan-500"> + <a href="https://discord.gg/v5fjSdKwr2">Discord</a> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <a href="https://www.instagram.com/dvnabny/">Instagram</a> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <a href="https://twitter.com/Factivens">Twitter</a> + </li> + <li className="cursor-pointer hover:text-cyan-500"> + <a href="https://github.com/DevanAbinaya">Github</a> + </li> + </ul> + </div> + <div className="flex gap-[0.69rem]"> + <div> + <Link href="https://twitter.com/Factivens"> + <Twitter className="fill-[#4CFFFF]" /> + </Link> + </div> + <div> + <Link href="https://www.instagram.com/dvnabny/"> + <Instagram className="fill-white" /> + </Link> + </div> + </div> + </div> + </div> + </section> + ); +} + +export default Footer; |