2022-08-27 08:45:32 +00:00
|
|
|
|
import React from "react"
|
2022-08-26 13:46:21 +00:00
|
|
|
|
import Layout from "../components/layout"
|
|
|
|
|
import Hero from "../components/hero"
|
|
|
|
|
|
|
|
|
|
import bgImage from "../media/phones.png"
|
2022-08-27 08:45:32 +00:00
|
|
|
|
import CompatBtn from "../components/compatbtn"
|
2022-08-26 13:46:21 +00:00
|
|
|
|
|
|
|
|
|
const NotFoundPage = () => {
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Layout>
|
|
|
|
|
<Hero bg={bgImage}>
|
|
|
|
|
<h1 className="mb-5 text-5xl font-bold">Not found</h1>
|
|
|
|
|
<p className="mb-5 text-lg">Sorry 😔. We couldn’t find what you were looking for.</p>
|
2022-08-27 08:45:32 +00:00
|
|
|
|
<CompatBtn autoFocus={true} className="btn-primary" href="/">Home</CompatBtn>
|
2022-08-26 13:46:21 +00:00
|
|
|
|
</Hero>
|
|
|
|
|
</Layout>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default NotFoundPage
|
|
|
|
|
|
|
|
|
|
export const Head = () => <title>Not found</title>
|