import Image from 'next/image'
import Zoom from 'react-medium-image-zoom'
import 'react-medium-image-zoom/dist/styles.css'

## Screenshots of the Admin Panel

<br />
<Zoom>
  <Image
    src="/admin/1.png"
    alt="Dashboard"
    width={1500}
    height={1500}
  />
</Zoom>

<br />
<Zoom>
  <Image
    src="/admin/2.png"
    alt="Accounts"
    width={1500}
    height={1500}
  />
</Zoom>

<br />
<Zoom>
  <Image
    src="/admin/3.png"
    alt="Notifications"
    width={1500}
    height={1500}
  />
</Zoom>

<br />
<Zoom>
  <Image
    src="/admin/4.png"
    alt="Filter"
    width={1500}
    height={1500}
  />
</Zoom>

<br />
<Zoom>
  <Image
    src="/admin/5.png"
    alt="Settings"
    width={1500}
    height={1500}
  />
</Zoom>