From eec7e67627e45c93ec348f2227d39d0df25483f7 Mon Sep 17 00:00:00 2001
From: Elias Almqvist <elalmqvist@gmail.com>
Date: Fri, 29 Mar 2024 21:27:43 +0100
Subject: [PATCH] Better 404

---
 src/app/not-found.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 03a02df..5543678 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -3,6 +3,11 @@ import { cn } from "@/lib/utils";
 import ILink from "@/components/ilink";
 import Image from "next/image";
 
+const quote = `Hello, friend. Hello, friend? 
+That's lame. Maybe I should give you a name.
+But that's a slippery slope. You're only in my 404 page. 
+We have to remember that.`;
+
 const NotFound = () => (
   <div
     className={cn(
@@ -11,10 +16,12 @@ const NotFound = () => (
     )}
   >
     <Image src="/404.jpg" alt="Error 404\nNot Found" width={400} height={400} />
-    <p className="max-w-md text-foreground/60">
-      Hello, friend. Hello, friend? That's lame. Maybe I should give you a name.
-      But that's a slippery slope. You're only in my 404 page. We have to
-      remember that.
+    <p className="max-w-md text-foreground/60 space-y-2">
+      {quote.split("\n").map((line, i) => (
+        <span key={i} className="block">
+          {'>'} {line}
+        </span>
+      ))}
     </p>
     <div>
       <ILink href="#">Stay</ILink>