From b96b9a68014166937804f45a9d683beacfbbe727 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 2 Feb 2021 17:23:05 +0000
Subject: [PATCH] feat: update 404 page

---
 src/pages/404.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/404.js b/src/pages/404.js
index 072cada..71c3627 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,17 +1,24 @@
 import React from "react";
 import { graphql } from "gatsby";
+import styled from "@emotion/styled";
 import Layout from "../layout";
-import { Header, Link, Section } from "../components";
+import { Header, Heading, Link, Section, Text } from "../components";
+
+const Container = styled.div`
+  text-align: center;
+`;
 
 export default function Index({ data }) {
   return (
     <Layout title="Page not found">
       <Header image={data.headerImage.childImageSharp.fluid}>
-        <h2>404</h2>
+        <Heading shadow="xl-light">Page not found</Heading>
+        <Text size="lg">404</Text>
       </Header>
       <Section>
-        <p>Page not found</p>
-        <Link to="/">Back Home</Link>
+        <Container>
+          <Link to="/">Back Home</Link>
+        </Container>
       </Section>
     </Layout>
   );