NotFound.tsx raw

   1  import { AlbyHubIcon } from "src/components/icons/AlbyHubIcon";
   2  import { LinkButton } from "src/components/ui/custom/link-button";
   3  
   4  function NotFound() {
   5    return (
   6      <>
   7        <title>Page Not Found · Alby Hub</title>
   8        <div className="flex flex-col items-center justify-center min-h-screen gap-6 text-center px-4">
   9          <AlbyHubIcon className="w-16 h-16 opacity-60" />
  10          <div>
  11            <h1 className="text-3xl font-semibold">Page not found</h1>
  12            <p className="mt-2 text-sm text-muted-foreground">
  13              The page you're looking for doesn't exist
  14            </p>
  15          </div>
  16          <LinkButton to="/" variant="outline">
  17            Return Home
  18          </LinkButton>
  19        </div>
  20      </>
  21    );
  22  }
  23  
  24  export default NotFound;
  25