.landing
  .landing-panel.hero-panel
    .landing-panel-inner-content
      .hero-text.pull-left
        %p.hero-tagline
          %em.hero-tagline-em Dématérialisez
          %br
          vos démarches administratives en quelques minutes

        = link_to "Demander une démo",
          "mailto:#{t("dynamics.contact_email")}?subject=Demande de démo TPS",
          :class => "hero-button"

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

      .clearfix

  .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.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
            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é.
          .clearfix

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

  - 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
      = link_to "Demander une démo",
        "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS",
        :class => "cta-panel-button pull-right"
      %h1.cta-panel-title.pull-left Commencez à dématerialiser vos démarches
      %p.cta-panel-explanation.pull-left Nous vous accompagnons dans la prise en main de l’outil
      .clearfix