New landing page

app/assets/javascripts/application.js

@@ -27,3 +27,12 @@
 //= require smart_listing
 //= require turf
 //= require franceconnect
+
+$(document).ready(function() {
+    $('.js-scrollTo').on('click', function() { // Au clic sur un élément
+        var page = $(this).attr('cible'); // Page cible
+        var speed = 600; // Durée de l'animation (en ms)
+        $('html, body').animate( { scrollTop: $(page).offset().top-100 }, speed ); // Go
+        return false;
+    });
+});

app/assets/stylesheets/landing.scss

@@ -7,7 +7,7 @@
 
   background-image: image-url('landing_background.jpg');
   background-attachment: fixed;
-  background-position: top left;
+  background-position: top center;
   background-repeat: no-repeat;
 
   #title {
@@ -21,16 +21,10 @@
     .btn {
       text-shadow: none;
     }
-
-    .btn-lg {
-      font-size: 20px;
-      padding: 12px 18px;
-    }
-
     color: white;
     padding-top: 6%;
     padding-bottom: 7%;
-    text-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
+    text-shadow: 0px 0px 10px rgb(0, 0, 0);
   }
 
   .logo img {
@@ -77,10 +71,27 @@
     }
   }
   .profiter {
-    border-bottom: none;
+    //border-bottom: none;
 
     ul {
       margin-top: 11%;
     }
   }
+  .open_admin_compte {
+    border-bottom: none;
+    padding-top: 25px;
+    padding-bottom: 25px;
+
+    ol {
+      margin-top: 1%;
+    }
+
+    .btn-lg {
+      font-size: 20px;
+      padding: 12px 18px;
+
+      margin-top: 16%;
+    }
+
+  }
 }

app/views/root/landing.html.haml

@@ -11,11 +11,10 @@
 
     %br
     %br
-
     .center
-      =mail_to "contact@tps.apientreprise.fr", 'Ouvrir un compte TPS',{ subject: 'Ouvrir un compte TPS',
+      %button.js-scrollTo.btn.btn-lg.btn-success{cible: '.open_admin_compte'}
-      body: 'Bonjour, je souhaiterais ouvrir un compte TPS. Merci de me recontacter par email ou par téléphone au _____.',
+        Ouvrir un compte TPS
-       class: 'btn btn-lg btn-default' }
+
 
 #suite.max-size
   .row.word.simplifier
@@ -61,3 +60,22 @@
           Récupérer des informations officielles collectées directement auprès des administrations
     .col-md-6.col-lg-6
       = image_tag image_url('keywords/profiter.png')
+
+  .row.word.open_admin_compte
+    .col-md-6.col-lg-6
+      .center
+        =link_to 'Ouvrir un compte TPS', 'https://tps.apientreprise.fr/users/dossiers/new?procedure_id=31', {class: 'btn btn-lg btn-success', target: '_blank'}
+    .col-md-6.col-lg-6
+      %h3 Envie d'essayer ? Rien de plus simple
+      %br
+      %ol.dynamic_ul
+        %li
+          Cliquez sur le bouton vert à gauche
+        %li
+          Inscrivez-vous avec votre email professionnel
+        %li
+          Entrez le SIRET de votre organisme
+        %li
+          Composez un dossier en trois clics et VOILÀ !
+      %br
+      %h4 Après, nos équipes prendrons rapidement contact avec vous via la plateforme.