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

- content_for :footer do
  = render partial: "root/footer"

.landing
  .landing-panel.hero-panel
    .container
      .hero-wrapper
        .hero-text
          %p.hero-tagline
            %em.hero-tagline-em Dématérialisez et simplifiez
            vos démarches administratives

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

  .landing-panel.more-info
    .container
      .role-panel-wrapper.role-administrations-panel
        .role-panel-70
          %h1.role-panel-title Est-ce fait pour mon administration ?
          %p.role-panel-explanation Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation

          = link_to "Participer à notre démonstration en ligne",
            "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
            rel: "noopener noreferrer",
            target: "_blank",
            class: "role-panel-button-primary"

          = link_to "Documentation",
            DOC_URL,
            rel: "noopener noreferrer",
            target: "_blank",
            class: "role-panel-button-secondary"

        .role-panel-30.role-more-info-image
          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" }

.landing-panel.usagers-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: "" }

      .role-panel-70
        %h1.role-panel-title Votre administration est prête pour dématérialiser
        %p.role-panel-explanation Créez un premier formulaire de test en quelques minutes



        = link_to "Créez une démarche de test",
            new_demande_path,
            class: "role-panel-button-primary",
            rel: "noopener noreferrer"
        %br
        %br
        %br




  .landing-panel.features-panel
    .container
      %ul.features
        %li.feature
          %img.feature-image{ :src => image_url("landing/features/messagerie.svg"), alt: "" }
          %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: "" }
          %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: "" }
          %p.feature-text
            %em.feature-text-em Intégration
            %br
            à l'ensemble des services de l'État plateforme

  .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: "" }
          .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
              Cheffe de bureau, DRIEA Ile-de-France

        %li.quote
          %img.quote-quotation-mark{ :src => image_url("landing/testimonials/quotation-mark.svg"), alt: "" }
          .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: "" }
          .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: "" }
          .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 #{APPLICATION_NAME} en chiffres
        %ul.numbers
          %li.number
            .number-value
              = number_with_delimiter(Administrateur.with_publiees_ou_closes.uniq.count, :locale => :fr)
            .number-label<
              administrations
              %br<>
              partenaires
          %li.number
            .number-value
              = number_with_delimiter(Dossier.state_not_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à #{APPLICATION_NAME}

      %ul.users
        %li.user
          = link_to "https://www.ecologique-solidaire.gouv.fr/", target: :blank, rel: "noopener noreferrer" do
            %img.user-image{ :src => image_url("landing/users/mtes.jpg"), alt: "Ministère de la Transition Écologique et Solidaire" }
        %li.user
          = link_to "https://www.iledefrance.fr/", target: :blank, rel: "noopener noreferrer" do
            %img.user-image{ :src => image_url("landing/users/region-idf.jpg"), alt: "Région Île-de-France" }
        %li.user
          = link_to "http://www.artisanat.fr/", target: :blank, rel: "noopener noreferrer" do
            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg"), alt: "Chambres des Métiers et de l'Artisanat" }
        %li.user
          = link_to "http://www.cci.fr/", target: :blank, rel: "noopener noreferrer" do
            %img.user-image{ :src => image_url("landing/users/cci.jpg"), alt: "CCI de France" }
        %li.user
          = link_to "http://www.driea.ile-de-france.developpement-durable.gouv.fr/", target: :blank, rel: "noopener noreferrer" do
            %img.user-image{ :src => image_url("landing/users/driea-idf.jpg"), alt: "Direction Régionale et Interdépartementale de l'Équipement et de l'Aménagement" }

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

  .landing-panel.cta-panel-2
    .container
      .half.first-half
        %h1.cta-panel-title Vous êtes prêt pour dématérialiser ?
        %p.cta-panel-explanation Réduisez vos temps d'instruction de 50 %
        = link_to "Créer une démarche de test",
          new_demande_path,
          class: "cta-panel-button-blue"

      .half
        %h1.cta-panel-title Vous voulez en savoir plus ?
        %p.cta-panel-explanation Participez à notre prochain Webinaire
        -# haml-lint:disable ApplicationNameLinter
        = link_to "Inscription à notre webinaire",
          "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr",
          target: "_blank",
          class: "cta-panel-button-blue"
        -# haml-lint:enable ApplicationNameLinter

      .clearfix

  .landing-panel.cta-panel
    .container
      .cta-panel-wrapper
        %div
          %h1.cta-panel-title Une question, un problème ?
          %p.cta-panel-explanation Consultez notre FAQ
        %div
          %a.cta-panel-button-white{ rel: 'noopener noreferrer', href:"#{ FAQ_URL }" }
            Voir la FAQ