Merge pull request #2208 from betagouv/landing-improvements

Landing improvements

app/assets/stylesheets/new_design/landing.scss

@@ -158,7 +158,7 @@ $landing-breakpoint: 1040px;
   font-weight: bold;
 }
 
-.admins-panel,
+.users-panel,
 .numbers-panel {
   background-color: $light-grey;
 }

app/views/root/landing.html.haml

@@ -13,6 +13,49 @@
         .hero-illustration
           %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" }
 
+  .landing-panel.users-panel
+    .container
+      .role-panel-wrapper
+        .role-panel-30.role-usagers-image
+          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }
+
+        .role-panel-70
+          %h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ?
+          %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne
+
+          = link_to "Voir les démarches disponibles",
+            LISTE_DES_DEMARCHES_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "role-panel-button-primary"
+
+          = link_to "Se connecter",
+            new_user_session_path,
+            class: "role-panel-button-secondary"
+
+  .landing-panel
+    .container
+      .role-panel-wrapper.role-administrations-panel
+        .role-panel-30.role-administrations-image
+          %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
+
+        .role-panel-70
+          %h1.role-panel-title Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ?
+          %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée
+
+          = link_to "Demander un compte administrateur",
+            new_demande_path,
+            class: "role-panel-button-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
+
+          = link_to "Voir la documentation",
+            DOC_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "role-panel-button-secondary"
+
   .landing-panel.features-panel
     .container
       %ul.features
@@ -37,49 +80,6 @@
             %br
             à l'ensemble des services de l'État plateforme
 
-  .landing-panel
-    .container
-      .role-panel-wrapper
-        .role-panel-30.role-usagers-image
-          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }
-
-        .role-panel-70
-          %h1.role-panel-title Usagers
-          %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne
-
-          = link_to "Se connecter",
-            new_user_session_path,
-            class: "role-panel-button-primary"
-
-          = link_to "Voir les démarches disponibles",
-            LISTE_DES_DEMARCHES_URL,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "role-panel-button-secondary"
-
-  .landing-panel.admins-panel
-    .container
-      .role-panel-wrapper.role-administrations-panel
-        .role-panel-30.role-administrations-image
-          %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" }
-
-        .role-panel-70
-          %h1.role-panel-title Administrations
-          %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée
-
-          = link_to "Demander un compte",
-            new_demande_path,
-            class: "role-panel-button-primary",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
-
-          = link_to "Voir la documentation",
-            DOC_URL,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "role-panel-button-secondary"
-
   .landing-panel
     .container
       %h2.landing-panel-title Ce que les utilisateurs pensent du service