Merge pull request #2377 from betagouv/landing_page_administration
separates the homepage into two parts, users/administrations
This commit is contained in:
Pierre de La Morinerie
GitHub
commit
f0c415389f
5 changed files with 256 additions and 142 deletions
|
|
@ -349,6 +349,48 @@ $cta-panel-button-border-size: 2px;
|
|||
}
|
||||
}
|
||||
|
||||
.cta-panel-button {
|
||||
@include horizontal-padding(40px);
|
||||
@include vertical-padding(15px);
|
||||
display: block;
|
||||
border-radius: 100px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin-top: 20px;
|
||||
|
||||
&.black {
|
||||
border: $cta-panel-button-border-size solid #000000;
|
||||
color: #000000;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: #F8F8F8;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.white {
|
||||
border: $cta-panel-button-border-size solid #FFFFFF;
|
||||
color: #FFFFFF;
|
||||
|
||||
&:hover {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin role-button {
|
||||
@include horizontal-padding(30px);
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -15,6 +15,9 @@ class RootController < ApplicationController
|
|||
render 'landing'
|
||||
end
|
||||
|
||||
def administration
|
||||
end
|
||||
|
||||
def patron
|
||||
description = 'aller voir le super site : https://demarches-simplifiees.fr'
|
||||
|
||||
|
|
|
|||
191
app/views/root/administration.html.haml
Normal file
191
app/views/root/administration.html.haml
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
- 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érialiser et simplifier
|
||||
les démarches administratives
|
||||
|
||||
.hero-illustration
|
||||
%img{ :src => image_url("landing/hero/dematerialiser.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 Vous êtes une administration et vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ?
|
||||
%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 administrateur",
|
||||
new_demande_path,
|
||||
class: "role-panel-button-primary",
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer",
|
||||
onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
|
||||
|
||||
= link_to "Voir la documentation",
|
||||
DOC_URL,
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer",
|
||||
class: "role-panel-button-secondary"
|
||||
|
||||
.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
|
||||
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
|
||||
= 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
|
||||
.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:#{CONTACT_EMAIL}?subject=Question%20à%20propos%20de%20demarches-simplifiees.fr",
|
||||
class: "cta-panel-button-white",
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer"
|
||||
|
|
@ -7,8 +7,11 @@
|
|||
.hero-wrapper
|
||||
.hero-text
|
||||
%p.hero-tagline
|
||||
%em.hero-tagline-em Dématérialiser et simplifier
|
||||
les démarches administratives
|
||||
%em.hero-tagline-em Effectuer
|
||||
%br<>
|
||||
%em.hero-tagline-em une démarche administrative
|
||||
%br<>
|
||||
%em.hero-tagline-em en ligne
|
||||
|
||||
.hero-illustration
|
||||
%img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" }
|
||||
|
|
@ -21,7 +24,7 @@
|
|||
|
||||
.role-panel-70
|
||||
%h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ?
|
||||
%p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne
|
||||
%p.role-panel-explanation Réalisez vos demandes en toute simplicité et retrouvez vos dossiers en ligne
|
||||
|
||||
= link_to "Voir les démarches disponibles",
|
||||
LISTE_DES_DEMARCHES_URL,
|
||||
|
|
@ -33,107 +36,8 @@
|
|||
new_user_session_path,
|
||||
class: "role-panel-button-secondary"
|
||||
|
||||
.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 Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ?
|
||||
%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 administrateur",
|
||||
new_demande_path,
|
||||
class: "role-panel-button-primary",
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer",
|
||||
onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
|
||||
|
||||
= link_to "Voir la documentation",
|
||||
DOC_URL,
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer",
|
||||
class: "role-panel-button-secondary"
|
||||
|
||||
.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
|
||||
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
|
||||
.landing-panel
|
||||
.container
|
||||
%h2.landing-panel-title demarches-simplifiees.fr en chiffres
|
||||
%ul.numbers
|
||||
|
|
@ -159,44 +63,6 @@
|
|||
%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
|
||||
= 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
|
||||
.container
|
||||
.cta-panel-wrapper
|
||||
|
|
@ -206,6 +72,17 @@
|
|||
%div
|
||||
= link_to "Contactez-nous",
|
||||
"mailto:#{CONTACT_EMAIL}?subject=Question%20à%20propos%20de%20demarches-simplifiees.fr",
|
||||
class: "cta-panel-button-white",
|
||||
class: "cta-panel-button white",
|
||||
target: "_blank",
|
||||
rel: "noopener noreferrer"
|
||||
|
||||
.landing-panel
|
||||
.container
|
||||
.cta-panel-wrapper
|
||||
%div
|
||||
%h1.cta-panel-title Vous êtes une administration ?
|
||||
%p.cta-panel-explanation Vous souhaitez dématerialiser une démarche administrative ?
|
||||
%div
|
||||
= link_to "Découvrez notre outil",
|
||||
administration_path,
|
||||
class: "cta-panel-button black"
|
||||
|
|
|
|||
|
|
@ -94,6 +94,7 @@ Rails.application.routes.draw do
|
|||
#
|
||||
|
||||
root 'root#index'
|
||||
get '/administration' => 'root#administration'
|
||||
|
||||
get 'users' => 'users#index'
|
||||
get 'admin' => 'admin#index'
|
||||
|
|
|
|||
Loading…
Reference in a new issue