demarches-normaliennes/app/views/root/landing.html.haml
gregoirenovel eb977ab798 [Fix #1565] Improve accessibility of the landing page
- Improve the alt text for the header logo
- Empty alt text for decorative images
- Improve the alt text for the logos of our users
- Improve the alt text for footer logos
2018-03-08 15:25:37 +01:00

201 lines
8.2 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

- 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: "" }
.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
.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 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: "" }
.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: "" }
.quote-content-wrapper
%p.quote-content
Les échanges avec les usagers sont facilités, ce qui permet de réduire les délais dinstructions 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: "" }
.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 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: "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: "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: "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: "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: "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: "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: "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: "FranceAgrimer" }
%li.user
%a{ :href => "http://www.rhone.gouv.fr/", :target => "_blank " }
%img.user-image{ :src => image_url("landing/users/prefecture-rhone.jpg"), alt: "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: "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"