"use client";

import { LocaleLink } from "@i18n/routing";
import { Button } from "@ui/components/button";
import { UndoIcon } from "lucide-react";

export function NotFound() {
	return (
		<div className="flex h-screen flex-col items-center justify-center">
			<h1 className="font-bold text-5xl">404</h1>
			<p className="mt-2 text-2xl">Page not found</p>

			<Button asChild className="mt-4">
				<LocaleLink href="/">
					<UndoIcon className="mr-2 size-4" /> Go to homepage
				</LocaleLink>
			</Button>
		</div>
	);
}