betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Modif landing

pull/294/head
Johan Girod 2018-07-31 17:38:39 +02:00 committed by Mael
parent 91635f25b7
commit ce48bcc1dc
1 changed files with 25 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
source/sites/mycompanyinfrance.fr/Landing.js
View File

@ -2,6 +2,7 @@
import withColours from 'Components/utils/withColours'
import React from 'react'
import emoji from 'react-easy-emoji'
import { Link } from 'react-router-dom'
import { config } from 'react-spring'
import * as Animate from 'Ui/animate'
@ -18,16 +19,7 @@ const Landing = ({ colours: { colour } }) => (
</div>
<header>
<Animate.fromBottom delay={500} config={config.slow}>
<h1>
Start your business in France.{' '}
<span
style={{
// color: '#e2011c'
fontWeight: 200
}}>
No hassle.
</span>
</h1>
<h1>Start your business in France.</h1>
<Link
className="ui__ inverted-button cta"
to="/register"
@ -38,26 +30,30 @@ const Landing = ({ colours: { colour } }) => (
</header>
</section>
<section className="ui__ container landing-explanation">
<h2>1. Create your company</h2>
<p>
Find the legal status that suits you in one minute. Choose the best
location for your enterprise. Let us guide you through the different
steps up to the registration of your company.
</p>
<h2>1. Create your company {emoji('🏗️')}</h2>
<ul>
<li>Find the legal status that suits you in one minute.</li>
<li>Choose the best location for your enterprise.</li>
<li>
Complete the different steps up to the registration of your company.
</li>
</ul>
<h2>2. Simulate costs and social benefits</h2>
<p>
Discover French social security. Find out about benefits and what is
covered. Simulate the contribution amount for all policy types. Navigate
between the different sections of a pay slip. Create your hiring project
from A to Z.
</p>
<h2>3. Hire your first employee</h2>
<p>
See the hiring procedures in France. Learn the basics of french labour
law. Write an employment contract. Know the different tools for editing
a compliant payslip.
</p>
<h2>2. Simulate costs and social benefits {emoji('💶')} </h2>
<ul>
<li>Discover French social security. </li>
<li>Find out about benefits and what is covered. </li>
<li>Simulate the contribution amount for all policy types. </li>
<li>Navigate between the different sections of a pay slip.</li>
</ul>
<h2>3. Hire your first employee {emoji('🤝')}</h2>
<ul>
<li>See the hiring procedures in France. </li>
<li>
Learn the basics of french labour law. Write an employment contract.{' '}
</li>
<li>Know the different tools for editing a compliant payslip.</li>
</ul>
</section>
<section className="landing__nav" />
</>