diff --git a/cypress/utils/navigate.js b/cypress/utils/navigate.js index 72c2ab2d5e..416f273259 100644 --- a/cypress/utils/navigate.js +++ b/cypress/utils/navigate.js @@ -18,9 +18,7 @@ const goHome = () => { .invoke("attr", "content") .should("match", /\d+ aides/i) - cy.get('[data-testid="home-hero-content"]') - .invoke("text") - .should("contain", "aides") + cy.get('[data-testid="home-page"]').invoke("text").should("contain", "aides") cy.get('[data-testid="new-simulation"]').click() } diff --git a/public/img/partners/bordeaux-metropole.jpg b/public/img/partners/bordeaux-metropole.jpg new file mode 100644 index 0000000000..f747587d3a Binary files /dev/null and b/public/img/partners/bordeaux-metropole.jpg differ diff --git a/public/img/partners/bordeaux-metropole.webp b/public/img/partners/bordeaux-metropole.webp new file mode 100644 index 0000000000..301a327c94 Binary files /dev/null and b/public/img/partners/bordeaux-metropole.webp differ diff --git a/public/img/partners/cc-pays-chataigneraie.jpg b/public/img/partners/cc-pays-chataigneraie.jpg new file mode 100644 index 0000000000..8ece6a1ff3 Binary files /dev/null and b/public/img/partners/cc-pays-chataigneraie.jpg differ diff --git a/public/img/partners/cc-pays-chataigneraie.webp b/public/img/partners/cc-pays-chataigneraie.webp new file mode 100644 index 0000000000..40a8cc1a3a Binary files /dev/null and b/public/img/partners/cc-pays-chataigneraie.webp differ diff --git a/public/img/partners/covoiturage.beta.gouv.fr.jpg b/public/img/partners/covoiturage.beta.gouv.fr.jpg new file mode 100644 index 0000000000..76cc397000 Binary files /dev/null and b/public/img/partners/covoiturage.beta.gouv.fr.jpg differ diff --git a/public/img/partners/covoiturage.beta.gouv.fr.webp b/public/img/partners/covoiturage.beta.gouv.fr.webp new file mode 100644 index 0000000000..e95cec5e84 Binary files /dev/null and b/public/img/partners/covoiturage.beta.gouv.fr.webp differ diff --git a/public/img/partners/demarches-simplifiees.jpg b/public/img/partners/demarches-simplifiees.jpg new file mode 100644 index 0000000000..ae4ba6c59c Binary files /dev/null and b/public/img/partners/demarches-simplifiees.jpg differ diff --git a/public/img/partners/demarches-simplifiees.webp b/public/img/partners/demarches-simplifiees.webp new file mode 100644 index 0000000000..f4590eac2a Binary files /dev/null and b/public/img/partners/demarches-simplifiees.webp differ diff --git a/public/img/partners/domifa.jpg b/public/img/partners/domifa.jpg new file mode 100644 index 0000000000..51c779c505 Binary files /dev/null and b/public/img/partners/domifa.jpg differ diff --git a/public/img/partners/domifa.webp b/public/img/partners/domifa.webp new file mode 100644 index 0000000000..f4d4d8a1b9 Binary files /dev/null and b/public/img/partners/domifa.webp differ diff --git a/public/img/partners/etudiant.gouv.fr.jpg b/public/img/partners/etudiant.gouv.fr.jpg new file mode 100644 index 0000000000..287c7f2116 Binary files /dev/null and b/public/img/partners/etudiant.gouv.fr.jpg differ diff --git a/public/img/partners/etudiant.gouv.fr.webp b/public/img/partners/etudiant.gouv.fr.webp new file mode 100644 index 0000000000..f05d82a10b Binary files /dev/null and b/public/img/partners/etudiant.gouv.fr.webp differ diff --git a/public/img/partners/jeunes.gouv.fr.jpg b/public/img/partners/jeunes.gouv.fr.jpg new file mode 100644 index 0000000000..c62c169c31 Binary files /dev/null and b/public/img/partners/jeunes.gouv.fr.jpg differ diff --git a/public/img/partners/jeunes.gouv.fr.png b/public/img/partners/jeunes.gouv.fr.png new file mode 100644 index 0000000000..55e17eff92 Binary files /dev/null and b/public/img/partners/jeunes.gouv.fr.png differ diff --git a/public/img/partners/jeunes.gouv.fr.webp b/public/img/partners/jeunes.gouv.fr.webp new file mode 100644 index 0000000000..0bbfeb9320 Binary files /dev/null and b/public/img/partners/jeunes.gouv.fr.webp differ diff --git a/public/img/partners/mesaidesvelo.jpg b/public/img/partners/mesaidesvelo.jpg new file mode 100644 index 0000000000..3226f547a5 Binary files /dev/null and b/public/img/partners/mesaidesvelo.jpg differ diff --git a/public/img/partners/mesaidesvelo.webp b/public/img/partners/mesaidesvelo.webp new file mode 100644 index 0000000000..975d3f2576 Binary files /dev/null and b/public/img/partners/mesaidesvelo.webp differ diff --git a/public/img/partners/montpellier-metropole.jpg b/public/img/partners/montpellier-metropole.jpg new file mode 100644 index 0000000000..f5676f16c6 Binary files /dev/null and b/public/img/partners/montpellier-metropole.jpg differ diff --git a/public/img/partners/montpellier-metropole.webp b/public/img/partners/montpellier-metropole.webp new file mode 100644 index 0000000000..3343180cac Binary files /dev/null and b/public/img/partners/montpellier-metropole.webp differ diff --git a/public/img/partners/openfisca.jpg b/public/img/partners/openfisca.jpg new file mode 100644 index 0000000000..2c491d9bb5 Binary files /dev/null and b/public/img/partners/openfisca.jpg differ diff --git a/public/img/partners/openfisca.webp b/public/img/partners/openfisca.webp new file mode 100644 index 0000000000..5a6df192c9 Binary files /dev/null and b/public/img/partners/openfisca.webp differ diff --git a/public/img/partners/rdv-service-public.jpg b/public/img/partners/rdv-service-public.jpg new file mode 100644 index 0000000000..83da4714ea Binary files /dev/null and b/public/img/partners/rdv-service-public.jpg differ diff --git a/public/img/partners/rdv-service-public.webp b/public/img/partners/rdv-service-public.webp new file mode 100644 index 0000000000..12bc57d75a Binary files /dev/null and b/public/img/partners/rdv-service-public.webp differ diff --git a/public/img/partners/toulon-metropole.jpg b/public/img/partners/toulon-metropole.jpg new file mode 100644 index 0000000000..65a9805d81 Binary files /dev/null and b/public/img/partners/toulon-metropole.jpg differ diff --git a/public/img/partners/toulon-metropole.webp b/public/img/partners/toulon-metropole.webp new file mode 100644 index 0000000000..7261e293d3 Binary files /dev/null and b/public/img/partners/toulon-metropole.webp differ diff --git a/public/img/partners/ville-aubervilliers.jpg b/public/img/partners/ville-aubervilliers.jpg new file mode 100644 index 0000000000..f008496605 Binary files /dev/null and b/public/img/partners/ville-aubervilliers.jpg differ diff --git a/public/img/partners/ville-aubervilliers.webp b/public/img/partners/ville-aubervilliers.webp new file mode 100644 index 0000000000..1df3677e4e Binary files /dev/null and b/public/img/partners/ville-aubervilliers.webp differ diff --git a/public/img/partners/ville-vannes.jpg b/public/img/partners/ville-vannes.jpg new file mode 100644 index 0000000000..9c34d692bc Binary files /dev/null and b/public/img/partners/ville-vannes.jpg differ diff --git a/public/img/partners/ville-vannes.webp b/public/img/partners/ville-vannes.webp new file mode 100644 index 0000000000..3e50cb6361 Binary files /dev/null and b/public/img/partners/ville-vannes.webp differ diff --git a/src/components/home/benefits-showcase-section.vue b/src/components/home/benefits-showcase-section.vue new file mode 100644 index 0000000000..1e1da5e9e8 --- /dev/null +++ b/src/components/home/benefits-showcase-section.vue @@ -0,0 +1,63 @@ + + + diff --git a/src/components/home/features-section.vue b/src/components/home/features-section.vue new file mode 100644 index 0000000000..ce5a6f9df1 --- /dev/null +++ b/src/components/home/features-section.vue @@ -0,0 +1,51 @@ + + + diff --git a/src/components/home/hero-section.vue b/src/components/home/hero-section.vue new file mode 100644 index 0000000000..6aa699a422 --- /dev/null +++ b/src/components/home/hero-section.vue @@ -0,0 +1,113 @@ + + + diff --git a/src/components/home/how-it-works-section.vue b/src/components/home/how-it-works-section.vue new file mode 100644 index 0000000000..250f9bb7a2 --- /dev/null +++ b/src/components/home/how-it-works-section.vue @@ -0,0 +1,35 @@ + + + diff --git a/src/components/home/partners-section.vue b/src/components/home/partners-section.vue new file mode 100644 index 0000000000..53d4253edb --- /dev/null +++ b/src/components/home/partners-section.vue @@ -0,0 +1,117 @@ + + + diff --git a/src/styles/aides-jeunes.css b/src/styles/aides-jeunes.css index f452e65cde..49b333235f 100644 --- a/src/styles/aides-jeunes.css +++ b/src/styles/aides-jeunes.css @@ -626,3 +626,102 @@ textarea { inset 0 0 0 4px var(--background-default-grey), inset 0 0 0 8px var(--background-action-high-blue-france); } + +.aj-hero-highlight { + background-image: linear-gradient( + 0deg, + rgba(253, 232, 244, 1) 0%, + rgba(253, 232, 244, 0.8) 40%, + rgba(253, 232, 244, 0.4) 70%, + rgba(253, 232, 244, 0) 100% + ); + padding: 0 0.25rem; +} + +.aj-domains-container { + display: flex; + flex-wrap: wrap; + justify-content: left; + gap: 0.5rem; +} + +.aj-domain { + font-size: 0.875rem; + color: var(--text-action-high-blue-france); + background-color: var(--background-action-low-blue-france); + padding: 0.25rem 0.75rem; + border-radius: 1rem; +} + +.aj-domain:hover { + cursor: default; +} + +.aj-partners { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 2rem; + align-items: center; +} + +.aj-partner-logo { + max-width: 150px; + max-height: 75px; + object-fit: contain; + opacity: 0.9; +} + +.aj-partner-logo:hover { + opacity: 1; +} + +.aj-partner-link { + background-image: none; +} + +.aj-partner-link::after { + display: none; +} + +@media (max-width: 767px) { + .aj-partners { + gap: 1rem; + } + + .aj-partner-logo { + max-width: 80px; + max-height: 40px; + } +} + +.aj-home-steps { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; +} + +.aj-home-step { + display: flex; + gap: 1rem; +} + +.aj-home-step__number { + background: var(--background-action-high-blue-france); + color: white; + width: 2rem; + height: 2rem; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +.aj-home-step__description { + color: var(--text-mention-grey); +} + +.fr-list--no-bullet { + list-style-type: none; +} diff --git a/src/views/confidentialite.vue b/src/views/confidentialite.vue index da818ed384..3fa6b1f74f 100644 --- a/src/views/confidentialite.vue +++ b/src/views/confidentialite.vue @@ -1,7 +1,15 @@