import type { FunctionComponent } from "react"; import type { LinkProps } from "blitz"; import { Link, Routes } from "blitz"; export default function Footer() { // TODO const isDisabled = true; if (isDisabled) { // return null; } return ( <footer className="bg-white"> <div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"> <nav className="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer"> <NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.Roadmap()} name="Roadmap" /> <NavLink href={Routes.Roadmap()} name="Roadmap" /> </nav> {/*<p className="mt-8 text-center text-base text-gray-400">© 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.</p>*/} <p className="mt-8 text-center text-base text-gray-400"> © 2021 Mokhtar Mial All rights reserved. </p> </div> </footer> ); } type Props = { href: LinkProps["href"]; name: string; }; const NavLink: FunctionComponent<Props> = ({ href, name }) => ( <div className="px-5 py-2"> <Link href={href}> <a className="text-base text-gray-500 hover:text-gray-900">{name}</a> </Link> </div> );