Merge pull request #124 from sgmap/landing-fixes

Landing fixes

app/assets/stylesheets/landing.scss

@@ -63,6 +63,13 @@
   }
 }
 
+.hero-phone-cta {
+  color: $grey;
+  text-align: center;
+  width: 293px;
+  margin-top: 12px;
+}
+
 .landing-panel-title {
   font-size: 30px;
   font-weight: normal;
@@ -202,7 +209,7 @@ $images-count: 5;
 .cta-panel-title {
   font-size: 24px;
   font-weight: bold;
-  margin-top: 0;
+  margin-top: 13px;
 }
 
 .cta-panel-explanation {
@@ -216,14 +223,13 @@ $cta-panel-button-border-size: 2px;
 .cta-panel-button {
   @include horizontal-padding(30px);
 
-  display: inline-block;
+  display: block;
   height: $cta-panel-button-height;
   line-height: $cta-panel-button-height - (2 * $cta-panel-button-border-size);
   border-radius: $cta-panel-button-height;
   border: $cta-panel-button-border-size solid #FFFFFF;
   color: #FFFFFF;
   font-size: 24px;
-  margin-top: 5px;
 
   &:hover {
     color: #FFFFFF;
@@ -236,3 +242,11 @@ $cta-panel-button-border-size: 2px;
     text-decoration: none;
   }
 }
+
+.cta-panel-phone-cta {
+  color: rgba(255, 255, 255, 0.9);
+  text-align: center;
+  width: 293px;
+  margin-top: 12px;
+  margin-bottom: 0;
+}

app/views/root/landing.html.haml

@@ -11,6 +11,9 @@
           "mailto:#{t("dynamics.contact_email")}?subject=Demande de démo TPS",
           :class => "hero-button"
 
+        %p.hero-phone-cta
+          ou nous appeler au 01 40 15 68 49
+
       .hero-illustration.pull-right
         %img{ :src => image_url("landing/hero/dematerialiser.svg") }
 
@@ -51,18 +54,6 @@
       %h2.landing-panel-title Ce que les utilisateurs pensent du service
 
       %ul.quotes
-        %li.quote
-          %img.quote-quotation-mark.pull-left{ :src => image_url("landing/testimonials/quotation-mark.svg") }
-          %p.quote-content.pull-right
-            TPS c’est surtout l’assurance d’un dialogue en toute fluidité et en toute transparence entre les porteurs de projet et l’administration. Un service qui garantit une économie de temps et beaucoup moins de manipulations des dossiers.
-          .clearfix
-
-          %p.quote-author.pull-left
-            %span.quote-author-name Nadja Briki
-            %br
-            Déléguée de la Préfète du Pas-de-Calais
-          .clearfix
-
         %li.quote
           %img.quote-quotation-mark.pull-left{ :src => image_url("landing/testimonials/quotation-mark.svg") }
           %p.quote-content.pull-right
@@ -75,6 +66,18 @@
             Chef de bureau, DRIEA Ile-de-France
           .clearfix
 
+        %li.quote
+          %img.quote-quotation-mark.pull-left{ :src => image_url("landing/testimonials/quotation-mark.svg") }
+          %p.quote-content.pull-right
+            TPS c’est surtout l’assurance d’un dialogue en toute fluidité et en toute transparence entre les porteurs de projet et l’administration. Un service qui garantit une économie de temps et beaucoup moins de manipulations des dossiers.
+          .clearfix
+
+          %p.quote-author.pull-left
+            %span.quote-author-name Nadja Briki
+            %br
+            Déléguée de la Préfète du Pas-de-Calais
+          .clearfix
+
   - cache "numbers-panel", :expires_in => 3.hours do
     .landing-panel.numbers-panel
       .landing-panel-inner-content
@@ -125,10 +128,14 @@
 
   .landing-panel.cta-panel
     .landing-panel-inner-content
-      = link_to "Demander une démo",
+      .pull-right
-        "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS",
+        = link_to "Demander une démo",
-        :class => "cta-panel-button pull-right"
+          "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS",
-      %h1.cta-panel-title.pull-left Commencez à dématerialiser vos démarches
+          :class => "cta-panel-button"
-      %p.cta-panel-explanation.pull-left Nous vous accompagnons dans la prise en main de l’outil
+        %p.cta-panel-phone-cta
+          ou nous appeler au 01 40 15 68 49
+      .pull-left
+        %h1.cta-panel-title Commencez à dématerialiser vos démarches
+        %p.cta-panel-explanation Nous vous accompagnons dans la prise en main de l’outil
       .clearfix