From df2cce07e0db2d0977e2934044df41bd49c7e626 Mon Sep 17 00:00:00 2001
From: Ando <65276708+andostronaut@users.noreply.github.com>
Date: Fri, 12 Jul 2024 21:50:51 +0300
Subject: [PATCH] feat: add not found component handler

---
 src/app/not-found.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/app/not-found.tsx

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..bdb5ac6
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,30 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+
+import { Button } from '@/components/ui/button'
+
+export default function NotFound() {
+  const router = useRouter()
+
+  return (
+    <div style={{ height: '50vh' }}>
+      <div className="w-full flex flex-col items-center justify-center h-full">
+        <div className="text-center space-y-4">
+          <h1 className="text-4xl font-bold tracking-tight">
+            404 - Page Not Found
+          </h1>
+          <p className="text-gray-500 dark:text-gray-400">
+            The page you re looking for doesn t exist or has been moved.
+          </p>
+          <Button
+            className="inline-flex h-9 items-center justify-center rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-gray-50 shadow transition-colors hover:bg-gray-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90 dark:focus-visible:ring-gray-300"
+            onClick={() => router.back()}
+          >
+            Go back
+          </Button>
+        </div>
+      </div>
+    </div>
+  )
+}