From c6290e6275f8050bc20a09a9828576078a874aa5 Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Fri, 15 Feb 2019 17:16:58 +0100
Subject: [PATCH] :fountain_pen: meilleure descriptions pour le SEO,
 avertissement beta plus gros

---
 source/components/AlphaWarning.css            |  2 +-
 source/components/AlphaWarning.js             | 13 ++++-
 source/components/Feedback/FeedbackForm.js    |  4 +-
 .../rémunération-dirigeant.yaml               |  2 +-
 source/locales/en.yaml                        |  6 +-
 .../pages/SocialSecurity/AssimiléSalarié.js   |  6 +-
 .../pages/SocialSecurity/AutoEntrepreneur.js  |  9 +--
 .../pages/SocialSecurity/Home.js              | 17 +++---
 .../pages/SocialSecurity/Indépendant.js       | 18 ++----
 .../pages/SocialSecurity/Salarié.js           | 55 ++++++++++++-------
 .../pages/SocialSecurity/SchemeComparaison.js | 10 +++-
 11 files changed, 84 insertions(+), 58 deletions(-)

diff --git a/source/components/AlphaWarning.css b/source/components/AlphaWarning.css
index a2b621baa..8703643e2 100644
--- a/source/components/AlphaWarning.css
+++ b/source/components/AlphaWarning.css
@@ -1,7 +1,7 @@
 .beta__container {
 	padding-left: 1rem;
 	border-top-left-radius: 0.3rem;
-
+	margin-top: 1rem;
 	border-left: 3px solid #333;
 }
 .beta__tag {
diff --git a/source/components/AlphaWarning.js b/source/components/AlphaWarning.js
index b6b55107b..b38b35f62 100644
--- a/source/components/AlphaWarning.js
+++ b/source/components/AlphaWarning.js
@@ -4,8 +4,17 @@ import './AlphaWarning.css'
 export default function AlphaWarning() {
 	return (
 		<div className="beta__container">
-			<small className="beta__tag">Version alpha </small>
-			<ul className="ui__ notice">
+			<small className="beta__tag">Version beta</small>
+			<p>
+				<strong>Ce simulateur est en cours de développement.</strong> Il ne
+				saurait engager la responsabilité des organismes sociaux concernés au
+				regard des déclarations et des calculs réels.{' '}
+			</p>
+			<p>
+				Il s'agit d'une estimation purement théorique, qui se base sur les
+				hypothèses suivantes :
+			</p>
+			<ul>
 				<li>
 					Tout le chiffre d'affaires part dans la rémunération du dirigeant et
 					les charges (pas de bénéfice).
diff --git a/source/components/Feedback/FeedbackForm.js b/source/components/Feedback/FeedbackForm.js
index e79e6c94e..71062185d 100644
--- a/source/components/Feedback/FeedbackForm.js
+++ b/source/components/Feedback/FeedbackForm.js
@@ -75,11 +75,11 @@ class FeedbackForm extends Component<Props> {
 					<input hidden name="url" value={window.location.href} />
 					<input hidden name="pageTitle" value={document.title} />
 					<br />
-					<p>
+					<div style={{ margin: '1rem 0' }}>
 						<button className="ui__ button small" type="submit">
 							<Trans>Envoyer</Trans>
 						</button>
-					</p>
+					</div>
 				</form>
 			</ScrollToElement>
 		)
diff --git a/source/components/simulationConfigs/rémunération-dirigeant.yaml b/source/components/simulationConfigs/rémunération-dirigeant.yaml
index 5850c8d42..a6a4f6f56 100644
--- a/source/components/simulationConfigs/rémunération-dirigeant.yaml
+++ b/source/components/simulationConfigs/rémunération-dirigeant.yaml
@@ -1,5 +1,5 @@
 titre: |
-  Calcul du revenu du travailleur indépendant ou dirigeant d'entreprise.
+  Calcul du revenu du travailleur indépendant ou dirigeant d'entreprise après paiement des cotisations et de l'impôt sur le revenu.
 
 objectifs:
   - revenu net
diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index 361e36994..1d2bc1e1e 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -486,9 +486,9 @@ embauche:
 
 simulateur-salarié:
   page:
-    titre: Estimate employee hiring cost
-    description: Simulate an employee's contributions to the social security. Official complete calculation of all contributions. Discover the counterparties guaranteed by social security
-  titre: Estimate social contributions for an employee
+    titre: Official net and gross salary simulator
+    description: Estimate the contributions for an employee based on gross, net or "super gross" salary. All contributions from the general system and income tax are taken into account. Discover the counterparties guaranteed by social security'.
+  titre: Salary simulator
   description: As soon as an employee's employment is declared and paid, he or she is covered by the general social security system (health, maternity, invalidity, old age, occupational disease and accidents) and unemployment.
 
 Guide du statut juridique: Legal status guide
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AssimiléSalarié.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AssimiléSalarié.js
index 719acef32..b06637b6e 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AssimiléSalarié.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AssimiléSalarié.js
@@ -11,14 +11,14 @@ const AssimiléSalarié = () => (
 	<>
 		<Helmet>
 			<title>
-				Dirigeant assimilé salarié : cotisations et protection sociale
+				Assimilé salarié : simulateur officiel de revenus et cotisations
 			</title>
 			<meta
 				name="description"
-				content="Simulez votre rémunération en tant que dirigeant assimilé salarié. Calcul complet de toutes les cotisations. Découvrez les droits ouverts par votre affiliation au régime général"
+				content="Estimez vos revenus en tant qu'assimilé salarié à partir de votre chiffre d'affaire (pour les gérants de SAS, SASU et SARL minoritaire). Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'URSSAF"
 			/>
 		</Helmet>
-		<h1>Assimilé salarié : cotisation et droits</h1>
+		<h1>Simulateur de revenus pour assimilé salarié</h1>
 		<p>
 			Les gérants égalitaires ou minoritaires de SARL ou les dirigeants de SA et
 			SAS sont <strong>assimilés&nbsp;salariés</strong> et relèvent du régime
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AutoEntrepreneur.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AutoEntrepreneur.js
index 8f72e9b29..50752f74f 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AutoEntrepreneur.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/AutoEntrepreneur.js
@@ -10,17 +10,18 @@ import { AvertissementProtectionSocialeIndépendants } from './Indépendant'
 const AutoEntrepreneur = () => (
 	<>
 		<Helmet>
-			<title>Auto-entrepreneur : cotisations et protection sociale </title>
+			<title>
+				Auto-entrepreneur : simulateur officiel de revenus et cotisations
+			</title>
 			<meta
 				name="description"
-				content="Simulez votre rémunération en tant que dirigeant indépendant. Calcul complet de toutes les cotisations. Découvrez les droits ouverts par votre affiliation au régime des indépendants (TNS)"
+				content="Estimez vos revenus en tant qu'auto-entrepreneur à partir de votre chiffre d'affaire. Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'URSSAF"
 			/>
 		</Helmet>
-		<h1>Auto-entrepreneur : cotisations et droits</h1>
+		<h1>Simulateur de revenus pour auto-entrepreneur</h1>
 		<p>
 			Les auto-entrepreneurs relèvent de la sécurité sociale des indépendants.
 		</p>
-
 		<AlphaWarning />
 		<Simulation
 			targetsTriggerConversation={true}
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Home.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Home.js
index c957fd13d..dc05a334e 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Home.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Home.js
@@ -50,24 +50,27 @@ class SocialSecurity extends Component<Props, {}> {
 								<strong>bien-être général de la population</strong>.
 							</p>
 						</T>
-						{showFindYourCompanyLink && (
+						{showFindYourCompanyLink && (<>
+							<h2>Simulations personnalisées</h2>
 							<p>
 								<T k="sécu.entrepriseCrée">
 									Si vous possédez déjà une entreprise, nous pouvons{' '}
 									<strong>automatiquement personnaliser</strong> vos simulations
-									à votre situation. Il vous suffit juste de{' '}
-									<Link to={sitePaths.entreprise.trouver}>
-										renseigner le nom de votre entreprise.
-									</Link>
+									à votre situation.
 								</T>
 							</p>
+							<div style={{textAlign: 'center'}}>
+									<Link to={sitePaths.entreprise.trouver} className="ui__ button">
+										Renseigner mon entreprise
+									</Link>
+									</div>
+							</>
 						)}
 						{!['mycompanyinfrance.fr', 'mon-entreprise.fr'].includes(
 							window.location.hostname
 						) ? (
 							<>
-								<br />
-								<h2 style={{ textAlign: 'center', marginBottom: '2rem' }}>
+								<h2 >
 									Que souhaitez-vous estimer ?
 								</h2>
 								<Link
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Indépendant.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Indépendant.js
index ad4f2f4ae..37225bbd4 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Indépendant.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Indépendant.js
@@ -10,21 +10,15 @@ import { Helmet } from 'react-helmet'
 const Indépendant = () => (
 	<>
 		<Helmet>
-			<title>Dirigeant indépendant : cotisations et protection sociale </title>
+			<title>
+				Indépendant : simulateur officiel de revenus et de cotisations
+			</title>
 			<meta
 				name="description"
-				content="Simulez votre rémunération en tant que dirigeant indépendant. Calcul complet de toutes les cotisations. Découvrez les droits ouverts par votre affiliation au régime des indépendants (TNS)"
+				content="Estimez vos revenus en tant qu'indépendant à partir de votre chiffre d'affaire (pour les EI et les gérants EURL et SARL majoritaires). Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'URSSAF"
 			/>
 		</Helmet>
-		<h1>Dirigeant indépendant : cotisations et droits</h1>
-		<p>
-			Les personnes suivantes relèvent de la sécurité sociale des indépendants :
-		</p>
-		<ul>
-			<li> entrepreneurs individuels et EIRL</li>
-			<li> gérants et associés de SNC et EURL</li>
-			<li> gérant majoritaire de SARL</li>
-		</ul>
+		<h1>Simulateur de revenus pour indépendants</h1>
 		<AlphaWarning />
 		<Simulation
 			targetsTriggerConversation={true}
@@ -40,7 +34,7 @@ const Indépendant = () => (
 )
 
 let AvertissementForfaitIndépendants = () => (
-	<p className="ui__ notice">
+	<p>
 		{emoji('💶 ')}Notre estimation prend en compte les{' '}
 		<em>cotisations réelles</em> dues par le travailleur indépendant. Pendant la
 		première année de son activité, il ne paiera qu'un forfait réduit (une somme
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Salarié.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Salarié.js
index ef5079568..83815b9f8 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Salarié.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Salarié.js
@@ -1,14 +1,14 @@
-import { React, T } from 'Components';
-import SalaryExplanation from 'Components/SalaryExplanation';
-import Simulation from 'Components/Simulation';
-import salariéConfig from 'Components/simulationConfigs/salarié.yaml';
-import withSimulationConfig from 'Components/simulationConfigs/withSimulationConfig';
-import TargetSelection from 'Components/TargetSelection';
-import withSitePaths from 'Components/utils/withSitePaths';
-import { compose } from 'ramda';
-import { Helmet } from 'react-helmet';
-import { withTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
+import { React, T } from 'Components'
+import SalaryExplanation from 'Components/SalaryExplanation'
+import Simulation from 'Components/Simulation'
+import salariéConfig from 'Components/simulationConfigs/salarié.yaml'
+import withSimulationConfig from 'Components/simulationConfigs/withSimulationConfig'
+import TargetSelection from 'Components/TargetSelection'
+import withSitePaths from 'Components/utils/withSitePaths'
+import { compose } from 'ramda'
+import { Helmet } from 'react-helmet'
+import { withTranslation } from 'react-i18next'
+import { Link } from 'react-router-dom'
 
 export let SalarySimulation = withSitePaths(({ sitePaths }) => (
 	<Simulation
@@ -32,25 +32,38 @@ export let SalarySimulation = withSitePaths(({ sitePaths }) => (
 	/>
 ))
 
-const Salarié = ({t}) => (
+const Salarié = ({ t }) => (
 	<>
 		<Helmet>
 			<title>
-				{t(['simulateur-salarié.page.titre', 'Salarié au régime général : cotisations et protection sociale'])}
+				{t([
+					'simulateur-salarié.page.titre',
+					'Calcul de salaire net et brut : simulateur officiel'
+				])}
 			</title>
 			<meta
 				name="description"
-				content={t(['simulateur-salarié.page.description', "Simulez les cotisations d'un salarié au régime général. Calcul complet de toutes les cotisations. Découvrez les contreparties garanties par sécurité sociale"])}
+				content={t([
+					'simulateur-salarié.page.description',
+					'Estimez les cotisations pour un salarié à partir du salaire brut, net ou "superbrut". Prise en comptes de toutes les cotisations du régime général et de l\'impôt sur le revenu. Découvrez les contreparties garanties par sécurité sociale'
+				])}
 			/>
 		</Helmet>
-		<h1><T k="simulateur-salarié.titre">Salarié au régime général</T></h1>
-		<p><T k="simulateur-salarié.description">
-			Dès que l'embauche d'un salarié est déclarée et qu'il est payé, il est
-			couvert par le régime général de la Sécurité sociale (santé, maternité,
-			invalidité, vieillesse, maladie professionnelle et accidents) et chômage.
+		<h1>
+			<T k="simulateur-salarié.titre">Simulateur de salaire</T>
+		</h1>
+		<SalarySimulation />
+		<p>
+			<T k="simulateur-salarié.description">
+				Dès que l'embauche d'un salarié est déclarée et qu'il est payé, il est
+				couvert par le régime général de la Sécurité sociale (santé, maternité,
+				invalidité, vieillesse, maladie professionnelle et accidents) et
+				chômage.
 			</T>
 		</p>
-		<SalarySimulation />
 	</>
 )
-export default compose(withTranslation(), withSimulationConfig(salariéConfig))(Salarié)
+export default compose(
+	withTranslation(),
+	withSimulationConfig(salariéConfig)
+)(Salarié)
diff --git a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/SchemeComparaison.js b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/SchemeComparaison.js
index d4f40c90c..67963736f 100644
--- a/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/SchemeComparaison.js
+++ b/source/sites/mycompanyinfrance.fr/pages/SocialSecurity/SchemeComparaison.js
@@ -12,11 +12,17 @@ const SchemeComparaisonPage = () => (
 		<Helmet>
 			<title>
 				Assimilé salarié, indépendant, auto-entrepreneur : comparaison des
-				différents régimes
+				régimes
 			</title>
+			<meta
+				name="description"
+				content="A partir d'un chiffre d'affaire donné, comparez le revenus net obtenu
+				après paiement des cotisations sociale et impôts pour les différents
+				régimes."
+			/>
 		</Helmet>
 		<Animate.fromBottom>
-			<h1>Comparaison des régimes</h1>
+			<h1>Comparaison des régimes de protection sociale</h1>
 			<header>{createMarkdownDiv(ComparaisonConfig.titre)}</header>
 			<AlphaWarning />
 			<Simulation