diff --git a/pages/index.js b/pages/index.js index d695ba0..db4d7f1 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,11 +1,12 @@ import {useState} from 'react' import PropTypes from 'prop-types' import Image from 'next/image' -import {Button, Container, Grid, Typography, useMediaQuery} from '@material-ui/core' +import {Box, Button, Container, Grid, Link, Typography, useMediaQuery} from '@material-ui/core' import {makeStyles} from '@material-ui/core/styles' import HelpIcon from '@material-ui/icons/Help' import GroupIcon from '@material-ui/icons/Group' import MusicNoteIcon from '@material-ui/icons/MusicNote' +import TwitterIcon from '@material-ui/icons/Twitter' import {Pleroma, Peertube, Nextcloud} from '@icons-pack/react-simple-icons' import KatKayLa from '../components/kat-kay-la' @@ -52,6 +53,8 @@ const REZO = [ } ] +const twitterUrl = `https://twitter.com/${process.env.NEXT_PUBLIC_TWITTER_USERNAME || ''}` + export default function Home({kantiteAwtis, kantiteTeks}) { const classes = useStyles() const [handleOpen, setHandleOpen] = useState(false) @@ -80,20 +83,32 @@ export default function Home({kantiteAwtis, kantiteTeks}) { Organisation KA Internationale - - - - - - + + + + + + + + + + +