Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 1x 1x | import Link from 'next/link'
import React from 'react'
import { NextPage } from 'next'
import { NextSeo } from 'next-seo'
export default function Custom404() {
return (
<>
<NextSeo title="Error 404 | Erreur 404" />
<div className="grid md:grid-cols-2 sm:grid-cols-1 items-center justify-center md:h-96 sm:h-screen my-2 gap-5">
<div className="px-20">
<h1 className="text-2xl">We couldn't find that Web page</h1>
<h2>An error 404 occured on server</h2>
<p>
We're sorry you ended up here. Sometimes a page gets moved or
deleted, but hopefully we can help you find what you're looking for.
What next?
</p>
<p>
<span>Return to the </span>
<Link href="/" className="text-cyan-600 underline">
home page
</Link>
</p>
<p>
<Link
href="https://www.canada.ca/en/contact.html"
className="text-cyan-600 underline"
>
Contact us
</Link>
<span> and we'll help you out</span>
</p>
</div>
<div className="px-20">
<h1 className="text-2xl">Nous ne pouvons trouver cette page Web</h1>
<h2>Erreur 404</h2>
<p>
Nous sommes désolés que vous ayez abouti ici. Il arrive parfois
qu'une page ait été déplacée ou supprimée. Heureusement, nous
pouvons vous aider à trouver ce que vous cherchez. Que faire?
</p>
<p>
<span>Retournez à la </span>
<Link href="/" className="text-cyan-600 underline">
page d'accueil
</Link>
</p>
<p>
<Link
href="https://www.canada.ca/en/contact.html"
className="text-cyan-600 underline"
>
Communiquez avec nous
</Link>
<span> pour obtenir de l'aide.</span>
</p>
</div>
</div>
</>
)
}
Custom404.getLayout = function PageLayout(page: NextPage) {
return <>{page}</>
}
|