pawol.nu/pages/404.js

import {Container, Typography} from '@mui/material'
import Link from 'next/link'
import Image from 'next/image'

export default function Custom404() {
  return (
    <Container maxWidth='sm'>
      <Link passHref href='/'>
        <Image
          alt='Logo OKI'
          width={512}
          height={512}
          src='/logo-512x512.png'
          quality={20}
        />
      </Link>
      <Typography variant='h2' align='center' >404 - La page n’existe pas 😔</Typography>
      <Link passHref href='/' style={{textDecoration: 'none'}}>
        <Typography style={{marginTop: '1em', color: 'green'}} variant='h3' align='center'>Retourner à l’accueil 🏡</Typography>
      </Link>
    </Container>
  )
}