import React from 'react';

const Services = () => {
    return (
        <div className="services">
            <div className="services-container">
                <h1>Création & Développement</h1>
                <h4>
                    Vous avez une idée de projet mais ne connaissez rien en développement ?
                </h4>
                <p>
                    L'offre <span className="title">Création & Développement</span> vous permet de concrétiser vos idées simplement et rapidement !
                    Je suis capable de développer une application web, mobile et bureautique.
                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Création%20et%20Développement">Réaliser un devis</a>
                </div>
            </div>
            <div className="services-container">
                <h1>Intégration Web</h1>
                <h4>

                </h4>
                <p>

                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Intégration%20Web">Réaliser un devis</a>
                </div>
            </div>
            <div className="services-container">
                <h1>Ajustement du site</h1>
                <h4>

                </h4>
                <p>

                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Ajustement%20du%20site">Réaliser un devis</a>
                </div>
            </div>
            <div className="services-container">
                <h1>Référencement</h1>
                <h4>

                </h4>
                <p>

                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Référencement">Réaliser un devis</a>
                </div>
            </div>
            <div className="services-container">
                <h1>Administration Système</h1>
                <h4>

                </h4>
                <p>

                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Administration%20Système">Réaliser un devis</a>
                </div>
            </div>
            <div className="services-container">
                <h1>Analyse & conseil</h1>
                <h4>

                </h4>
                <p>

                </p>
                <div className="mail-button">
                    <a href="mailto:contact@arthurdanjou.fr?subject=Analyse%20et%20Conseil">Réaliser un devis</a>
                </div>
            </div>
        </div>
    )
}

export default Services;

//TODO renvoie mail si offre introuvable

/*
Liste des services
- Création & Développement (Logiciel, Web, Mobile)
- Intégration Web
- Ajustement du site
- Analyse & Conseil
- Référencement
- SysAdmin (Installation, maintenance)
 */