go back to home button on 404

elsoul · Oct 8, 2024 · 7b01772 · 7b01772
1 parent e6625c5
commit 7b01772
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,5 +1,3 @@
-export const runtime = 'edge'
-
 export default function NotFound() {
   return (
     <>
@@ -20,6 +18,10 @@ export default function NotFound() {
                 <h2 style={styles.h2}>This page could not be found.</h2>
               </div>
             </div>
+
+            <a href="/" style={styles.button}>
+              Go back to Home
+            </a>
           </div>
         </body>
       </html>
@@ -59,4 +61,18 @@ const styles = {
     lineHeight: '49px',
     margin: 0,
   },
+
+  button: {
+    display: 'inline-block',
+    marginTop: '20px',
+    padding: '10px 20px',
+    backgroundColor: '#18181b',
+    color: '#fff',
+    fontSize: '16px',
+    fontWeight: '500',
+    borderRadius: '6px',
+    textDecoration: 'none',
+    transition: 'background-color 0.2s ease',
+    cursor: 'pointer',
+  },
 } as const