Merge pull request #2462 from betagouv/improve-2377

Improve #2377

app/assets/stylesheets/new_design/landing.scss

@@ -325,7 +325,7 @@ $users-breakpoint: 950px;
 
 $cta-panel-button-border-size: 2px;
 
-.cta-panel-button-white {
+@mixin cta-panel-button {
   @include horizontal-padding(40px);
   @include vertical-padding(15px);
   display: block;
@@ -334,6 +334,10 @@ $cta-panel-button-border-size: 2px;
   text-align: center;
   cursor: pointer;
   margin-top: 20px;
+}
+
+.cta-panel-button-white {
+  @include cta-panel-button;
   border: $cta-panel-button-border-size solid #FFFFFF;
   color: #FFFFFF;
 
@@ -349,45 +353,24 @@ $cta-panel-button-border-size: 2px;
   }
 }
 
-.cta-panel-button {
-  @include horizontal-padding(40px);
-  @include vertical-padding(15px);
-  display: block;
-  border-radius: 100px;
-  font-size: 24px;
-  text-align: center;
-  cursor: pointer;
-  margin-top: 20px;
+.cta-panel-button-blue {
+  @include cta-panel-button;
+  border: $cta-panel-button-border-size solid $light-blue;
+  color: $light-blue;
 
-  &.black {
-    border: $cta-panel-button-border-size solid #000000;
-    color: #000000;
-
-    &:hover {
-      text-decoration: none;
-      background-color: #F8F8F8;
-    }
+  &:hover {
+    color: #FFFFFF;
+    background-color: $light-blue;
+    text-decoration: none;
 
     &:focus {
-      color: #F8F8F8;
-      text-decoration: none;
+      color: #FFFFFF;
     }
   }
 
-  &.white {
-    border: $cta-panel-button-border-size solid #FFFFFF;
-    color: #FFFFFF;
-
-    &:hover {
-      color: #FFFFFF;
-      text-decoration: none;
-      background-color: rgba(255, 255, 255, 0.2);
-    }
-
-    &:focus {
-      color: #FFFFFF;
-      text-decoration: none;
-    }
+  &:focus {
+    color: $light-blue;
+    text-decoration: none;
   }
 }
 

app/controllers/demandes_controller.rb

@@ -18,7 +18,7 @@ class DemandesController < ApplicationController
       demande_params[:deadline]
     )
     flash.notice = 'Votre demande a bien été enregistrée, nous vous contacterons rapidement.'
-    redirect_to root_path
+    redirect_to administration_path
   end
 
   private

app/views/root/administration.html.haml

@@ -26,9 +26,7 @@
           = 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')"
+            rel: "noopener noreferrer"
 
           = link_to "Voir la documentation",
             DOC_URL,
@@ -189,3 +187,14 @@
             class: "cta-panel-button-white",
             target: "_blank",
             rel: "noopener noreferrer"
+
+  .landing-panel
+    .container
+      .cta-panel-wrapper
+        %div
+          %h1.cta-panel-title Vous êtes prêt pour dématérialiser ?
+          %p.cta-panel-explanation Réduisez vos temps d'instruction de 50 %
+        %div
+          = link_to "Demander un compte administrateur",
+            new_demande_path,
+            class: "cta-panel-button-blue"

app/views/root/landing.html.haml

@@ -72,7 +72,7 @@
         %div
           = link_to "Contactez-nous",
             "mailto:#{CONTACT_EMAIL}?subject=Question%20à%20propos%20de%20demarches-simplifiees.fr",
-            class: "cta-panel-button white",
+            class: "cta-panel-button-white",
             target: "_blank",
             rel: "noopener noreferrer"
 
@@ -85,4 +85,4 @@
         %div
           = link_to "Découvrez notre outil",
             administration_path,
-            class: "cta-panel-button black"
+            class: "cta-panel-button-blue"