{/* TODO ACCESSIBILITY: impossible to tick the checkbox with keyboard ? */}
-
-
+
-
diff --git a/source/sites/mycompanyinfrance.fr/pages/Landing.js b/source/sites/mycompanyinfrance.fr/pages/Landing.js
index 27942bc20..6dbfedf58 100644
--- a/source/sites/mycompanyinfrance.fr/pages/Landing.js
+++ b/source/sites/mycompanyinfrance.fr/pages/Landing.js
@@ -64,12 +64,12 @@ export default compose(
{emoji('🤝')} Connaître les démarches d'embauche
-
- prochainement
-
- {emoji('🏡')} Déclarer mon activité d'économie collaborative
+ {emoji('🏡')}{' '}
+
+ Déclarer mes revenus de plateforme en ligne (airbnb, leboncoin, etc.)
+
{/*
diff --git a/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/ActivitésSelection.js b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/ActivitésSelection.js
new file mode 100644
index 000000000..d5240b680
--- /dev/null
+++ b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/ActivitésSelection.js
@@ -0,0 +1,81 @@
+import classnames from 'classnames'
+import withSitePaths from 'Components/utils/withSitePaths'
+import { without } from 'ramda'
+import React, { useState } from 'react'
+import emoji from 'react-easy-emoji'
+import { Link } from 'react-router-dom'
+import Animate from 'Ui/animate'
+import activités from './activités.yaml'
+export default withSitePaths(function ActivitésSelection({ sitePaths }) {
+ let [itemsSelected, selectItem] = useState([])
+
+ return (
+
+
+ )
+})
diff --git a/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/CoConsommation.js b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/CoConsommation.js
new file mode 100644
index 000000000..f61b3e31c
--- /dev/null
+++ b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/CoConsommation.js
@@ -0,0 +1,44 @@
+import withSitePaths from 'Components/utils/withSitePaths'
+import React from 'react'
+import Animate from 'Ui/animate'
+import { CheckItem, Checklist } from 'Ui/Checklist'
+import pizzaSharing from './images/pizzaSharing.svg'
+
+export default withSitePaths(function CoConsommation({ sitePaths }) {
+ return (
+
+ 
+
+
+
+ )
+})
diff --git a/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/Home.js b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/Home.js
new file mode 100644
index 000000000..bbd62ac14
--- /dev/null
+++ b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/Home.js
@@ -0,0 +1,41 @@
+import { emoji, React } from 'Components'
+import withSitePaths from 'Components/utils/withSitePaths'
+import { Link } from 'react-router-dom'
+import Animate from 'Ui/animate'
+import illustration from './images/multitasking.svg'
+
+export default withSitePaths(function Home({ sitePaths }) {
+ return (
+
+ 
+
+ )
+})
diff --git a/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/LocationMeublée.js b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/LocationMeublée.js
new file mode 100644
index 000000000..58dd4de19
--- /dev/null
+++ b/source/sites/mycompanyinfrance.fr/pages/ÉconomieCollaborative/LocationMeublée.js
@@ -0,0 +1,41 @@
+import withSitePaths from 'Components/utils/withSitePaths'
+import React from 'react'
+import emoji from 'react-easy-emoji'
+import { Link } from 'react-router-dom'
+
+export default withSitePaths(function LocationMeublée({ sitePaths }) {
+ return (
+ <>
+
Quels types de revenus avez-vous ?
++ Les seuils de déclaration ne sont pas les mêmes en fonction du type + d'activité que vous exercez. Sélectionnez toutes les plateformes depuis + lesquelles vous avez reçu de l'argent durant l'année. +
+- * {
+ width: 100%;
+ }
+ li {
+ margin: 1rem 0;
+ cursor: pointer;
+ text-align: center
+ width: 12em;
+ .title {
+ font-weight: 500;
+ }
+ img {
+ width: 2em !important;
+ height: 2em !important;
+ margin: 0.6em 0 !important;
+ }
+ p {
+ font-size: 95%;
+ font-style: italic;
+ text-align: center;
+ line-height: 1em;
+ }
+ }
+ li:hover, li.selected {background: var(--colour); color: white}
+ `}>
+ {activités.map(({ titre, exemples, icônes }) => {
+ let selected = itemsSelected.includes(titre)
+ return (
+
-
+ selectItem(
+ selected
+ ? without([titre], itemsSelected)
+ : [...itemsSelected, titre]
+ )
+ }>
+ {titre}+ {emoji(icônes)} +
{exemples}
+
+ )
+ })}
+
+ + Continuer + +
+Co-consommation
++ La co-consommation, c'est par exemple partagez votre voiture + (co-voiturage), des repas, ou encore des sorties. Le site le plus + emblématique est Blablacar. +
++ Pour que ces revenus ne soient pas considérés comme des revenus + professionnels, vous devez confirmer ces deux conditions : +
++ + +
+Déclarer les revenus des plateformes en ligne
++ Vous avez des revenus issus des plateformes en ligne{' '} + (Airbnb, Abritel, Drivy, Blablacar, Leboncoin, etc.), la loi vous oblige + à les déclarer. Mais il peut être parfois difficile de s'y retrouver + dans toute la documentation légale {emoji('🤔')} +
++ C'est pourquoi nous avons conçu ce guide. En quelques clics, vous saurez + tout ce qu'il faut faire dans votre situation pour être en règle : ce + que vous devez déclarer, où, et comment le faire. +
+
+
+ Commencer le guide
+
+
+ + PS : cet outils est à but purement informatif, et non coercitif. Nous ne + stockons absolument aucune donnée utilisateur, tout ce que vous + saisissez reste sur votre navigateur. Vous pouvez donc répondre aux + questions suivantes l'esprit léger, en toute transparence {emoji('😌')} +
+{emoji('🏡')} Location meublée
++ Vous avez loué un logement meublé pour de courtes durées à une clientèle + de passage qui n'y élit pas domicile (hors location de chambres d’hôtes + et de meublé de tourisme) +
+Vos recettes annuelles sont :
+-
+
- + + Inférieures à 23 000€ + + +
- + + Situées entre 23 000€ et 70 000€ + + +
- + + Supérieures à 70 000€ + + +
-
+ <>
+ - J'ai des revenus issus des plateformes en ligne : - Airbnb, Abritel, Drivy, Blablacar, Leboncoin, ... -
-
-
- {emoji('🤔')}
-
-
- Comment être en règle ?
-
-
- Comment être en règle ?
- Quelles cotisations et impôt ?
-
-
-
- {emoji('✔️')} Sélectionnez vos revenus :
-- * {
- width: 100%;
- }
- li {
- margin: 1em;
- cursor: pointer;
- text-align: center
- width: 12em;
-
- .title {
- font-weight: 500;
- }
- img {
- width: 2em !important;
- height: 2em !important;
- margin: 0.6em 0 !important;
- }
- p {
- font-size: 95%;
- font-style: italic;
- text-align: center;
- line-height: 1em;
- }
- }
-
- li:hover, li.selected {background: var(--colour); color: white}
- `}>
- {activités.map(({ titre, exemples, icônes }) => {
- let selected = itemsSelected.includes(titre)
- return (
-
-
- selectItem(
- selected
- ? without([titre], itemsSelected)
- : [...itemsSelected, titre]
- )
- }>
- {titre}- {emoji(icônes)} -
{exemples}
- {selected && ( -- e.stopPropagation()} - css={` - width: 8em; - font-size: 100%; - border: none; - border-radius: 0.3em; - padding: 0.3em; - `} - placeholder="votre revenu" - /> - € -- )} -
- )
- })}
-