import {Container, Link, Typography} from '@mui/material'

export default function Aso() {
  return (
    <Container sx={{my: 3, textAlign: 'center'}} >
      <Typography gutterBottom variant='h5' sx={{fontWeight: 'bold', mb: 2}} textAlign='center' component='h2'>
        Qui sommes-nous ?
      </Typography>
      <Typography gutterBottom component='h3'>
        Nous sommes une association <strong>à but non lucratif</strong>.
      </Typography>
      <Typography gutterBottom component='h3'>
        Notre objectif principal est de <strong>promouvoir nos langues</strong>.
      </Typography>
      <Typography gutterBottom component='h3'>
        Par ailleurs, nous avons récemment lancé un site web d’actualités multilingue : <Link target='_blank' rel='noreferrer' href='https://nuvel.nu'><strong>NUVEL.NU</strong></Link>.
      </Typography>
      <Typography gutterBottom component='h3'>
        Nous sommes également présents sur le <strong>Fédiverse</strong> avec <Link target='_blank' rel='noreferrer' href='https://gade.o-k-i.net'><strong>Gadé</strong></Link> (PeerTube) et <Link target='_blank' rel='noreferrer' href='https://mizik.o-k-i.net'><strong>Mizik</strong></Link> (Funkwhale).
      </Typography>
    </Container>
  )
}