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,24 +36,51 @@ 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'>
-        <Button
+        <Grid container spacing={3}>
-          startIcon={<TouchAppIcon size='large' style={{fontSize: 50}} />}
+          <Grid item xs={12} md={4}>
-          size='large'
+            <Link href='https://pale.o-k-i.net'>
-          variant='contained'
+              <Button
-          color='primary'
+                startIcon={<ChatIcon size='large' style={{fontSize: 40}} />}
-          onClick={handleClick}
+                size='small'
-        >
+                variant='contained'
-          <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                color='primary'
-            Guide
+              >
-          </Typography>
+                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
-        </Button>
+                  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}
+            >
+              <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                Guide
+              </Typography>
+            </Button>
+          </Grid>
+        </Grid>
       </Container>
       <Container style={{marginTop: '3em'}}>
         <Grid container spacing={3}>