diff --git a/app/views/demandes/new.html.haml b/app/views/demandes/new.html.haml
index 43ab4aa3b..5cb4b83ad 100644
--- a/app/views/demandes/new.html.haml
+++ b/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 }
diff --git a/app/views/root/administration.html.haml b/app/views/root/administration.html.haml
index fc80e2490..df176903f 100644
--- a/app/views/root/administration.html.haml
+++ b/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 ?
- %p.role-panel-explanation Découvrez notre outil
+ %h1.role-panel-title Est-ce fait pour mon administration ?
+ %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",
- contact_admin_path,
+ = link_to "Participer à notre démonstration en ligne",
+ "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
- = link_to "Contactez-nous",
- contact_admin_path,
+ %p.cta-panel-explanation Participez à notre prochain Webinaire
+ = link_to "Inscription à notre webinaire",
+ "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
+ target: "_blank",
class: "cta-panel-button-blue"
.clearfix
diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml
index 5469e3a2d..ed9c4df2d 100644
--- a/app/views/root/landing.html.haml
+++ b/app/views/root/landing.html.haml
@@ -80,8 +80,8 @@
.container
.cta-panel-wrapper
%div
- %h1.cta-panel-title Vous êtes une administration ?
- %p.cta-panel-explanation Vous souhaitez dématerialiser une démarche administrative ?
+ %h1.cta-panel-title Administration : vous voulez dématerialiser ?
+ %p.cta-panel-explanation Proposez à vos usagers de remplir leurs dossiers en ligne
%div
= link_to "Découvrez notre outil",
administration_path,