dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update 404 page

Browse Source
This commit is contained in:
Dan Head
2021-02-02 17:23:05 +00:00
parent f0b47abad0
commit b96b9a6801
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/404.js
View File

@@ -1,17 +1,24 @@
import React from "react"; import React from "react";
import { graphql } from "gatsby"; import { graphql } from "gatsby";
import styled from "@emotion/styled";
import Layout from "../layout"; 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 }) { export default function Index({ data }) {
return ( return (
<Layout title="Page not found"> <Layout title="Page not found">
<Header image={data.headerImage.childImageSharp.fluid}> <Header image={data.headerImage.childImageSharp.fluid}>
<h2>404</h2> <Heading shadow="xl-light">Page not found</Heading>
<Text size="lg">404</Text>
</Header> </Header>
<Section> <Section>
<p>Page not found</p> <Container>
<Link to="/">Back Home</Link> <Link to="/">Back Home</Link>
</Container>
</Section> </Section>
</Layout> </Layout>
); );