2020-07-13 09:45:24 +00:00
|
|
|
import React from "react"
|
|
|
|
|
2020-07-14 10:24:48 +00:00
|
|
|
import { makeStyles } from "@material-ui/core/styles"
|
|
|
|
import { Container, Typography } from "@material-ui/core"
|
|
|
|
import { Link } from "gatsby-theme-material-ui"
|
2020-07-13 09:45:24 +00:00
|
|
|
import Layout from "@components/Layout/Layout"
|
|
|
|
import SEO from "@components/SEO"
|
|
|
|
|
2020-07-14 10:24:48 +00:00
|
|
|
const useStyles = makeStyles(() => ({
|
|
|
|
container: {
|
|
|
|
minHeight: "100vh",
|
|
|
|
display: "flex",
|
|
|
|
flexDirection: "column",
|
|
|
|
justifyContent: "center",
|
|
|
|
textAlign: "center",
|
|
|
|
},
|
|
|
|
layout: {
|
|
|
|
padding: "0",
|
|
|
|
},
|
|
|
|
}))
|
|
|
|
|
|
|
|
const NotFoundPage = ({ location }) => {
|
|
|
|
const classes = useStyles()
|
|
|
|
|
|
|
|
return (
|
2020-07-14 12:38:07 +00:00
|
|
|
<Layout className={classes.layout} showNavbar={false} showFooter={false}>
|
2020-07-14 10:24:48 +00:00
|
|
|
<SEO
|
2021-01-16 20:58:43 +00:00
|
|
|
title="Page not found"
|
|
|
|
description="Page not found"
|
2020-07-14 10:24:48 +00:00
|
|
|
pathname={location.pathname}
|
|
|
|
/>
|
|
|
|
<Container className={classes.container}>
|
|
|
|
<Typography gutterBottom variant="h1">
|
2021-01-16 20:58:43 +00:00
|
|
|
Page not found
|
2020-07-14 10:24:48 +00:00
|
|
|
</Typography>
|
|
|
|
<Typography gutterBottom variant="h4">
|
2021-01-16 20:58:43 +00:00
|
|
|
Looks like you've followed a broken link or entered a URL that doesn't
|
|
|
|
exist on this site.
|
2020-07-14 10:24:48 +00:00
|
|
|
</Typography>
|
|
|
|
<Typography variant="h4">
|
|
|
|
<Link color="secondary" to="/">
|
2021-01-16 20:58:43 +00:00
|
|
|
Back to site
|
2020-07-14 10:24:48 +00:00
|
|
|
</Link>
|
|
|
|
</Typography>
|
|
|
|
</Container>
|
|
|
|
</Layout>
|
|
|
|
)
|
|
|
|
}
|
2020-07-13 09:45:24 +00:00
|
|
|
|
|
|
|
export default NotFoundPage
|