Vectrum
Sign In
24 lines · 676 Bytes · TypeScript
import { StatusPage } from "@/components/home-status";
import { CompassIcon, HomeIcon } from "@/components/icons";
import { ButtonLink } from "@/components/ui";

export default function NotFound() {
  return (
    <StatusPage
      code="404"
      label="Not found"
      title="Nothing to see here"
      description="This page doesn’t exist, or it’s private and you don’t have access."
      actions={
        <>
          <ButtonLink href="/" variant="primary" icon={<HomeIcon />}>
            Go Home
          </ButtonLink>
          <ButtonLink href="/explore" icon={<CompassIcon />}>
            Explore
          </ButtonLink>
        </>
      }
    />
  );
}