chore: enhanced not found page

darklight9811 · Sep 5, 2024 · adb6069 · adb6069
1 parent d1360fd
commit adb6069
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/apps/app/src/app/[...rest]/page.tsx b/apps/app/src/app/[...rest]/page.tsx
diff --git a/apps/app/src/app/not-found.tsx b/apps/app/src/app/not-found.tsx
@@ -1,3 +1,5 @@
+import { Link } from "@/lib/navigation";
+import { buttonVariants } from "@repo/ds/ui/button";
 import { Ghost } from "lucide-react";
 import Footer from "./_components/footer";
 import Navbar from "./_components/navbar";
@@ -7,10 +9,14 @@ export default function NotFoundPage() {
 		<>
 			<Navbar />
 
-			<main className="grow flex justify-center items-center">
-				<Ghost />
+			<main className="grow flex flex-col justify-center items-center">
+				<Ghost size={128} />
 
-				<h1>Page not found</h1>
+				<h1 className="text-3xl mb-4">Página não encontrada</h1>
+
+				<Link href="/" className={buttonVariants()}>
+					Voltar para home
+				</Link>
 			</main>
 
 			<Footer />