From ed4b07416720bd8a96f1069645b4b02a68b0c351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sun, 2 May 2021 14:30:07 +0200
Subject: [PATCH] =?UTF-8?q?Add=20pal=C3=A9,=20adh=C3=A9rer=20links=20&=20r?=
 =?UTF-8?q?emove=20email?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.js | 65 ++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 47 insertions(+), 18 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 70b19a7..82f0eae 100644
--- a/pages/index.js
+++ b/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'>
-        <Button
-          startIcon={<TouchAppIcon size='large' style={{fontSize: 50}} />}
-          size='large'
-          variant='contained'
-          color='primary'
-          onClick={handleClick}
-        >
-          <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
-            Guide
-          </Typography>
-        </Button>
+      <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={<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}
+            >
+              <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                Guide
+              </Typography>
+            </Button>
+          </Grid>
+        </Grid>
       </Container>
       <Container style={{marginTop: '3em'}}>
         <Grid container spacing={3}>