import CallToAction from "@/components/call-to-action";
import NestedLayout from "@/components/nested-layout";
import SeoMeta from "@/components/seo-meta";
import { useTheme } from "@/hooks";

export default function Custom404Page() {
  useTheme();

  return (
    <>
      <SeoMeta title="404" />
      <NestedLayout center>
        <h1>404</h1>
        <span>The page you are looking for no longer exists.</span>
        <CallToAction href="/" variant="buttonPrimary">
          Back to Homepage
        </CallToAction>
      </NestedLayout>
    </>
  );
}