import styles from "./LegalNotices.module.css";
import {Link} from "react-router";

export default function legalNotices() {
    return (
        <div className={`${styles.legalNotices} glassCard`}>
            <h1>Mentions Légales</h1>

            <section className={styles.section}>
                <h2 className={styles.h2}>1. Édition de l'application</h2>
                <p>
                    L'édition et la direction de la publication de l'application sont assurées par Monsieur Robin Frère
                    <br />Contact : <Link to={"https://comite.beaupont.fr/contactez-nous"}>https://comite.beaupont.fr/contactez-nous</Link>
                </p>
            </section>

            <section className={styles.section}>
                <h2 className={styles.h2}>2. Conception et Développement</h2>
                <p>L'application a été conçue et développée par :</p>
                <ul>
                    <li>Quentin T'jampens</li>
                    <li>Antoine Ordonneau</li>
                    <li>Malo Leblond</li>
                    <li>Giovanni Josserand</li>
                </ul>
            </section>

            <section className={styles.section}>
                <h2 className={styles.h2}>3. Hébergement</h2>
                <p>
                    L'application est hébergée par la société OVH.
                    <ul>
                        <li>Siège social : 2 rue Kellermann - 59100 Roubaix - France</li>
                        <li>Site web : <Link to={"www.ovh.com"}>www.ovh.com</Link></li>
                    </ul>
                </p>
            </section>
        </div>
    );
}