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

export default function Custom500() {
  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' >500 - Erreur du serveur 🥺</Typography>
      <Typography style={{marginTop: '1em', color: 'green'}} variant='h3' align='center'>Nous mettons tout en œuvre pour rétablir le site dans les plus brefs délais 💪🏾</Typography>
    </Container>
  )
}