404 page

src/pages/404.js

@@ -1,9 +1,18 @@
 import React from 'react'
+import Meditation from '../images/coding-tutorials-patience.svg'
 
 const NotFoundPage = () => (
-  <div>
+  <div className="container mx-auto my-12 text-center">
-    <h1>NOT FOUND</h1>
+    <h1 className="mt-20 text-5xl uppercase">You just got 404'd</h1>
-    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
+    <p className="text-xl my-10 p-4 max-w-md mx-auto">
+      It's not that bad, you just hit a route that doesn&#39;t exist.<br />It's
+      probably totally our fault so stay calm & use the menu above
+    </p>
+    <img
+      src={Meditation}
+      className="max-h-xs my-20"
+      alt="User Experience Design Agency"
+    />
   </div>
 )