import React, { Component, Fragment } from 'react';
import { withStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography'
import LayoutBack from '../components/templates/LayoutBack';
import Link from 'next/link'
import Head from 'next/head'

const styles = theme => ({
    container: {
        display: 'flex',
        flexDirection: 'column',
        position: 'relative',
        height: '100%',
        padding: '0 20vw',
    },
    bottomContainer: {
        display: 'flex',
        flexDirection: 'column',
        alignSelf: 'center',
        justifyContent: 'center',
        position: 'absolute',
        bottom: 0,
    },
    title: {
        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
    },
    text: {
        fontSize: '1em',
        fontWeight: '300',
        padding: theme.spacing(1, 0),
        whiteSpace: 'pre-line',
    },
    link: {
        color: theme.palette.primary.main,
        textDecoration: 'none',
    },
})


class MentionsLegales extends Component {
    render() {
        const { classes } = this.props
        return (
            <LayoutBack text="Mentions légales">
                <Head>
                    <title key="title">Mentions légales</title>
                    <meta key="robots" name="robots" content="noindex, follow"></meta>
                </Head>
                <div className={classes.container}>
                    <Typography className={classes.title} component="h2" gutterBottom align="center">
                        IDENTITÉ DE l’EDITEUR DU SITE
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="center">
                        {
                            `
                            Le site www.talentstube.com est édité par :

                            La société TALENTS TUBE, Société par Actions Simplifiée au capital de 305 000 euros,
                            Immatriculée au Registre du Commerce et des Sociétés de VANNES sous le numéro 824 366 926
                            Dont le siège social est situé CP60 PIBS 56038 VANNES Cedex, France
                            Numéro de TVA Intracommunautaire : FR 42 824366926
                            
                            Représentée par Monsieur Franck DELALANDE, son Président.
                            Directeur de la publication : Franck DELALANDE.
                            `
                        }
                    </Typography>
                    <Typography className={classes.title} component="h2" gutterBottom align="center">
                        CONTACT
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="center">
                        {
                            `
                            TALENTS TUBE est joignable :
                            - Par internet : via le formulaire de contact sur le site ` }<a href="http://blog.talentstube.com" className={classes.link} target="_blank">blog.talentstube.com</a>{`;
                            - Par téléphone au 02 30 05 06 31, du lundi au vendredi de 9 h à 18 h;
                            - Par voie postale :
                            TALENTS TUBE
                            3 Rue Louis de Broglie
                            Village By CA
                            56000 VANNES
                            `
                        }
                    </Typography>
                    <Typography className={classes.title} component="h2" gutterBottom align="center">
                        HEBERGEMENT
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="center">

                        <a  href="https://www.e-declic.com/" className={classes.link} target="_blank">e-declic</a>
                        {
                            `
                            27 Rue du Danemark - Porte océane 2
                            Espace Terre et mer
                            56400 Auray
                            Tél. : +33.(0)297 290 060
                            `
                        }
                    </Typography>
                </div>
            </LayoutBack>
        )
    }
}




export default withStyles(styles)(MentionsLegales);