diff --git a/site/source/components/PageHeader.tsx b/site/source/components/PageHeader.tsx index 75c83a558..8092c57c3 100644 --- a/site/source/components/PageHeader.tsx +++ b/site/source/components/PageHeader.tsx @@ -21,17 +21,10 @@ export default function PageHeader({ picture?: string }) { return ( - + {picture && ( - + void onClear?: () => void onSubmit?: (search: FabriqueSocialEntreprise | null) => void - forceTheme?: ThemeType }) { const { t } = useTranslation() const refResults = useRef(null) @@ -75,28 +71,28 @@ export function CompanySearchField(props: { return ( - - - + - {state.value && !searchPending && ( - - )} + + {state.value && !searchPending && ( + + )} + ) diff --git a/site/source/design-system/card/Card.tsx b/site/source/design-system/card/Card.tsx index 4171cbc9a..0747b05ff 100644 --- a/site/source/design-system/card/Card.tsx +++ b/site/source/design-system/card/Card.tsx @@ -64,7 +64,7 @@ export function Card(props: CardProps) { tabIndex={tabIndex} className={className} > - {icon && {icon}} + {icon && {icon}} {title && (compact ? ( @@ -149,6 +149,7 @@ const CardButton = styled(StyledButton)` const IconContainer = styled.div` transform: scale(2.3); margin-top: ${({ theme }) => theme.spacings.md}; + margin-bottom: 0; ` export const CardContainer = styled.div<{ diff --git a/site/source/design-system/global-style.ts b/site/source/design-system/global-style.ts index 96839b58e..37e9c1361 100644 --- a/site/source/design-system/global-style.ts +++ b/site/source/design-system/global-style.ts @@ -134,6 +134,9 @@ figure { html { font-size: 0.9rem; } + .hide-mobile { + display: none; + } } // Cache le slider opacité du ColorPicker diff --git a/site/source/design-system/typography/paragraphs.tsx b/site/source/design-system/typography/paragraphs.tsx index 80df35a95..d32b52961 100644 --- a/site/source/design-system/typography/paragraphs.tsx +++ b/site/source/design-system/typography/paragraphs.tsx @@ -15,10 +15,10 @@ export const baseParagraphStyle = css` } ` -export const Intro = styled.p` +export const Intro = styled.p<{ $xxl?: boolean }>` ${baseParagraphStyle} - font-size: 1.25rem; - line-height: 2rem; + font-size: ${({ $xxl }) => ($xxl ? '1.5rem' : '1.25rem')}; + line-height: ${({ $xxl }) => ($xxl ? '2.5rem' : '2rem')}; ` export const Body = styled.p` diff --git a/site/source/pages/_landing/Landing.tsx b/site/source/pages/_landing/Landing.tsx index df0624b41..e2fe54c02 100644 --- a/site/source/pages/_landing/Landing.tsx +++ b/site/source/pages/_landing/Landing.tsx @@ -3,9 +3,11 @@ import { styled } from 'styled-components' import { TrackPage } from '@/components/ATInternetTracking' import PageHeader from '@/components/PageHeader' +import { ForceThemeProvider } from '@/components/utils/DarkModeContext' import Meta from '@/components/utils/Meta' import { Button } from '@/design-system/buttons' import { Container, Grid, Spacing } from '@/design-system/layout' +import { Strong } from '@/design-system/typography' import { H2 } from '@/design-system/typography/heading' import { Link } from '@/design-system/typography/link' import { Body, Intro } from '@/design-system/typography/paragraphs' @@ -43,31 +45,37 @@ export default function Landing() { } picture={illustrationSvg} > - + - Les simulateurs et assistants pour développer votre activité, du - statut juridique à l'embauche. + Des assistants et simulateurs pour obtenir des{' '} + réponses personnalisées à vos questions sur la{' '} + création et la gestion de votre entreprise. + + + + + + + theme.colors.bases.primary[600]} > - - - - -

Les outils à votre disposition

- - Nous mettons à votre disposition des assistants et simulateurs pour - vous aider à la gestion de votre entreprise, anticiper les - prélèvements et planifier votre trésorerie en conséquence. - +

Quelques simulateurs de référence

- - + + - + - - - - - + + + +
+ + - - - {companySIREN ? ( - <> -

Votre entreprise

- - - - - ( - - )} - onConfirm={() => dispatch(resetCompany())} - small - title={t( - 'Êtes-vous sûr de vouloir réinitialiser la situation enregistrée ?' - )} - /> - - - ) : ( - <> - -

Rechercher votre entreprise

- - Pour accéder à nos simulateurs les plus pertinents pour votre - activité - -
- - - - + + + {companySIREN ? ( + <> +

Votre entreprise

+ + + + + ( -
- - - -
- - )} -
+ )} + onConfirm={() => dispatch(resetCompany())} + small + title={t( + 'Êtes-vous sûr de vouloir réinitialiser la situation enregistrée ?' + )} + /> + + + ) : ( + <> + +

Rechercher votre entreprise

+ + Pour accéder à nos simulateurs les plus pertinents pour votre + activité + +
+ + + + )}
- +
) } diff --git a/site/source/pages/assistants/choix-du-statut/config.ts b/site/source/pages/assistants/choix-du-statut/config.ts index a7f898139..4532190fc 100644 --- a/site/source/pages/assistants/choix-du-statut/config.ts +++ b/site/source/pages/assistants/choix-du-statut/config.ts @@ -24,11 +24,11 @@ export function choixStatutJuridiqueConfig({ ), description: t( 'pages.choix-statut.meta.description', - 'SASU, EURL, auto-entrepreneur, entreprise individuelle : trouvez le statut qui vous convient le mieux' + "SAS, EURL, EI, auto-entrepreneur... Ce simulateur vous aide à choisir le statut juridique le plus adapté à votre projet d'entreprise." ), }, title: t('pages.choix-statut.title', 'Choisir votre statut'), - shortName: t('pages.choix-statut.shortname', 'Assistant statut juridique'), + shortName: t('pages.choix-statut.shortname', 'Choix du statut'), component: ChoixDuStatut, simulation: { situation: { diff --git a/site/source/pages/simulateurs/auto-entrepreneur/config.ts b/site/source/pages/simulateurs/auto-entrepreneur/config.ts index 6356d7b4b..4154b1cfa 100644 --- a/site/source/pages/simulateurs/auto-entrepreneur/config.ts +++ b/site/source/pages/simulateurs/auto-entrepreneur/config.ts @@ -13,11 +13,11 @@ export function autoEntrepreneurConfig({ t, sitePaths }: SimulatorsDataParams) { meta: { description: t( 'pages.simulateurs.auto-entrepreneur.meta.description', - "Calcul du revenu à partir du chiffre d'affaires, après déduction des cotisations et des impôts" + 'Calculez votre revenu net après cotisations et impôts en tenant compte de toutes les options, y compris ACRE et prélèvement libératoire.' ), ogDescription: t( 'pages.simulateurs.auto-entrepreneur.meta.ogDescription', - "Grâce au simulateur de revenu auto-entrepreneur développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaires mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu." + "Prenez le contrôle de vos finances en tant qu'auto-entrepreneur ! Estimez instantanément votre revenu net après charges et découvrez comment gérer au mieux vos revenus. Notre simulateur, conçu avec l'expertise des professionnels, s'adapte à votre activité (secteur, chiffre d'affaires, exonération ACRE, etc.) pour vous aider à atteindre vos objectifs financiers." ), ogTitle: t( 'pages.simulateurs.auto-entrepreneur.meta.ogTitle', diff --git a/site/source/pages/simulateurs/salarié/config.ts b/site/source/pages/simulateurs/salarié/config.ts index 3f2dc548b..f77703073 100644 --- a/site/source/pages/simulateurs/salarié/config.ts +++ b/site/source/pages/simulateurs/salarié/config.ts @@ -20,15 +20,15 @@ export function salariéConfig(params: SimulatorsDataParams) { meta: { description: t( 'pages.simulateurs.salarié.meta.description', - "Calcul du salaire net, net après impôt et coût total employeur. Beaucoup d'options disponibles (cadre, stage, apprentissage, heures supplémentaires, etc.)" + "Calculez le coût total d'une embauche et explorez les différentes options de rémunération : cadres, stages, apprentissages, heures supplémentaires, et bien plus !" ), ogDescription: t( 'pages.simulateurs.salarié.meta.ogDescription', - "En tant que salarié, calculez immédiatement votre revenu net après impôt à partir du brut mensuel ou annuel. En tant qu'employé, estimez le coût total d'une embauche à partir du brut. Ce simulateur est développé avec les experts de l'Urssaf, et il adapte les calculs à votre situation (statut cadre, stage, apprentissage, heures supplémentaire, titre-restaurants, mutuelle, temps partiel, convention collective, etc.)" + "Optimisez vos finances en un clic ! Calculez instantanément votre revenu net en tant que salarié et évaluez le coût total d'une embauche en tant qu'employeur. Notre simulateur, élaboré avec les experts de l'Urssaf, s'ajuste à votre situation (cadre, stage, apprentissage, heures supplémentaires, avantages, temps partiel, convention collective, etc.) pour des décisions éclairées" ), ogTitle: t( 'pages.simulateurs.salarié.meta.ogTitle', - 'Salaire brut, net, net après impôt, coût total : le simulateur ultime pour salariés et employeurs' + 'Salaire brut, net, net après impôt, coût total : le simulateur tout-en-un pour salariés et employeurs' ), title: t( 'pages.simulateurs.salarié.meta.titre',