404 not found

README.md

@@ -14,6 +14,7 @@
 - [ ] README.md.
 - [ ] CONTRIBUTING.md.
 - [ ] Posthog.
-- [ ] Sentry.
+- [x] Sentry.
 - [ ] Update GitHub repo about & tags.
 - [ ] Update privacy, terms and blog post dates.
+- [x] 404 page

src/app/not-found.tsx

@@ -0,0 +1,35 @@
+import { Button } from '@/primitives/button';
+import { Footer } from './(site)/_components/footer';
+import { Navbar } from './(site)/_components/navbar';
+import Link from 'next/link';
+
+export default function NotFoundPage() {
+  return (
+    <div className="flex min-h-dvh flex-col">
+      <div className="absolute left-0 top-0 z-[-1] h-56 w-full bg-gradient-to-b from-indigo-subtle to-background" />
+      <Navbar />
+      <div className="container flex flex-1">
+        <main className="mb-4 flex flex-1 flex-col items-center justify-center gap-4">
+          <div className="w-full overflow-hidden rounded-lg md:w-3/4 lg:w-1/2">
+            <div className="relative h-0 w-full pb-[56.25%]">
+              <iframe
+                title="anybody there gif"
+                height="100%"
+                src="https://giphy.com/embed/3wtMhcftw2RhR2Wl3s/video"
+                className="absolute left-0 top-0"
+                width="100%"
+              ></iframe>
+            </div>
+          </div>
+          <p className="text-balance text-center text-base text-foreground-muted md:text-lg">
+            According to our very accurate records, this page does not exist.
+          </p>
+          <Button asChild size="lg">
+            <Link href="/">Return home</Link>
+          </Button>
+        </main>
+      </div>
+      <Footer />
+    </div>
+  );
+}