some changes for 404

src/app/not-found.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Wep wep",
+};
+
+export default function NotFound() {
+  return (
+    <main className="flex items-center h-screen pt-16 md:pt-32 pb-12 px-8 md:px-0">
+      <div className="mx-auto w-[480px]">
+        <header className="mb-8 text-center">
+          <h1 className="font-bold text-8xl">404</h1>
+        </header>
+        <div className="">
+          Oh you lost, you know there's nothing here...
+        </div>
+      </div>
+    </main>
+  );
+}

src/app/page.tsx

@@ -1,4 +1,5 @@
 import { ExpirationDate } from "@/components/expiration-date";
+import { NolaGlitchClientOnly } from "@/components/nola-glitch";
 import Image from "next/image";
 
 export default function Home() {
@@ -10,13 +11,16 @@ export default function Home() {
             Nomi Nonsense Workspace
           </h1>
         </header>
-        <Image
-          className="mb-12 mx-auto"
-          alt="Spining ENA <3"
-          src="https://media.tenor.com/1BCeG1aTiBAAAAAd/temptation-stairway-ena.gif"
-          width={200}
-          height={200}  
-        />
+        <noscript>
+          <Image
+            className="mb-12 mx-auto"
+            alt="Spining ENA <3"
+            src="https://media.tenor.com/1BCeG1aTiBAAAAAd/temptation-stairway-ena.gif"
+            width={200}
+            height={200}  
+          />
+        </noscript>
+        <NolaGlitchClientOnly />
         <article className="space-y-6 leading-relaxed">
           <p>What? what are you expecting specifically on this base page?</p>
           <p>