diff --git a/site/source/components/Contact.tsx b/site/source/components/Contact.tsx new file mode 100644 index 000000000..c81872f3b --- /dev/null +++ b/site/source/components/Contact.tsx @@ -0,0 +1,71 @@ +import { Trans, useTranslation } from 'react-i18next' + +import { Message, PopoverWithTrigger } from '@/design-system' +import { H2 } from '@/design-system/typography/heading' +import { Link, StyledLink } from '@/design-system/typography/link' +import { Li, Ul } from '@/design-system/typography/list' +import { Body } from '@/design-system/typography/paragraphs' + +export default function Contact() { + const { t } = useTranslation() + + return ( + ( + + Nous contacter + + )} + title={t('contact.title', 'Nous contacter')} + small + > + + + Vous pouvez nous contacter via notre module de retours via le boutton + 👋 en haut à droite de votre ecran ou directement par mail à l'adresse + suivante :{' '} + + contact@mon-entreprise.beta.gouv.fr + + + + + + + Nous sommes une petite équipe uniquement affectée au développement + du site mon-entreprise.urssaf.fr et des simulateurs associés. +
+ Par conséquent, nous n'avons pas accès à la situation personnelle + des cotisants (pour des raisons de confidentialité), et nous ne + pouvons légalement pas donner de conseil sur une situation + spécifique. + +
+
+ + + Si vous souhaitez contacter votre Urssaf, vous pouvez utiliser les + canaux habituels : + + + +
+ ) +} diff --git a/site/source/components/layout/Footer/Footer.tsx b/site/source/components/layout/Footer/Footer.tsx index 39b1fe91e..2c4dd9179 100644 --- a/site/source/components/layout/Footer/Footer.tsx +++ b/site/source/components/layout/Footer/Footer.tsx @@ -3,6 +3,7 @@ import { Trans, useTranslation } from 'react-i18next' import { useLocation } from 'react-router-dom' import styled, { css } from 'styled-components' +import Contact from '@/components/Contact' import FeedbackButton from '@/components/Feedback' import LegalNotice from '@/components/LegalNotice' import { ForceThemeProvider } from '@/components/utils/DarkModeContext' @@ -191,6 +192,9 @@ export default function Footer() {