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 68 69 70 71 72 73 74 75 76 77 78 | 1x 1x 1x | import Link from 'next/link'
export default function Custom404() {
return (
<div className="grid md:grid-cols-2 sm:grid-cols-1 items-center justify-center overflow-visible md:h-96 sm:h-screen mx-2 my-2 px-20">
<div className="error-404">
<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>
<ul>
<li>
Return to the{' '}
<Link href="/">
<a className="text-cyan-600 underline">home page</a>
</Link>
;
</li>
<li>
<Link href="https://www.canada.ca/en/contact.html">
<a className="text-cyan-600 underline">Contact us</a>
</Link>
{" and we'll help you out."}
</li>
</ul>
</div>
<div className="error-404">
<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>
<ul>
<li>
Retournez à la{' '}
<Link href="/">
<a className="text-cyan-600 underline">page {"d'accueil;"}</a>
</Link>
</li>
<li>
<Link href="https://www.canada.ca/en/contact.html">
<a className="text-cyan-600 underline">Communiquez avec nous</a>
</Link>
{" pour obtenir de l'aide."}
</li>
</ul>
</div>
</div>
)
}
export async function getStaticProps({ locale }) {
/* Place-holder Meta Data Props */
const meta = {
data_en: {
title: 'Next Template - 404',
desc: 'English',
author: 'Service Canada',
keywords: '',
},
data_fr: {
title: 'Next Template - 404',
desc: 'Français',
author: 'Service Canada',
keywords: '',
},
}
return {
props: { locale, meta },
}
}
|