From a0442647d44fa669e236cbae60821051f95e623b Mon Sep 17 00:00:00 2001
From: Sutu Sebastian <41998826+SutuSebastian@users.noreply.github.com>
Date: Mon, 26 Aug 2024 15:48:42 +0300
Subject: [PATCH] Docs: not found page (#1476)

* remove unused imports

* add not found page
---
 apps/web/app/docs/[[...slug]]/page.tsx |  2 --
 apps/web/app/not-found.tsx             | 17 +++++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/app/not-found.tsx

diff --git a/apps/web/app/docs/[[...slug]]/page.tsx b/apps/web/app/docs/[[...slug]]/page.tsx
index 0f85ce5de..20f7bdfca 100644
--- a/apps/web/app/docs/[[...slug]]/page.tsx
+++ b/apps/web/app/docs/[[...slug]]/page.tsx
@@ -1,7 +1,5 @@
 import { allDocs, type Doc } from "contentlayer/generated";
-import { Footer } from "flowbite-react";
 import type { Metadata } from "next";
-import Image from "next/image";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import Markdown from "react-markdown";
diff --git a/apps/web/app/not-found.tsx b/apps/web/app/not-found.tsx
new file mode 100644
index 000000000..f3b2d42f7
--- /dev/null
+++ b/apps/web/app/not-found.tsx
@@ -0,0 +1,17 @@
+import { HomeNavbar } from "~/components/homepage";
+import { MainFooter } from "~/components/main-footer";
+
+export default function NotFoundPage() {
+  return (
+    <div className="relative flex min-h-screen flex-col">
+      <HomeNavbar />
+      <div className="mx-auto flex max-w-screen-sm flex-1 flex-col justify-center px-4 py-8 text-center sm:py-16 lg:px-6 xl:px-0">
+        <h1 className="mb-4 text-4xl font-extrabold text-primary-600">404 - Page Not Found</h1>
+        <p className="text-gray-500 md:text-xl dark:text-gray-400">
+          Whoops! That page doesn’t exist. But do not fret, check out our other resources to get started.
+        </p>
+      </div>
+      <MainFooter />
+    </div>
+  );
+}