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

export default function Custom404Page() {
  useTheme();

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