keii.dev
+9
app/[locale]/not-found.tsx
+9
app/[locale]/not-found.tsx
···
1
'use client';
2
3
import { ArrowRightIcon } from '@heroicons/react/24/solid';
4
import { useTranslations } from 'next-intl';
5
import type { FC } from 'react';
6
···
17
<main>
18
404
19
<h1 className="special -mt-4">{t('layouts.error.notFound.title')}</h1>
20
<p className="-mt-4 max-w-sm text-center text-lg">
21
{t('layouts.error.notFound.description')}
22
</p>
···
1
'use client';
2
3
import { ArrowRightIcon } from '@heroicons/react/24/solid';
4
+
import Image from 'next/image';
5
import { useTranslations } from 'next-intl';
6
import type { FC } from 'react';
7
···
18
<main>
19
404
20
<h1 className="special -mt-4">{t('layouts.error.notFound.title')}</h1>
21
+
<div className="my-4 flex items-center justify-center">
22
+
<Image
23
+
src="/static/images/node-mascot.svg"
24
+
alt="The Node.js mascot"
25
+
height={114.69}
26
+
width={100}
27
+
/>
28
+
</div>
29
<p className="-mt-4 max-w-sm text-center text-lg">
30
{t('layouts.error.notFound.description')}
31
</p>