From 340e25fbd3df625fc21b4e2c6d7f4afda592cfd2 Mon Sep 17 00:00:00 2001
From: Ethan Niser <ethan@niser.com>
Date: Fri, 18 Oct 2024 00:23:51 -0400
Subject: [PATCH] add error and not found

---
 src/app/error.tsx     | 5 +++++
 src/app/not-found.tsx | 3 +++
 src/app/page.tsx      | 4 ++--
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/app/error.tsx
 create mode 100644 src/app/not-found.tsx

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>
   );
 }