From d12c2fcd25415bea43a75ac785dbe39500bccf19 Mon Sep 17 00:00:00 2001
From: Abhijeet Bagade <abhijeetbagade001@gmail.com>
Date: Thu, 12 Jun 2025 16:01:13 +0530
Subject: [PATCH] fix-404 page

---
 src/components/PageNotFound/index.jsx | 23 +++++++++++++++++++++++
 src/pages/404.astro                   | 12 ++++++++++++
 src/pages/_404.astro                  | 12 ------------
 3 files changed, 35 insertions(+), 12 deletions(-)
 create mode 100644 src/components/PageNotFound/index.jsx
 create mode 100644 src/pages/404.astro
 delete mode 100644 src/pages/_404.astro

diff --git a/src/components/PageNotFound/index.jsx b/src/components/PageNotFound/index.jsx
new file mode 100644
index 0000000..c971edc
--- /dev/null
+++ b/src/components/PageNotFound/index.jsx
@@ -0,0 +1,23 @@
+export default function Index() {
+  return (
+    <section>
+      <div
+        style={{ textAlign: "center", color: "#8F8F8F", marginTop: "100px" }}
+      >
+        <img src="/assets/pageNotFound.png" />
+        <h2>Page Not Found</h2>
+        <p>
+          Oops! It seems we are lost!
+          <br /> Click below to go to the Home page
+        </p>
+        <br />
+        <a href={"/"}>
+          <button className="btn" style={{ background: "#0348A8" }}>
+            Back to Home &nbsp;
+            <img src="/assets/white_right.png" width={"14px"} />
+          </button>
+        </a>
+      </div>
+    </section>
+  );
+}
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..73f611e
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,12 @@
+---
+import Layout from "../layouts/Layout.astro";
+import PageNotFound from "../components/PageNotFound/index.jsx";
+
+
+---
+
+<Layout >
+    <PageNotFound client:only="react" />
+</Layout>
+
+
diff --git a/src/pages/_404.astro b/src/pages/_404.astro
deleted file mode 100644
index 4d565c9..0000000
--- a/src/pages/_404.astro
+++ /dev/null
@@ -1,12 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
-import HomePage from "../components/Home/Home.jsx";
-
-
----
-
-<Layout >
-    <HomePage client:only="react" />
-</Layout>
-
-