feat: add 404 page (#58)

gitbutlerapp · Nov 27, 2024 · a22656e · a22656e
1 parent 19c0ff4
commit a22656e
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/app/(docs)/not-found.tsx b/app/(docs)/not-found.tsx
@@ -0,0 +1,20 @@
+import Link from "next/link"
+
+export default function NotFound() {
+  return (
+    <div className="grid w-full min-w-0 max-w-[var(--fd-page-width)] flex-col place-items-center md:transition-[max-width]">
+      <div className="prose flex flex-col gap-4 lg:flex-row">
+        <div className="flex flex-col justify-center">
+          <h2 className="text-3xl font-bold">Page Not Found</h2>
+          <p>
+            Could not find requested resource, please
+            <br />
+            try again later or <Link href="/">return home</Link>.
+          </p>
+        </div>
+
+        <img src="/img/markus-broke.svg" className="mx-auto" />
+      </div>
+    </div>
+  )
+}
diff --git a/public/img/markus-broke.svg b/public/img/markus-broke.svg