diff --git a/source/components/inFranceApp/Steps/Create/RegisteringProcess.js b/source/components/inFranceApp/Steps/Create/RegisteringProcess.js deleted file mode 100644 index 6e5849f10..000000000 --- a/source/components/inFranceApp/Steps/Create/RegisteringProcess.js +++ /dev/null @@ -1,83 +0,0 @@ -/* @flow */ -import React from 'react' -import { Link } from 'react-router-dom' -import siret from './siret.jpg' -import type { Match } from 'react-router' -import CheckList from 'InFrance/CheckList' - -type Props = { - match: Match -} -export default function RegisterMyCompany({ match }: Props) { - return ( - - Find a corporate name (raison sociale, the legal name of - your company) -

- ), - tradeName: 'Find a trade name (for commercial purposes)', - space: 'Find a space (or work at home)', - registerCfe: ( - - Register your company online on{' '} - - Guichet-entreprises.fr (english) - - - ), - newspaper: `Have the company's creation published in - a newspaper of legal announcements such as the Bodacc (Bulletin officiel - des annonces civiles et commerciales)`, - bankAccount: - 'Open a business bank account and follow the capital deposit procedure if needed', - insurance: 'Take out professional insurance' - }, - - conclusion: ( - <> -

- Once your business has been officially registered, you will - receive : -

- - Siret and siren number -

- It also assigns the APE code for the business sector to which your - company or you as a self-employed worker belong. The APE code is - used to classify your company’s main operations in relation to the - french business nomenclature system (« NAF » code). It also - determines the applicable collective agreement as well as the - industrial accident rate in the field to which you or your company - belong. -

-

- Now that you have a properly registered company, the next steps is - to hire your first employee -

-
- - Simulate hiring cost in France - -
- - ) - }} - /> - ) -} diff --git a/source/components/inFranceApp/Steps/HiringProcess.js b/source/components/inFranceApp/Steps/HiringProcess.js new file mode 100644 index 000000000..18559f21b --- /dev/null +++ b/source/components/inFranceApp/Steps/HiringProcess.js @@ -0,0 +1,100 @@ +/* @flow */ +import React from 'react' +import CheckList from 'InFrance/CheckList' + +export default function HiringProcess() { + return ( + + Sign an employment contract with your employee.{' '} + + More information (french) + +

+ ), + dpae: ( +

+ Declare the hiring process 8 days before. It's + called the DPAE, and can be{' '} + + done online{' '} + {' '} + (french). +

+ ), + pay: ( + <> +

+ Calculate and declare the social security contributions. You + must legally produce : +

+ + + ), + registre: ( +

+ The employer must keep a staff register.{' '} + + More info{' '} + (french) +

+ ), + complementaryInsurance: ( + <> +

+ Some complementary insurances are mandatory and each + employee must be enrolled by the employer. +

+ + + ), + workMedicine: ( +

+ The employer must register a work medicine office, and plan an + initial appointment for each new hire. +

+ ) + }, + + conclusion: '' + }} + /> + ) +} diff --git a/source/components/inFranceApp/routes.js b/source/components/inFranceApp/routes.js index 2c6402489..2a1640671 100644 --- a/source/components/inFranceApp/routes.js +++ b/source/components/inFranceApp/routes.js @@ -8,6 +8,7 @@ import Landing from './Landing' import CreateMyCompany from './Steps/Company/index' import CostsBenefits from './Steps/Costs and benefits' import StepsHeader from './Steps/Header/StepsHeader' +import HiringProcess from './Steps/HiringProcess' import './ui/index.css' class Layout extends Component { componentDidMount() { @@ -34,6 +35,7 @@ class Layout extends Component { +