Add ProConnect info text

betagouv · Dec 18, 2024 · a0e048d · a0e048d
1 parent fe3202e
commit a0e048d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/frontend/src/views/HomeView/HomeView.scss b/frontend/src/views/HomeView/HomeView.scss
@@ -42,10 +42,6 @@ main:has(.teaser) {
 .sign-in {
   padding: 5rem 7.5rem;
 
-  .fr-connect-group {
-    text-align: center;
-  }
-
   @media (max-width: $breakpoint-md) {
     padding: 2rem 1rem;
   }

diff --git a/frontend/src/views/HomeView/HomeView.tsx b/frontend/src/views/HomeView/HomeView.tsx
@@ -34,7 +34,13 @@ const HomeView = () => {
     >
       <div className={cx('fr-col-12', 'fr-col-md-6')}>
         <div className={clsx('sign-in')}>
-          <h2>Identifiez-vous pour accéder à votre espace maestro</h2>
+          <h2 className={cx('fr-mb-2w')}>
+            Identifiez-vous pour accéder à votre espace maestro
+          </h2>
+          <div className={cx('fr-text--lg', 'fr-mb-5w')}>
+            ProConnect est la solution proposée par l’État pour sécuriser et
+            simplifier la connexion à vos services en ligne.
+          </div>
           {authRedirectUrl && <ProConnectButton url={authRedirectUrl.url} />}
         </div>
       </div>