From efdd3ff982f21653d45ce55822af23ac0334b302 Mon Sep 17 00:00:00 2001
From: ruru <142723369+ruru-m07@users.noreply.github.com>
Date: Fri, 12 Apr 2024 04:55:46 +0530
Subject: [PATCH 1/2] Create not-found.tsx

Co-Authored-By: ruru <ruru.dev07@gmail.com>
---
 app/not-found.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 app/not-found.tsx

diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..35abd82
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,16 @@
+import Link from 'next/link'
+import { Button } from "@/components/ui/button";
+
+export default function NotFound() {
+  return (
+    <div className="flex space-x-2 w-full fixed inset-0 bg-card  justify-center items-center">
+      <div className=" grid place-items-center">
+        <h1 className="text-9xl"> 404 </h1>
+        <h1 className="text-3xl my-5"> Page not found </h1>
+        <Link href={"/"}>
+          <Button variant={"outline"}>Back to home</Button>
+        </Link>
+      </div>
+    </div>
+  )
+}
\ No newline at end of file

From c64601e1802baef37898c1fe4b4e9aa9364a20a0 Mon Sep 17 00:00:00 2001
From: ruru <142723369+ruru-m07@users.noreply.github.com>
Date: Fri, 12 Apr 2024 05:04:32 +0530
Subject: [PATCH 2/2] follow typography rules

Co-Authored-By: ruru <ruru.dev07@gmail.com>
---
 app/not-found.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/not-found.tsx b/app/not-found.tsx
index 35abd82..0de1e59 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,16 +1,21 @@
 import Link from 'next/link'
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
 
 export default function NotFound() {
   return (
     <div className="flex space-x-2 w-full fixed inset-0 bg-card  justify-center items-center">
       <div className=" grid place-items-center">
-        <h1 className="text-9xl"> 404 </h1>
-        <h1 className="text-3xl my-5"> Page not found </h1>
-        <Link href={"/"}>
-          <Button variant={"outline"}>Back to home</Button>
+        <h1 className="text-9xl scroll-m-20 font-extrabold tracking-tight">
+          {' '}
+          404{' '}
+        </h1>
+        <h4 className="scroll-m-20 text-xl font-semibold tracking-tight my-5">
+          Page not found
+        </h4>
+        <Link href={'/'}>
+          <Button>Back to home</Button>
         </Link>
       </div>
     </div>
   )
-}
\ No newline at end of file
+}