Cédric FAMIBELLE-PRONZOLA
68 lines
3.8 KiB
JavaScript
68 lines
3.8 KiB
JavaScript
import {useState} from 'react'
|
||
import {Link, List, ListItem, ListItemIcon, ListItemText, Paper, Typography} from '@mui/material'
|
||
import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt'
|
||
|
||
import CGUDialog from '../cgu/cgu-dialog'
|
||
|
||
const CGU_PDF_LINK = process.env.NEXT_PUBLIC_CGU_DOWNLOAD_LINK
|
||
|
||
export default function Presantasyon() {
|
||
const [open, setOpen] = useState(false)
|
||
|
||
return (
|
||
<>
|
||
<CGUDialog open={open} setOpen={setOpen} />
|
||
<Paper sx={{padding: 1, textAlign: 'justify'}}>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
Tous les services que nous proposons sont <strong>gratuits</strong> et ne contiennent <strong>aucune publicité</strong>. Les réseaux que nous utilisons sont hébergés sur <strong>nos serveurs</strong>. <br />
|
||
Tout ceci est possible grâce aux <strong>membres</strong> et aux <strong>dons</strong> ❤️
|
||
</Typography>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
<strong>Toute contribution, aussi modeste soit-elle, nous permet d’augmenter nos capacités</strong>.
|
||
</Typography>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
Nous avons fait le choix de gérer les dons sur notre site. Pour se faire, nous utilisons <Link underline='hover' href='https://stripe.com/fr' target='_blank' rel='noreferrer'><strong>Stripe</strong></Link>. <br /> Vous avez donc la possiblité d’effectuer vos dons directement sur cette page en plus de PayPal.
|
||
</Typography>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
Veuillez prendre connaissance des <Link underline='hover' href='#' onClick={() => setOpen(true)}><strong>CGU et de la politique de confidentialité</strong></Link> au chapitre 9 "Les dons". <Link underline='hover' href={CGU_PDF_LINK}><small>Cliquez ici pour la version pdf</small></Link>.
|
||
</Typography>
|
||
<Typography variant='subtitle1' component='div'>
|
||
Si vous n’avez pas les moyens de contribuer financièrement, vous pouvez effectuer des actions simples, rapides et surtout gratuites 😏 pour nous soutenir au quotidien :
|
||
</Typography>
|
||
<List>
|
||
<ListItem>
|
||
<ListItemIcon>
|
||
<ArrowRightAltIcon />
|
||
</ListItemIcon>
|
||
<ListItemText>
|
||
partager nos contenus sur vos réseaux (Telegram, Twitter etc...)
|
||
</ListItemText>
|
||
</ListItem>
|
||
<ListItem>
|
||
<ListItemIcon>
|
||
<ArrowRightAltIcon />
|
||
</ListItemIcon>
|
||
<ListItemText>
|
||
utiliser nos plateformes (<Link underline='hover' href='https://pale.o-k-i.net/timeline/local' target='_blank' rel='noreferrer'><strong>Palé</strong></Link>, <Link underline='hover' href='https://gade.o-k-i.net' target='_blank' rel='noreferrer'><strong>Gadé</strong></Link>, <Link underline='hover' href='https://mobilize.o-k-i.net' target='_blank' rel='noreferrer'><strong>Mobilizé</strong></Link> et <Link underline='hover' href='https://mizik.o-k-i.net' target='_blank' rel='noreferrer'><strong>Mizik</strong></Link>) en plus de vos réseaux habituels
|
||
</ListItemText>
|
||
</ListItem>
|
||
<ListItem>
|
||
<ListItemIcon>
|
||
<ArrowRightAltIcon />
|
||
</ListItemIcon>
|
||
<ListItemText>
|
||
parlez de nous autour de vous 🗣️
|
||
</ListItemText>
|
||
</ListItem>
|
||
</List>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
Pour toute question, n’hésitez pas à nous contacter via ce courriel : <Link href='mailto:kontak@oki.re'><strong>kontak@oki.re</strong></Link>.
|
||
</Typography>
|
||
<Typography paragraph variant='subtitle1' component='div'>
|
||
<strong>Merci par avance pour votre soutien 🥰</strong>
|
||
</Typography>
|
||
</Paper>
|
||
</>
|
||
)
|
||
}
|