Add OKI logo to home

pages/index.js

@@ -6,9 +6,11 @@ import Box from '@mui/material/Box'
 import Grid from '@mui/material/Grid'
 import Button from '@mui/material/Button'
 
+import Image from 'next/image'
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
 import {jwennStats} from '../lib/oki-api'
+import okiLogo from '../public/logo-72x72.png'
 
 import KatKayLa from '../components/kat-kay-la'
 
@@ -27,9 +29,19 @@ export default function Home({errorCode, errorMessage, stats}) {
       <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
         <Box sx={{flexGrow: 1, marginBottom: 3, marginTop: 3}}>
           <Container align='center'>
-            <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h1'>
-              OKI
-            </Typography>
+            <Box sx={{display: 'flex', alignItems: 'cetner', justifyContent: 'center'}}>
+
+              <Typography sx={{fontWeight: 'bold', mr: 1}} variant='h6' component='h1'>
+                OKI
+              </Typography>
+
+              <Image
+                width={32}
+                height={32}
+                atl='OKI logo'
+                src={okiLogo}
+              />
+            </Box>
             <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h2'>
               Organisation KA Internationale
             </Typography>