update 404 page

package.json

@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "@astrojs/rss": "^2.4.3",
     "@astrojs/sitemap": "^2.0.1",
     "@astrojs/tailwind": "^4.0.0",
-    "astro": "^2.9.1",
+    "astro": "^2.9.6",
     "astro-auto-import": "^0.3.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
@@ -27,7 +27,7 @@
     "fuse.js": "^6.6.2",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
-    "marked": "^5.1.1",
+    "marked": "^5.1.2",
     "prettier-plugin-astro": "^0.11.0",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "prop-types": "^15.8.1",
@@ -44,11 +44,11 @@
     "@tailwindcss/forms": "^0.5.4",
     "@tailwindcss/typography": "^0.5.9",
     "@types/marked": "^5.0.1",
-    "@types/node": "20.4.4",
-    "@types/react": "18.2.15",
+    "@types/node": "20.4.5",
+    "@types/react": "18.2.17",
     "@types/react-dom": "18.2.7",
     "autoprefixer": "^10.4.14",
-    "eslint": "^8.45.0",
+    "eslint": "^8.46.0",
     "postcss": "^8.4.27",
     "prettier": "^3.0.0",
     "prettier-plugin-astro": "^0.11.0",

src/content/pages/404.md

@@ -1,5 +0,0 @@
----
-title: "Something Went Wrong!"
----
-
-This page doesn't exist or has been removed, <br /> we suggest you go back to Home.

src/pages/404.astro

@@ -1,20 +1,23 @@
 ---
 import Base from "@/layouts/Base.astro";
-import { markdownify } from "@/lib/utils/textConverter";
-import { getEntryBySlug } from "astro:content";
-const entry = await getEntryBySlug("pages", "404");
-const { Content } = await entry.render();
 ---
 
-<Base title={entry.data.title}>
-  <section class="section-sm">
+<Base title="Page Not Found">
+  <section class="section-sm text-center">
     <div class="container">
       <div class="row justify-center">
-        <div class="text-center sm:col-10 md:col-8 lg:col-6">
-          <img class="mb-8 w-full" src="/images/404.png" alt="page not found" />
-          <h1 class="h2 mb-4" set:html={markdownify(entry.data.title)} />
-          <Content />
-          <a href="/" class="btn btn-primary mt-8">Back To Home</a>
+        <div class="sm:col-10 md:col-8 lg:col-6">
+          <span
+            class="text-[8rem] block font-bold text-dark dark:text-darkmode-dark"
+          >
+            404
+          </span>
+          <h1 class="h2 mb-4">Page not found</h1>
+          <div class="content">
+            The page you are looking for might have been removed, had its name
+            changed, or is temporarily unavailable.
+          </div>
+          <a href="/" class="btn btn-primary mt-8">Back to home</a>
         </div>
       </div>
     </div>