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 href='/'>
        <a>
          <Image
            alt='Logo OKI'
            width={512}
            height={512}
            src='/logo-512x512.png'
            quality={20}
          />
        </a>
      </Link>
      <Typography variant='h2' align='center' >404 - La page n’existe pas 😔</Typography>
      <Link href='/'>
        <a style={{textDecoration: 'none'}}><Typography style={{marginTop: '1em', color: 'green'}} variant='h3' align='center'>Retourner à l’accueil 🏡</Typography></a>
      </Link>
    </Container>
  )
}