Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243"use client";
import { Button } from "@openstatus/ui/components/ui/button";import Link from "next/link";import { useRouter } from "next/navigation";
export default function NotFound() { const router = useRouter();
return ( <main className="bg-background flex min-h-screen w-full flex-col space-y-6 p-4 md:p-8"> <div className="flex flex-1 flex-col items-center justify-center gap-8"> <div className="bg-card mx-auto max-w-xl rounded-lg border text-center"> <div className="flex flex-col gap-4 p-6 sm:p-12"> <div className="flex flex-col gap-1"> <p className="text-foreground font-mono">404 Page not found</p> <h2 className="font-cal text-foreground text-2xl"> Oops, something went wrong. </h2> <p className="text-muted-foreground text-sm sm:text-base"> The page you are looking for doesn't exist. </p> </div> <div className="flex flex-col items-center justify-center gap-4 sm:flex-row"> <Button variant="outline" size="lg" onClick={router.back} className="cursor-pointer" > Go Back </Button> <Button size="lg" asChild> <Link href="/">Home</Link> </Button> </div> </div> </div> </div> </main> );}