From caa5ca4cbd0747286c1021d84996f22f9dcb3dcf Mon Sep 17 00:00:00 2001
From: Joe Banks <joe@jb3.dev>
Date: Sun, 28 Apr 2024 23:00:57 +0100
Subject: Fix 404 page

---
 src/pages/404.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 7dcd580..3b8ca53 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,5 +1,5 @@
 import * as React from "react"
-import type { HeadFC, PageProps } from "gatsby"
+import { Link, type HeadFC, type PageProps } from "gatsby"
 
 import logo from "../images/logo.svg";
 import PageLayout, { generateHeader } from "../layout/page";
@@ -16,14 +16,8 @@ const CenterImage = styled.img`
 
 const NotFound: React.FC<PageProps> = () => {
   return (
-    <PageLayout>
-      <main>
-        <CenterImage src={logo} alt="DevOps Logo" />
-        <div>
-          <h1>404: Not Found</h1>
-          <p>The page you are looking for does not exist.</p>
-        </div>
-      </main>
+    <PageLayout header="404: Not Found" subheader="The page you requested could not be found">
+      <p>Try going back to the <Link to="/">home page</Link>.</p>
     </PageLayout>
   )
 }
-- 
cgit v1.2.3