Add palé, adhérer links & remove email

pages/index.js

@@ -2,7 +2,9 @@ import {useState} from 'react'
 import PropTypes from 'prop-types'
 import Image from 'next/image'
 import {Button, Container, Grid, Typography, useMediaQuery, Link} from '@material-ui/core'
-import TouchAppIcon from '@material-ui/icons/TouchApp'
+import HelpIcon from '@material-ui/icons/Help'
+import ChatIcon from '@material-ui/icons/Chat'
+import GroupAddIcon from '@material-ui/icons/GroupAdd'
 
 import KatKayLa from '../components/kat-kay-la'
 import HeadLayout from '../components/head-layout'
@@ -34,16 +36,41 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
         <Typography variant='h4' component='h1'>
           Organisation KA Internationale
         </Typography>
-        <Typography variant='h5' component='h2'>
-          <Link href='mailto:kontak@o-k-i.net'>
-            kontak@o-k-i.net
-          </Link>
-        </Typography>
       </Container>
-      <Container style={{marginTop: '2em'}} align='center'>
+      <Container style={{marginTop: '1.5em'}} align='center'>
+        <Grid container spacing={3}>
+          <Grid item xs={12} md={4}>
+            <Link href='https://pale.o-k-i.net'>
               <Button
-          startIcon={<TouchAppIcon size='large' style={{fontSize: 50}} />}
-          size='large'
+                startIcon={<ChatIcon size='large' style={{fontSize: 40}} />}
+                size='small'
+                variant='contained'
+                color='primary'
+              >
+                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                  Palé
+                </Typography>
+              </Button>
+            </Link>
+          </Grid>
+          <Grid item xs={12} md={4}>
+            <Link href='https://www.helloasso.com/associations/organisation-ka-internationale/adhesions/adhesion-oki'>
+              <Button
+                startIcon={<GroupAddIcon size='large' style={{fontSize: 40}} />}
+                size='small'
+                variant='contained'
+                color='primary'
+              >
+                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                  Adhérer
+                </Typography>
+              </Button>
+            </Link>
+          </Grid>
+          <Grid item xs={12} md={4}>
+            <Button
+              startIcon={<HelpIcon size='large' style={{fontSize: 40}} />}
+              size='small'
               variant='contained'
               color='primary'
               onClick={handleClick}
@@ -52,6 +79,8 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
                 Guide
               </Typography>
             </Button>
+          </Grid>
+        </Grid>
       </Container>
       <Container style={{marginTop: '3em'}}>
         <Grid container spacing={3}>