diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..2ab621b
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,16 @@
+import { NavigateBack } from "@/components/common/NavigateBack";
+import Image from "next/image";
+
+export default function NotFound() {
+  return (
+    <div className="flex flex-col justify-center items-center gap-4 h-[480px]">
+      <Image
+        width={240}
+        height={120}
+        src="/404.jpg"
+        alt="pinkie pie: http error 404 page not found"
+      />
+      <NavigateBack />
+    </div>
+  );
+}
diff --git a/components/common/NavigateBack.tsx b/components/common/NavigateBack.tsx
new file mode 100644
index 0000000..b8ede47
--- /dev/null
+++ b/components/common/NavigateBack.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { Button } from "../ui/button";
+
+export function NavigateBack() {
+  const router = useRouter();
+
+  return (
+    <Button variant="secondary" onClick={() => router.back()}>
+      Go back
+    </Button>
+  );
+}
diff --git a/public/404.jpg b/public/404.jpg
new file mode 100644
index 0000000..fde21b5
Binary files /dev/null and b/public/404.jpg differ