diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss index d74948acf..6c5260c28 100644 --- a/app/assets/stylesheets/new_design/landing.scss +++ b/app/assets/stylesheets/new_design/landing.scss @@ -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; diff --git a/app/controllers/root_controller.rb b/app/controllers/root_controller.rb index b22b7a8c5..26db130f1 100644 --- a/app/controllers/root_controller.rb +++ b/app/controllers/root_controller.rb @@ -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' diff --git a/app/views/root/administration.html.haml b/app/views/root/administration.html.haml new file mode 100644 index 000000000..5e8a3b29b --- /dev/null +++ b/app/views/root/administration.html.haml @@ -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" diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index 11593ea80..43fbfe30a 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -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" diff --git a/config/routes.rb b/config/routes.rb index f777e2612..3d58ea508 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -94,6 +94,7 @@ Rails.application.routes.draw do # root 'root#index' + get '/administration' => 'root#administration' get 'users' => 'users#index' get 'admin' => 'admin#index'