diff --git a/app/error.jsx b/app/error.jsx
new file mode 100644
index 0000000..d730fad
--- /dev/null
+++ b/app/error.jsx
@@ -0,0 +1,33 @@
+'use client';
+import { FaExclamationCircle } from 'react-icons/fa';
+import Link from 'next/link';
+
+const ErrorPage = ({ error, reset }) => {
+  console.log(error);
+  return (
+    <section className='bg-blue-50 min-h-screen flex-grow'>
+      <div className='container m-auto max-w-2xl py-24'>
+        <div className='bg-white px-6 py-24 mb-4 shadow-md rounded-md border m-4 md:m-0'>
+          <div className='flex justify-center'>
+            <FaExclamationCircle className='text-yellow-400 text-8xl fa-5x' />
+          </div>
+          <div className='text-center'>
+            <h1 className='text-3xl font-bold mt-4 mb-2'>
+              Something Went Wrong
+            </h1>
+            <p className='text-gray-500 text-xl mb-10'>{error.toString()}</p>
+            <Link
+              href='/'
+              className='bg-blue-700 hover:bg-blue-800 text-white font-bold py-4 px-6 rounded'
+            >
+              Go Home
+            </Link>
+          </div>
+        </div>
+      </div>
+      <div className='flex-grow'></div>
+    </section>
+  );
+};
+
+export default ErrorPage;