import Link from "next/link"
import { Frown } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function NotFound() {
    return (
        <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50 dark:bg-gray-900 p-4 font-sans text-center">
            <Frown className="h-24 w-24 text-gray-400 mb-6" strokeWidth={1.5} />
            <h1 className="text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white mb-2">
                Página não encontrada
            </h1>
            <p className="text-lg text-gray-600 dark:text-gray-300 mb-8 max-w-md">
                Desculpe, a página que está à procura não existe, não tem permissão para aceder ou foi movida.
            </p>

            <Button asChild size="lg" className="rounded-full shadow-sm">
                <Link href="/modules">
                    Voltar para a Dashboard
                </Link>
            </Button>
        </div>
    )
}