diff --git a/apps/www/src/app/error.tsx b/apps/www/src/app/error.tsx
deleted file mode 100644
index ef42605..0000000
--- a/apps/www/src/app/error.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useEffect(() => {
-    console.error(error);
-  }, [error]);
-
-  return (
-    <div className="min-h-screen flex items-center justify-center flex-col">
-      <div className="text-center">
-        <h2 className="text-4xl font-bold mb-4">Something went wrong!</h2>
-        <button
-          onClick={reset}
-          className="text-blue-500 hover:underline"
-        >
-          Try again
-        </button>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/www/src/app/global-error.tsx b/apps/www/src/app/global-error.tsx
new file mode 100644
index 0000000..b38da25
--- /dev/null
+++ b/apps/www/src/app/global-error.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <html>
+      <body>
+        <div>
+          <h1>Something went wrong!</h1>
+          <button onClick={() => reset()}>Try again</button>
+        </div>
+      </body>
+    </html>
+  );
+}
\ No newline at end of file
