Get home page text via config file

Author: Isalafont

app/views/pages/home.html.erb

@@ -10,26 +10,31 @@
       <div class="fr-m-3w">
         <div class="fr-connect-group">
           <h2>
-            <%#= t('.title').html_safe %>
-            Bienvenue sur DataPass !
+            <%= t('.title').html_safe %>
           </h2>
 
           <p>
-            DataPass, c’est le service qui vous permet de profiter facilement d’habilitations conformes entre
-            administrations et d’accéder à des données en accès restreint.
+            <%= t('.sub_title').html_safe %>
           </p>
 
           <div class="fr-mb-3w">
             <div class="new-login-container">
+              <p>
+                <%= t('.mcp_connexion').html_safe %>
+              </p>
               <%= form_with(url: '/auth/mon_compte_pro', method: :post, data: { turbo: false }) do |f| %>
                 <%= f.button class: %w(fr-connect fr-connect-moncomptepro fr-m-auto), id: 'login_mon_compte_pro' do %>
-                  <span class="fr-connect__login">S'identifier avec</span>
-                  <span class="fr-connect__brand">MonComptePro</span>
+                  <span class="fr-connect__login">
+                    <%= t('.mcp_login').html_safe %>
+                  </span>
+                  <span class="fr-connect__brand">
+                    <%= t('.mcp_brand').html_safe %>
+                  </span>
                 <% end %>
 
                 <p>
                   <a href="https://moncomptepro.beta.gouv.fr/" target="_blank" rel="noopener" title="Qu’est-ce que MonComptePro ? - Nouvelle fenêtre">
-                    Qu’est-ce que MonComptePro ?
+                    <%= t('.mcp_subtitle').html_safe %>
                   </a>
                 </p>
               <% end %>
@@ -38,11 +43,13 @@
 
           <div class="fr-mb-3w">
             <div class="new-login-container">
-              <p>Pour découvrir les APIs du service public</p>
+              <p>
+                <%= t('.api_gouv_title').html_safe %>
+              </p>
               <div class="fr-mb-2w">
                 <div class=" fr-btn fr-btn--secondary fr-m-auto">
                   <a href="https://api.gouv.fr/" target="_blank" rel="noopener" title="api.gouv.fr - Nouvelle fenêtre">
-                    api.gouv.fr
+                    <%= t('.api_gouv').html_safe %>
                   </a>
                 </div>
               </div>

config/locales/fr.yml

@@ -62,7 +62,15 @@ fr:
 
   pages:
     home:
-      title: Se connecter
+      title: Bienvenue sur DataPass
+      sub_title: DataPass, c’est le service qui vous permet de profiter facilement d’habilitations conformes entre
+        administrations et d’accéder à des données en accès restreint.
+      mcp_connexion: Pour suivre vos demandes d’habilitation
+      mcp_login: S'identifier avec
+      mcp_brand: MonComptePro
+      mcp_subtitle: Qu’est-ce que MonComptePro ?
+      api_gouv_title: Pour découvrir les APIs du service public
+      api_gouv: api.gouv.fr
 
   dashboard:
     index: