📈 integration du component Meta

integration du component Meta sur les pages suivantes:
- landing
- créer
- gérer
- simulateurs
- nouveautés
- stats
- accessibilité
- budget
- integration
- documentation

mon-entreprise/source/pages/Accessibilité.tsx

@@ -1,9 +1,15 @@
 import { Trans } from 'react-i18next'
 import { TrackPage } from '../ATInternetTracking'
+import Meta from '../components/utils/Meta'
 
 export default function Accessibilité() {
 	return (
 		<Trans i18nKey="pages.accessibilité">
+			<Meta
+				page="accessibilité"
+				title="Accessibilité"
+				description="Référentiel Général d’Amélioration de l’Accessibilité"
+			/>
 			<h1>Accessibilité</h1>
 			<TrackPage chapter1="informations" name="accessibilite" />
 

mon-entreprise/source/pages/Budget/Budget.tsx

@@ -9,6 +9,7 @@ import { Helmet } from 'react-helmet'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
 import { TrackPage } from '../../ATInternetTracking'
+import Meta from '../../components/utils/Meta'
 import prose from './budget.md'
 import budget from './budget.yaml'
 
@@ -42,9 +43,11 @@ export default function Budget() {
 	return (
 		<>
 			<TrackPage chapter1="informations" name="budget" />
-			<Helmet>
-				<title>Le budget de mon-entreprise.fr</title>
-			</Helmet>
+			<Meta
+				page="budget"
+				title="Budget"
+				description="Le budget de mon-entreprise.fr"
+			/>
 			<ScrollToTop />
 			<h1>
 				Budget <Emoji emoji="💶" />

mon-entreprise/source/pages/Créer/Home.tsx

@@ -1,8 +1,8 @@
 import PageHeader from 'Components/PageHeader'
 import { FromBottom } from 'Components/ui/animate'
+import Meta from 'Components/utils/Meta'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import { useContext } from 'react'
-import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { useSelector } from 'react-redux'
 import { Link } from 'react-router-dom'
@@ -22,10 +22,12 @@ export default function Créer() {
 	return (
 		<FromBottom>
 			<TrackPage name="accueil" />
-
-			<Helmet>
-				<title>{t('créer.titre', 'Créer une entreprise')}</title>
-			</Helmet>
+			<Meta
+				page="créer"
+				title="Créer"
+				description="Créer une entreprise"
+				ogImage={créerSvg}
+			/>
 			<PageHeader
 				titre={<Trans i18nKey="créer.titre">Créer une entreprise</Trans>}
 				picture={créerSvg}

mon-entreprise/source/pages/Documentation.tsx

@@ -13,6 +13,7 @@ import { RootState } from 'Reducers/rootReducer'
 import { TrackPage } from '../ATInternetTracking'
 import rules, { DottedName } from 'modele-social'
 import RuleLink from '../components/RuleLink'
+import Meta from 'Components/utils/Meta'
 
 export default function RulePage() {
 	const currentSimulation = useSelector(
@@ -90,6 +91,11 @@ function DocumentationLanding() {
 	return (
 		<>
 			<TrackPage chapter1="documentation" name="accueil" />
+			<Meta
+				page="documentation"
+				title="Documentation"
+				description="Explorez toutes les règles de la documentation"
+			/>
 			<h1>
 				<Trans i18nKey="page.documentation.title">Documentation</Trans>
 			</h1>

mon-entreprise/source/pages/Gérer/Home.tsx

@@ -12,13 +12,13 @@ import Emoji from 'Components/utils/Emoji'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import { SitePaths, SitePathsContext } from 'Components/utils/SitePathsContext'
 import { useContext, useEffect, useRef, useState } from 'react'
-import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
 import { Link } from 'react-router-dom'
 import { Company } from 'Reducers/inFranceAppReducer'
 import { RootState } from 'Reducers/rootReducer'
 import { TrackPage } from '../../ATInternetTracking'
+import Meta from '../../components/utils/Meta'
 import AideOrganismeLocal from './AideOrganismeLocal'
 import businessPlan from './businessPlan.svg'
 
@@ -64,9 +64,12 @@ export default function Gérer() {
 
 	return (
 		<>
-			<Helmet>
-				<title>{t('gérer.titre', 'Gérer mon activité')}</title>
-			</Helmet>
+			<Meta
+				page="gérer"
+				title="Gérer"
+				description="Gérer mon activité"
+				ogImage={businessPlan}
+			/>
 			<TrackPage name="accueil" />
 			<ScrollToTop />
 			<FromBottom>

mon-entreprise/source/pages/Landing/Landing.tsx

@@ -1,6 +1,7 @@
 import Footer from 'Components/layout/Footer/Footer'
 import Header from 'Components/layout/Header'
 import Emoji from 'Components/utils/Emoji'
+import Meta from 'Components/utils/Meta'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import logoSvg from 'Images/logo.svg'
 import { useContext } from 'react'
@@ -22,6 +23,12 @@ export default function Landing() {
 	return (
 		<>
 			<TrackPage chapter1="informations" name="accueil" />
+			<Meta
+				page="landing"
+				title="Mon-entreprise"
+				description="L'assistant officiel de l'entrepreneur"
+				ogImage={logoSvg}
+			/>
 			<Header />
 			<div className="app-content ui__ container">
 				{language === 'en' && (

mon-entreprise/source/pages/Nouveautés/Nouveautés.tsx

@@ -2,6 +2,7 @@ import { determinant, hideNewsBanner } from 'Components/layout/NewsBanner'
 import MoreInfosOnUs from 'Components/MoreInfosOnUs'
 import Emoji from 'Components/utils/Emoji'
 import { MarkdownWithAnchorLinks } from 'Components/utils/markdown'
+import Meta from 'Components/utils/Meta'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import { useContext, useEffect } from 'react'
@@ -53,6 +54,11 @@ export default function Nouveautés() {
 	return (
 		<>
 			<TrackPage chapter1="informations" name="nouveautes" />
+			<Meta
+				page="nouveautés"
+				title="Nouveautés"
+				description="Nous améliorons le site en continu à partir de vos retours. Découvrez les dernières nouveautés"
+			/>
 			<ScrollToTop key={selectedRelease} />
 			<h1>
 				Les nouveautés <Emoji emoji="✨" />

mon-entreprise/source/pages/Simulateurs/Home.tsx

@@ -10,6 +10,7 @@ import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import { TrackPage } from '../../ATInternetTracking'
+import Meta from '../../components/utils/Meta'
 import simulatorSvg from './images/illustration-simulateur.svg'
 import useSimulatorsData, { SimulatorData } from './metadata'
 
@@ -22,6 +23,12 @@ export default function Simulateurs() {
 	return (
 		<>
 			<TrackPage chapter1="simulateurs" name="accueil" />
+			<Meta
+				page="simulateurs"
+				title="simulateurs"
+				description="Tous les simulateurs sur ce site sont maintenus à jour avec les dernières évolutions législatives."
+				ogImage={simulatorSvg}
+			/>
 			<Helmet>
 				<title>{titre}</title>
 			</Helmet>

mon-entreprise/source/pages/Stats/Stats.tsx

@@ -12,6 +12,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { Trans } from 'react-i18next'
 import { useHistory, useLocation } from 'react-router-dom'
 import { toAtString, TrackPage } from '../../ATInternetTracking'
+import Meta from '../../components/utils/Meta'
 import statsJson from '../../data/stats.json'
 import { debounce } from '../../utils'
 import { SimulateurCard } from '../Simulateurs/Home'
@@ -306,6 +307,11 @@ export default function Stats() {
 	return (
 		<>
 			<TrackPage chapter1="informations" name="stats" />
+			<Meta
+				page="stats"
+				title="Statistiques"
+				description="	Découvrez nos statistiques d'utilisation mises à jour quotidiennement."
+			/>
 			<ScrollToTop />
 
 			<h1>

mon-entreprise/source/pages/integration/Options.tsx

@@ -4,12 +4,19 @@ import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import { useContext } from 'react'
 import { Trans } from 'react-i18next'
 import { Link } from 'react-router-dom'
+import Meta from '../../components/utils/Meta'
 import illustration from './illustration.png'
 
 export default function Options() {
 	const sitePaths = useContext(SitePathsContext)
 	return (
 		<>
+			<Meta
+				page="intégration"
+				title="Intégration"
+				description="Outils pour les développeurs"
+				ogImage={illustration}
+			/>
 			<h1 css="margin-bottom: 0">
 				<Trans>Outils pour les développeurs</Trans> <Emoji emoji="👨‍💻" />
 			</h1>