Imprint: Not Found

import { Imprint } from "@/components/ui/imprint";

export function ImprintNotFoundDemo() {
  return (
    <Imprint
      cell={28}
      gap={1}
      depth={40}
      reach={190}
      falloff={1}
      perspective={600}
      boxClassName="text-white dark:text-neutral-900"
      className="flex h-[var(--demo-height,30rem)] w-full flex-col items-center justify-center rounded-2xl border border-border px-6 text-center text-foreground"
    >
      <p className="font-mono text-sm text-muted-foreground">404</p>
      <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
        This page sank without a trace
      </h2>
      <p className="mt-3 max-w-sm text-sm/6 text-pretty text-muted-foreground">
        It may have moved, or the link has a typo. Everything else is still on the surface.
      </p>
      <a
        href="#"
        className="mt-8 rounded-full bg-foreground px-5 py-2.5 text-sm font-medium text-background shadow-sm transition-transform active:scale-[0.97]"
      >
        Back to the surface
      </a>
    </Imprint>
  );
}