Merge pull request #14 from edum0/main

404 page

Author: abhitrueprogrammer

app/globals.css

@@ -11,6 +11,11 @@
   src: url("/fonts/BrunoAce-Regular.ttf") format("truetype");
 }
 
+@font-face {
+  font-family: "Ballega";
+  src: url("/fonts/Ballega.otf") format("opentype");
+}
+
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {

app/not-found.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import React from "react";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import Button from "@/components/ui/Button";
+
+export default function NotFound() {
+  const router = useRouter();
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-b from-gray-900 to-green-900 text-white">
+      <div className="flex flex-col items-center text-center">
+        {/* 404 Section */}
+        <div className="flex flex-col items-center mb-6">
+          <Image
+                  src="/404.svg"
+                  alt="close"
+                  width={550}
+                  height={550}
+                  draggable={false}
+                  unselectable="on"
+                  priority
+                />
+        </div>
+
+        {/* Home Button*/}
+        <Button
+          className="mt-12  text-xl px-8 py-6 font-[Ballega] font-extralight"
+          onClick={() => router.push("/")}
+          variant="green"
+          size="lg"
+        >
+          Home
+        </Button>
+      </div>
+    </div>
+  );
+}