diff --git a/src/app/error.tsx b/src/app/error.tsx
new file mode 100644
index 0000000..b836c4c
--- /dev/null
+++ b/src/app/error.tsx
@@ -0,0 +1,5 @@
+"use client";
+
+export default function Page() {
+  return <div>Error</div>;
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..9cf69a1
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>404 - Not Found</div>;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a14839..d053eaf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@ import { artSupplies } from "./data";
 
 export default function Home() {
   return (
-    <main className="flex-1 p-4">
+    <div className="flex-1 p-4">
       {artSupplies.map((collection) => (
         <div key={collection.collectionName} className="mb-8">
           <h2 className="mb-4 text-xl font-semibold">
@@ -29,6 +29,6 @@ export default function Home() {
           </div>
         </div>
       ))}
-    </main>
+    </div>
   );
 }