diff --git a/src/routes/welcome/+page.svelte b/src/routes/welcome/+page.svelte index 1890a1451cb2b08b2d2294647b17af227e48f72f..0425a03491bc89d0061c10c5858d0b8f4267361d 100644 --- a/src/routes/welcome/+page.svelte +++ b/src/routes/welcome/+page.svelte @@ -721,8 +721,8 @@ </span> <br /> <br /> - Visualiser l’ensemble des impôts, cotisations et prestations sociales qui affectent - un cas type + Visualiser l’ensemble des impôts, cotisations et prestations sociales + <br />qui affectent un cas type </h2> <div @@ -733,21 +733,36 @@ src="welcome-capture-ecran-feuille-de-paie.png" /> </div> - <div class="font-serif text-lg col-span-4 lg:col-span-2 py-5"> - <span> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet - laoreet mauris, ut cursus lorem. Sed vitae dolor risus. Ut molestie - imperdiet dapibus. Nulla facilisi. Vivamus laoreet nibh at magna auctor, - eget accumsan er at volutpat. Pellentesque id est pellentesque, aliquam - purus id, ullamcorper lorem. Integer sit amet metus nulla. Vivamus - ullamcorper rutrum erat. Fusce tincidunt augue et effici iaculis.</span + <div class="font-serif seriftext-lg col-span-4 lg:col-span-2 py-5"> + <p + class="font-sans text-base border-l-4 pl-4 border-le-vert-200 text-le-vert-900" > + Un cas type représente la situation simplifiée d'un ménage, par exemple + : "un foyer composé de deux adultes et d'un enfant, gagnant un certain + salaire par mois". + </p> + <br /> + <p> + Le simulateur socio-fiscal propose une bibliothèque de cas types, dont + des salariés du privé ou du public, des retraités ou des chômeurs. Ces + cas types peuvent être configurés de façon très précise car le + simulateur met à disposition toutes les caractéristiques entrant dans le + calcul du système socio-fiscal. + </p> + <br /> + <p> + Les impacts du droit en vigueur et des réformes sont exposés par la + "fiche de paie", qui déroule l'ensemble des dispositifs du particulier + comme de l'employeur le cas échéant. Cette feuille de paie augmentée + permet de comprendre les relations entre les différents dispositifs + socio-fiscal et notamment les effets de vases communiquants. + </p> <div class="flex lg:justify-start justify-center"> <button class="mt-5 font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-bleu hover:bg-blue-800 active:bg-blue-900 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase" title="Vers le simulateur budgétaire de l'impôt sur le revenu" > - Consulter la feuille de paie d'un cas type<iconify-icon + Choisir un cas type <br />et consulter sa feuille de paie<iconify-icon class="ml-2 align-[-0.4rem] text-2xl" icon="ri-arrow-right-line" /> @@ -768,7 +783,8 @@ </span> <br /> <br /> - Consulter l’évolution du système socio-fiscal d’un cas type selon son salaire + Consulter l’évolution du système socio-fiscal d’un cas type selon son revenu + principal </h2> <div @@ -780,14 +796,27 @@ /> </div> <div class="font-serif text-lg col-span-4 lg:col-span-2 py-3.5"> - <span> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet - laoreet mauris, ut cursus lorem. Sed vitae dolor risus. Ut molestie - imperdiet dapibus. Nulla facilisi. Vivamus laoreet nibh at magna auctor, - eget accumsan er at volutpat. Pellentesque id est pellentesque, aliquam - purus id, ullamcorper lorem. Integer sit amet metus nulla. Vivamus - ullamcorper rutrum erat. Fusce tincidunt augue et effici iaculis.</span - > + <p> + Pour chaque cas type, LexImpact propose un graphique de l'évolution du + système socio-fiscal selon le revenu principal du ménage. + </p> + <br /> + <p>Ce graphique permet d'identifier en un coup d'oeil :</p> + <ul class="list-disc list-inside"> + <li> + la tendance générale du <abbr + title="Le revenu disponible correspond à ce qu'il reste au ménage une fois l'ensemble des dispositifs du système socio-fiscal passés." + >revenu finalement disponible</abbr + > ; hausse, stagnation ou baisse avec ou sans progressivité + </li> + <ul class="list-disc list-inside"> + <li>les seuils d'entrée et de sortie des dispositifs</li> + <li> + les effets de seuils ou autres phénomènes particuliers qui peuvent + intervenir. + </li> + </ul> + </ul> </div> <div class="col-span-4 grid grid-cols-3 gap-12 bg-[#D7E2F4]"> <h3 @@ -832,8 +861,8 @@ </h4> <p class="font-serif text-base text-center"> En bas de la « fiche de paie », déplier l’accordéon - « Voir ce cas type sur un graphique faisant évoluer le - salaire ». + « Voir ce cas type sur un graphique faisant évoluer son revenu + principal ». </p> </div> <div class="flex justify-center col-span-3"> diff --git a/static/welcome-capture-ecran-feuille-de-paie.png b/static/welcome-capture-ecran-feuille-de-paie.png index 75435bf227050d3e3a776e5e9b2bbf3f3b665e3b..67e4c4bc7bf5e2d2d02c57e48c34aaf4117882a9 100644 Binary files a/static/welcome-capture-ecran-feuille-de-paie.png and b/static/welcome-capture-ecran-feuille-de-paie.png differ diff --git a/static/welcome-capture-ecran-graphiques-cas-types.png b/static/welcome-capture-ecran-graphiques-cas-types.png index 6683b10efe305812197feb1f1c9d4d002d070f5a..3d6b435f183c1a47ed3f6553827c985956c07479 100644 Binary files a/static/welcome-capture-ecran-graphiques-cas-types.png and b/static/welcome-capture-ecran-graphiques-cas-types.png differ