TypeScript 97.4%
SQL 1%
JavaScript 0.9%
CSS 0.6%
1import type { Metadata } from "next";2import Link from "next/link";3import { ArrowLeft, ArrowRight } from "lucide-react";4import { Logo } from "@/components/brand/logo";5import { Button } from "@/components/ui/button";67export const metadata: Metadata = { title: "Page not found", robots: { index: false, follow: false } };89export default function NotFound() {10 return (11 <div className="relative flex min-h-dvh flex-col overflow-x-clip">12 <div aria-hidden className="dot-grid pointer-events-none absolute inset-0 opacity-60 [mask-image:radial-gradient(ellipse_70%_60%_at_50%_40%,black_10%,transparent_100%)] dark:opacity-40" />13 <header className="relative z-10 flex h-14 items-center px-5 sm:px-8">14 <Link href="/" aria-label="PolyLLM home" className="rounded-md">15 <Logo size={24} />16 </Link>17 </header>18 <main className="relative z-10 flex flex-1 items-center justify-center px-5 pb-16">19 <div className="max-w-md text-center animate-fade-up">20 <p className="font-mono text-[12px] uppercase tracking-[0.16em] text-fg-subtle">Error 404</p>21 <h1 className="mt-3 text-balance text-4xl font-semibold leading-none tracking-tight sm:text-5xl">22 This page doesn't <span className="text-gradient">exist</span>.23 </h1>24 <p className="mt-4 text-pretty text-[15px] leading-7 text-fg-muted">The link may be broken, the share may have been revoked, or the page moved. Nothing here has been lost on your side.</p>25 <div className="mt-8 flex flex-col items-center justify-center gap-2 sm:flex-row">26 <Button asChild size="lg" className="w-full sm:w-auto">27 <Link href="/app/chat">28 Open PolyLLM29 <ArrowRight />30 </Link>31 </Button>32 <Button asChild size="lg" variant="outline" className="w-full sm:w-auto">33 <Link href="/">34 <ArrowLeft />35 Back to home36 </Link>37 </Button>38 </div>39 </div>40 </main>41 </div>42 );43}44