Merge pull request #3625 from betagouv/fix-3493-new-home-front-admin

New home front admin

app/views/demandes/new.html.haml

@@ -3,12 +3,20 @@
 - content_for :footer do
   = render partial: "root/footer"
 
-.container.demande
-  %h1 Demande de compte administrateur
 
-  .card
+
+.container.demande
+
+  %b
+    Étape 1 : demandez un compte administrateur
+  >> Étape 2 : recevez une confirmation par email >> Étape 3 : créez une démarche de test
+  %br
+  %br
+  %h1 Demande de compte administrateur pour créer une 1ère démarche de test
+  .card.featured
     .card-title
       Vous souhaitez seulement compléter une démarche sur notre site ?
+
     %p
       Vous n'avez pas besoin de compte administrateur !
     %p
@@ -52,7 +60,8 @@
         Vous utilisez un email orange, wanadoo, free, gmail etc. ? Merci de nous
         %a{ href: contact_admin_path, target:'_blank', rel: 'noopener' }
           contacter préalablement.
-    = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true
+
+    = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true, pattern:'^.+@((?!hotmail)(?!gmail)(?!orange)(?!free)(?!wanadoo).)+\..+$',title:'Saisir un email valide et ne se finissant pas par Orange, Wanadoo, Free, etc.'
 
     = label_tag :phone do
       Quel est votre numéro de téléphone (ligne directe) ?
@@ -90,4 +99,4 @@
       %span.mandatory *
     = number_field_tag :nb_of_dossiers, nil, required: true
 
-    = submit_tag 'Envoyer', class: 'button',  data: { disable: true  }
+    = submit_tag 'Demander un compte administrateur pour créer une 1ère démarche de test', class: 'button primary expand large',  data: { disable: true  }

app/views/root/administration.html.haml

@@ -13,41 +13,51 @@
         .hero-illustration
           %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" }
 
-  .landing-panel.usagers-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 êtes une administration et êtes prête pour dématérialiser ?
-          %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",
-            rel: "noopener noreferrer"
-
   .landing-panel.more-info
     .container
       .role-panel-wrapper.role-administrations-panel
         .role-panel-70
-          %h1.role-panel-title Vous voulez en savoir plus ?
+          %h1.role-panel-title Est-ce fait pour mon administration ?
-          %p.role-panel-explanation Découvrez notre outil
+          %p.role-panel-explanation Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation
 
-          = link_to "Contactez-nous",
+          = link_to "Participer à notre démonstration en ligne",
-            contact_admin_path,
+            "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
             rel: "noopener noreferrer",
+            target: "_blank",
             class: "role-panel-button-primary"
 
-          = link_to "Consultez notre documentation",
+          = link_to "Documentation",
             DOC_URL,
             rel: "noopener noreferrer",
+            target: "_blank",
             class: "role-panel-button-secondary"
 
         .role-panel-30.role-more-info-image
           %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }
 
+.landing-panel.usagers-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 Votre administration est prête pour dématérialiser
+        %p.role-panel-explanation Créez un premier formulaire de test en quelques minutes
+
+
+
+        = link_to "Créez une démarche de test",
+            new_demande_path,
+            class: "role-panel-button-primary",
+            rel: "noopener noreferrer"
+        %br
+        %br
+        %br
+
+
+
+
   .landing-panel.features-panel
     .container
       %ul.features
@@ -194,15 +204,16 @@
       .half.first-half
         %h1.cta-panel-title Vous êtes prêt pour dématérialiser ?
         %p.cta-panel-explanation Réduisez vos temps d'instruction de 50 %
-        = link_to "Demander un compte",
+        = link_to "Créer une démarche de test",
           new_demande_path,
           class: "cta-panel-button-blue"
 
       .half
         %h1.cta-panel-title Vous voulez en savoir plus ?
-        %p.cta-panel-explanation Nous vous faisons découvrir l'outil
+        %p.cta-panel-explanation Participez à notre prochain Webinaire
-        = link_to "Contactez-nous",
+        = link_to "Inscription à notre webinaire",
-          contact_admin_path,
+          "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
+          target: "_blank",
           class: "cta-panel-button-blue"
 
       .clearfix

app/views/root/landing.html.haml

@@ -80,8 +80,8 @@
     .container
       .cta-panel-wrapper
         %div
-          %h1.cta-panel-title Vous êtes une administration ?
+          %h1.cta-panel-title Administration : vous voulez dématerialiser ?
-          %p.cta-panel-explanation Vous souhaitez dématerialiser une démarche administrative ?
+          %p.cta-panel-explanation Proposez à vos usagers de remplir leurs dossiers en ligne
         %div
           = link_to "Découvrez notre outil",
             administration_path,