From 651f019141b488a82fd42028bce5b0003abbfaf5 Mon Sep 17 00:00:00 2001
From: Kevin Hoerr <kjhoerr@protonmail.com>
Date: Mon, 21 Nov 2022 18:19:16 -0500
Subject: Layout changes (#15)

* Layout refactor and standardization

* Use split to condense short array

* Fix verbage
---
 src/pages/404.tsx | 35 ++++++++++++++++-------------------
 1 file changed, 16 insertions(+), 19 deletions(-)

(limited to 'src/pages/404.tsx')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 0a593d6..d8d27cb 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,26 +1,23 @@
-import * as React from "react";
-import BlockLink from "../components/BlockLink";
-import { BlockBody, BlockHeader, Content } from "../styles";
+import React from "react";
+import { BlockLink, Layout } from "../components";
+import { BlockBody, BlockHeader } from "../styles";
 import "../styles/main.css";
 
-// markup
 const NotFoundPage = (): React.ReactElement => {
   return (
-    <main>
-      <Content>
-        <BlockHeader>Not found</BlockHeader>
-        <BlockBody>
-          Sorry{" "}
-          <span role="img" aria-label="Pensive emoji">
-            😔
-          </span>{" "}
-          we couldn&apos;t find what you were looking for.
-        </BlockBody>
-        <BlockLink href="/" aria-label="Return to the front page">
-          Home
-        </BlockLink>
-      </Content>
-    </main>
+    <Layout>
+      <BlockHeader>Not found</BlockHeader>
+      <BlockBody>
+        Sorry{" "}
+        <span role="img" aria-label="Pensive emoji">
+          😔
+        </span>{" "}
+        we couldn&apos;t find what you were looking for.
+      </BlockBody>
+      <BlockLink href="/" aria-label="Return to the front page">
+        Home
+      </BlockLink>
+    </Layout>
   );
 };
 
-- 
cgit