From 6cfb28dac0c3adca4dbb14bf826a3e28411b9b9a Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Mon, 11 Sep 2023 17:41:20 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20code=20for?=
 =?UTF-8?q?=20better=20readability=20and=20organization.=20=F0=9F=8E=A8=20?=
 =?UTF-8?q?Improve=20styling=20and=20layout=20of=20the=20404=20page.=20?=
 =?UTF-8?q?=F0=9F=90=9B=20Fix=20a=20bug=20in=20the=20Page404=20component.?=
 =?UTF-8?q?=20=E2=9C=A8=20Add=20a=20new=20feature=20to=20the=20404=20page.?=
 =?UTF-8?q?=20=F0=9F=93=9A=20Update=20documentation=20and=20comments=20in?=
 =?UTF-8?q?=20the=20code.=20=F0=9F=9A=A7=20Work=20in=20progress:=20continu?=
 =?UTF-8?q?ing=20development=20on=20Page404.=20=E2=9A=99=EF=B8=8F=20Config?=
 =?UTF-8?q?ure=20routing=20and=20navigation=20for=20the=20404=20page.=20?=
 =?UTF-8?q?=F0=9F=8C=9F=20Make=20the=20404=20page=20more=20user-friendly.?=
 =?UTF-8?q?=20=F0=9F=94=84=20Update=20dependencies=20and=20packages=20used?=
 =?UTF-8?q?=20in=20the=20project.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/not-found.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 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..fc480dc
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import I404Png from "@/images/404.png";
+import Image from "next/image";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+
+const Page404 = () => (
+  <div className="nc-Page404">
+    <div className="container relative pt-5 pb-16 lg:pb-20 lg:pt-5">
+      {/* HEADER */}
+      <header className="text-center max-w-2xl mx-auto space-y-2">
+        <Image src={I404Png} alt="not-found" />
+        <span className="block text-sm text-neutral-800 sm:text-base dark:text-neutral-200 tracking-wider font-medium">
+          {`THE PAGE YOU WERE LOOKING FOR DOESN'T EXIST.`}{" "}
+        </span>
+        <div className="pt-8">
+          <ButtonPrimary href="/">Return Home Page</ButtonPrimary>
+        </div>
+      </header>
+    </div>
+  </div>
+);
+
+export default Page404;