2023-01-29 17:36:15 +01:00
|
|
|
// Components
|
2022-10-15 17:18:23 +02:00
|
|
|
import Head from 'next/head'
|
2023-03-26 06:50:59 +02:00
|
|
|
import { PageWrapper } from 'shared/components/wrappers/page.mjs'
|
2023-07-15 11:54:32 +02:00
|
|
|
import { DefaultLayout as Layout } from 'site/components/layouts/default.mjs'
|
2023-01-29 17:36:15 +01:00
|
|
|
import { Robot } from 'shared/components/robot/index.mjs'
|
|
|
|
|
import { Popout } from 'shared/components/popout.mjs'
|
|
|
|
|
import { PageLink } from 'shared/components/page-link.mjs'
|
2022-10-15 17:18:23 +02:00
|
|
|
|
2022-12-03 11:25:02 -06:00
|
|
|
const Page404 = () => {
|
2023-01-08 22:21:35 -08:00
|
|
|
const title = '404: Page not found'
|
2022-10-15 17:18:23 +02:00
|
|
|
|
|
|
|
|
return (
|
2023-07-15 11:54:32 +02:00
|
|
|
<PageWrapper title={title} layout={Layout}>
|
2022-10-15 17:18:23 +02:00
|
|
|
<Head>
|
|
|
|
|
<meta property="og:type" content="article" key="type" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="There's nothing here. If you followed a link to get here, that link is broken"
|
|
|
|
|
key="description"
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:article:author" content="Joost De Cock" key="author" />
|
2022-10-18 14:01:12 +02:00
|
|
|
<meta property="og:image" content={`https://freesewing.dev/og/404/og.png`} key="image" />
|
2022-10-15 17:18:23 +02:00
|
|
|
<meta property="og:image:type" content="image/png" />
|
|
|
|
|
<meta property="og:image:width" content="1200" />
|
|
|
|
|
<meta property="og:image:height" content="630" />
|
|
|
|
|
<meta property="og:url" content={`https://freesewing.dev/`} key="url" />
|
|
|
|
|
<meta property="og:locale" content="en_US" key="locale" />
|
|
|
|
|
<meta property="og:site_name" content="freesewing.dev" key="site" />
|
|
|
|
|
</Head>
|
2022-10-16 23:11:35 +02:00
|
|
|
<div className="flex flex-col gap-4 mt-16 lg:mt-32 text-center">
|
2022-10-15 17:18:23 +02:00
|
|
|
<h1>404: Page not found</h1>
|
2022-10-16 23:11:35 +02:00
|
|
|
<div className="m-auto max-w-3xl px-4">
|
|
|
|
|
<div className="max-w-md m-auto px-12 mb-4">
|
2022-10-15 17:18:23 +02:00
|
|
|
<Robot embed pose="fail" />
|
|
|
|
|
</div>
|
|
|
|
|
<h2>We could not find what you are looking for</h2>
|
|
|
|
|
<div className="text-left">
|
|
|
|
|
<Popout comment by="joost">
|
|
|
|
|
<h5>Did you arrive here from a link?</h5>
|
|
|
|
|
<p>In that case, that link is broken.</p>
|
|
|
|
|
<p>
|
|
|
|
|
If it was one of our links, please <PageLink href="/contact" txt="let us know" /> so
|
|
|
|
|
we can fix it.
|
|
|
|
|
</p>
|
|
|
|
|
</Popout>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-01-29 17:36:15 +01:00
|
|
|
</PageWrapper>
|
2022-10-15 17:18:23 +02:00
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Page404
|
