demarches-normaliennes/app/views/root/landing.html.haml

- content_for(:display_footer, true)

.landing
  .landing-panel.hero-panel
    .container
      .hero-wrapper
        .hero-text
          %p.hero-tagline
            %em.hero-tagline-em Dématérialiser et simplifier
            les démarches administratives

        .hero-illustration
          %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "Un formulaire papier qui rentre dans l'écran d'un ordinateur portable" }

  .landing-panel.features-panel
    .container
      %ul.features
        %li.feature
          %img.feature-image{ :src => image_url("landing/features/messagerie.svg"), alt: "Un phylactère" }
          %p.feature-text
            %em.feature-text-em Dialogue
            %br
            simplifié entre usagers et services

        %li.feature
          %img.feature-image{ :src => image_url("landing/features/collaborer.svg"), alt: "Trois pictogrammes personnes reliées par un cercle" }
          %p.feature-text
            %em.feature-text-em Collaboration
            %br
            pour un traitement des dossiers plus fluide

        %li.feature
          %img.feature-image{ :src => image_url("landing/features/gerer.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un engrenage dans un de ses coins" }
          %p.feature-text
            %em.feature-text-em Intégration
            %br
            à l'ensemble des services de l'État plateforme

  .landing-panel
    .container
      .role-panel-wrapper.role-administrations-panel
        .role-panel-30.role-administrations-image
          %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "Un formulaire, un engrenage et un signe 'validé' reliés par un cercle" }

        .role-panel-70
          %h1.role-panel-title Administrations
          %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée

          = link_to "Demander un compte",
            "mailto:#{t("dynamics.contact_email")}?subject=Demande de compte administrateur demarches-simplifiees.fr",
            class: "role-panel-button-primary",
            target: "_blank",
            onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"

          = link_to "Voir la documentation",
            "https://tps.gitbooks.io/tps-documentation/content/",
            target: "_blank",
            class: "role-panel-button-secondary"

  .landing-panel.admins-panel
    .container
      .role-panel-wrapper
        .role-panel-30.role-usagers-image
          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "Un formulaire dans une fenêtre de navigateur avec un philactère en haut à droite un un pictogramme de personne en bas à droite" }

        .role-panel-70
          %h1.role-panel-title Usagers
          %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne

          = link_to "Se connecter",
            new_user_session_path,
            class: "role-panel-button-primary"

  .landing-panel
    .container
      %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"), alt: "Un guillemet ouvrant" }
          .quote-content-wrapper
            %p.quote-content
              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"), alt: "Un guillemet ouvrant" }
          .quote-content-wrapper
            %p.quote-content
              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

      %ul.quotes
        %li.quote
          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
          .quote-content-wrapper
            %p.quote-content
              Parfait, cela fonctionne très bien ! Merci encore pour votre réactivité.

            %p.quote-author
              %span.quote-author-name Max A.
              %br
              à notre service support

        %li.quote
          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "Un guillemet ouvrant" }
          .quote-content-wrapper
            %p.quote-content
              ★★★★★
              %br
              Eh les cocos, il y a la télé-procédure

            %p.quote-author
              %span.quote-author-name Hisham M.
              %br
              sur le site de la DRIEA

  - cache "numbers-panel", :expires_in => 3.hours do
    .landing-panel.numbers-panel
      .container
        %h2.landing-panel-title demarches-simplifiees.fr en chiffres
        %ul.numbers
          %li.number
            .number-value
              = number_with_delimiter(Procedure.includes(:administrateur).publiees_ou_archivees.map(&:administrateur).uniq.count, :locale => :fr)
            .number-label<
              administrations
              %br<>
              partenaires
          %li.number
            .number-value
              = number_with_delimiter(Dossier.where.not(:state => :brouillon).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
    .container
      %h2.landing-panel-title Ils utilisent déjà demarches-simplifiees.fr

      %ul.users
        %li.user
          %a{ :href => "https://www.ecologique-solidaire.gouv.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/mtes.jpg"), alt: "Logo du Ministère de la Transition Écologique et Solidaire" }
        %li.user
          %a{ :href => "https://www.iledefrance.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/region-idf.jpg"), alt: "Logo de la région Île-de-France" }
        %li.user
          %a{ :href => "http://www.artisanat.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg"), alt: "Logo des Chambres des Métiers et de l'Artisanat" }
        %li.user
          %a{ :href => "http://www.cci.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/cci.jpg"), alt: "Logo de la CCI de France" }
        %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"), alt: "Logo de la Direction Régionale et Interdépartementale de l'Équipement et de l'Aménagement" }

      %ul.users
        %li.user
          %a{ :href => "https://www.debatpublic.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/cndp.jpg"), alt: "Logo de la Commission Nationale du Débat Public" }
        %li.user
          %a{ :href => "https://www.iledefrance.ars.sante.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/ars-idf.jpg"), alt: "Logo de l'Agence Régionale de Santé d'Île-de-France" }
        %li.user
          %a{ :href => "http://www.franceagrimer.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/france-agrimer.jpg"), alt: "Logo de FranceAgrimer" }
        %li.user
          %a{ :href => "http://www.rhone.gouv.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg"), alt: "Logo de la Préfecture de la région Rhône-Alpes" }
        %li.user
          %a{ :href => "http://www.lillemetropole.fr/", :target => "_blank " }
            %img.user-image{ :src => image_url("landing/users/mel.jpg"), alt: "Logo de la Métropole Européenne de Lille" }

  .landing-panel.cta-panel
    .container
      .cta-panel-wrapper
        %div
          %h1.cta-panel-title Une question, un problème ?
          %p.cta-panel-explanation Notre équipe est disponible pour vous renseigner et vous aider
        %div
          = link_to "Contactez-nous",
            "mailto:#{t("dynamics.contact_email")}?subject=Question à propos de demarches-simplifiees.fr",
            class: "cta-panel-button-white",
            target: "_blank"