75 lines
3.2 KiB
TypeScript
75 lines
3.2 KiB
TypeScript
import React, { FunctionComponent, Fragment } from "react";
|
|
|
|
export interface WelcomeContentProps {
|
|
|
|
}
|
|
|
|
export const WelcomeContent: FunctionComponent<WelcomeContentProps> = () => {
|
|
return (
|
|
<Fragment>
|
|
<section className="hero is-normal is-light is-bold">
|
|
<div className="hero-body has-text-centered">
|
|
<div className="container">
|
|
<h1 className="title">
|
|
Bienvenue sur Guesstimate !
|
|
</h1>
|
|
<h2 className="subtitle">
|
|
La solution pour réaliser simplement des estimations de temps pour vos projets.
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div className="box cta">
|
|
<p className="has-text-centered">
|
|
<span className="tag is-info">Attention</span> Le service est actuellement en alpha. L'accès est restreint aux adresses autorisées.
|
|
</p>
|
|
</div>
|
|
<section className="container mt-5">
|
|
<div className="columns">
|
|
<div className="column is-4">
|
|
<div className="card is-shady">
|
|
<div className="card-image has-text-centered">
|
|
<i className="fa fa-at mt-5" style={{fontSize: '8rem'}}></i>
|
|
</div>
|
|
<div className="card-content">
|
|
<div className="content">
|
|
<h4>Une adresse courriel et c'est parti !</h4>
|
|
<p>Pas de création de compte, pas de mot de passe à retenir. Entrez votre adresse courriel et commencez directement à travailler !</p>
|
|
{/* <p><a href="#">En savoir plus</a></p> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="column is-4">
|
|
<div className="card is-shady">
|
|
<div className="card-image has-text-centered">
|
|
<i className="fa fa-edit mt-5" style={{fontSize: '8rem'}}></i>
|
|
</div>
|
|
<div className="card-content">
|
|
<div className="content">
|
|
<h4>Un méthode simple et efficace.</h4>
|
|
<p>Découpez votre projet en tâches, faites l'estimation de temps <b>optimiste</b>, <b>probable</b> et <b>pessimiste</b> et obtenez en temps réel vos estimations de temps/financières avec leurs indices de confiance.</p>
|
|
{/* <p><a href="#">En savoir plus</a></p> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="column is-4">
|
|
<div className="card is-shady">
|
|
<div className="card-image has-text-centered">
|
|
<i className="fa fa-users mt-5" style={{fontSize: '8rem'}}></i>
|
|
</div>
|
|
<div className="card-content">
|
|
<div className="content">
|
|
<h4>Partagez simplement vos estimations.</h4>
|
|
<p>Une adresse courriel et votre estimation est partagée ! Le niveau d'accès (lecture seule, écriture, vue partielle...) peut être défini pour chaque partage.</p>
|
|
{/* <p><a href="#">En savoir plus</a></p> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</Fragment>
|
|
);
|
|
}; |