.landing
  .landing-panel.hero-panel
    .landing-panel-inner-content
      .hero-wrapper
        .hero-text
          %p.hero-tagline
            %em.hero-tagline-em Dématérialisez
            %br
            vos procédures administratives en quelques minutes

          %a.hero-button{ target: "_blank", onclick: "javascript: ga('send', 'pageview', '/demander-une-demo'); $crisp.push(['do', 'chat:open'])" } Demander une démo

          %p.hero-phone-cta
            ou nous appeler au 01 40 15 68 49

        .hero-illustration
          %img{ :src => image_url("landing/hero/dematerialiser.svg") }

  .landing-panel.features-panel
    .landing-panel-inner-content
      %h2.landing-panel-title.features-panel-title Un outil dédié aux organismes publics

      %ul.features
        %li.feature
          %img.feature-image{ :src => image_url("landing/features/creer.svg") }
          %p.feature-text
            %em.feature-text-em Créer
            %br
            des procédures en ligne
            %br
            en toute simplicité
        %li.feature
          %img.feature-image{ :src => image_url("landing/features/gerer.svg") }
          %p.feature-text
            %em.feature-text-em Gérer
            %br
            les demandes des usagers

            %br
            sur la plateforme
        %li.feature
          %img.feature-image{ :src => image_url("landing/features/collaborer.svg") }
          %p.feature-text
            %em.feature-text-em Collaborer
            %br
            pour instruire les demandes

            %br
            à plusieurs

  .landing-panel
    .landing-panel-inner-content
      %h2.landing-panel-title Ce que les utilisateurs pensent du service

      %ul.quotes
        %li.quote
          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
          .quote-content-wrapper
            %p.quote-content
              TPS est un outil de dématérialisation adapté au dépôt de dossiers de demande d’inscription au registre des transporteurs routiers en Ile-de-France. Les échanges avec les usagers sont facilités, ce qui permet de réduire les délais d’instructions et de gagner en efficacité.

            %p.quote-author
              %span.quote-author-name Elodie Le Rhun
              %br
              Chef de bureau, DRIEA Ile-de-France

        %li.quote
          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg") }
          .quote-content-wrapper
            %p.quote-content
              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.

            %p.quote-author
              %span.quote-author-name Nadja Briki
              %br
              Déléguée de la Préfète du Pas-de-Calais

  - cache "numbers-panel", :expires_in => 3.hours do
    .landing-panel.numbers-panel
      .landing-panel-inner-content
        %h2.landing-panel-title TPS en chiffres
        %ul.numbers
          %li.number
            .number-value
              = number_with_delimiter(Procedure.where(:published => true).count, :locale => :fr)
            .number-label<
              procédures
              %br<>
              dématérialisées
          %li.number
            .number-value
              = number_with_delimiter(Dossier.where.not(:state => :draft).count, :locale => :fr)
            .number-label<
              dossiers
              %br<>
              déposés
          %li.number
            .number-value
              = "#{number_with_delimiter(50, :locale => :fr)} %"
            .number-label<
              de réduction
              %br<>
              des délais de traitement

  .landing-panel.users-panel
    .landing-panel-inner-content
      %h2.landing-panel-title Ils nous font confiance

      %ul.users
        %li.user
          %a{ :href => "http://www.developpement-durable.gouv.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/ministere-environnement.jpg") }
        %li.user
          %a{ :href => "https://www.iledefrance.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/region-idf.jpg") }
        %li.user
          %a{ :href => "http://www.artisanat.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg") }
        %li.user
          %a{ :href => "http://www.cci.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/cci.jpg") }
        %li.user
          %a{ :href => "http://www.driea.ile-de-france.developpement-durable.gouv.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/driea-idf.jpg") }

  .landing-panel.cta-panel
    .landing-panel-inner-content
      .cta-panel-wrapper
        %div
          %h1.cta-panel-title Commencez à dématerialiser vos procédures
          %p.cta-panel-explanation Nous vous accompagnons dans la prise en main de l’outil
        %div
          %a.cta-panel-button{ target: "_blank", onclick: "javascript: ga('send', 'pageview', '/demander-une-demo'); $crisp.push(['do', 'chat:open'])" } Demander une démo
          %p.cta-panel-phone-cta
            ou nous appeler au 01 40 15 68 49