From bb1393e9eff22b64ccb4afeb99e67bb6ed56f530 Mon Sep 17 00:00:00 2001 From: MohamedLoum1001 Date: Wed, 30 Sep 2026 15:38:26 +0200 Subject: [PATCH] =?UTF-8?q?feat(parcours):=20int=C3=A9gration=20des=20sect?= =?UTF-8?q?ions=20de=20la=20page=20Parcours=20conforme=20=C3=A0=20Figma?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Prise en charge du thème sombre du Header sur la route /parcours - Ajout de la section Hero et présentation des chiffres clés - Grille des profils 'Qui peut rejoindre' avec méthode map() et icônes - Intégration de la timeline verticale des étapes d'intégration - Ajout du bandeau 'Learning by Doing' - Restructuration des composants par dossier --- assets/app.js | 9 +- .../{ => home}/ActualitySection.jsx | 2 +- .../components/{ => home}/CareersSection.jsx | 2 +- assets/components/{ => home}/Header.jsx | 23 +- assets/components/{ => home}/Hero.jsx | 2 +- assets/components/{ => home}/Home.jsx | 3 +- assets/components/{ => home}/Impact.jsx | 2 +- assets/components/{ => home}/Methodology.jsx | 0 assets/components/{ => home}/ProfileCards.jsx | 8 +- .../components/parcours/LearningByDoing.jsx | 66 ++++ assets/components/parcours/Parcours.jsx | 18 + assets/components/parcours/ParcoursHero.jsx | 33 ++ .../parcours/ParcoursIntegration.jsx | 189 +++++++++ .../parcours/ParcoursPresentation.jsx | 182 +++++++++ .../components/parcours/QuiPeutRejoindre.jsx | 143 +++++++ .../{ => trajectoire}/AlumniCommunaute.jsx | 4 +- .../{ => trajectoire}/CompetencesEvoluer.jsx | 2 +- .../ConstruireTrajectoire.jsx | 22 +- .../{ => trajectoire}/ExemplesProjets.jsx | 2 +- .../{ => trajectoire}/HuitTrajectoires.jsx | 2 +- .../HumanEmploymentModel.jsx | 4 +- .../{ => trajectoire}/LearningByDoing.jsx | 4 +- .../{ => trajectoire}/MethodologieEtapes.jsx | 14 +- .../TrajectoireJamaisFigee.jsx | 4 +- assets/img/construction.png | Bin 0 -> 272618 bytes assets/img/decouvert.png | Bin 0 -> 241894 bytes assets/img/developpement.png | Bin 0 -> 255131 bytes assets/img/diplome.png | Bin 0 -> 9631 bytes assets/img/entrepreneur.png | Bin 0 -> 8919 bytes assets/img/entretien.png | Bin 0 -> 253598 bytes assets/img/etudiant.png | Bin 0 -> 12244 bytes assets/img/evolution.png | Bin 0 -> 300064 bytes assets/img/expert.png | Bin 0 -> 10943 bytes assets/img/image-learning.png | Bin 0 -> 1310221 bytes assets/img/intergation.png | Bin 0 -> 285073 bytes assets/img/personne.png | Bin 0 -> 8281 bytes assets/img/pre-profil.png | Bin 0 -> 266611 bytes assets/img/professionnels.png | Bin 0 -> 10681 bytes assets/img/rejoindre-hero.png | Bin 0 -> 2454166 bytes assets/img/retraite.png | Bin 0 -> 8176 bytes assets/img/team-discussion.png | Bin 0 -> 425764 bytes assets/styles/app.css | 91 ----- assets/styles/header.css | 303 ++++++++++++++ assets/styles/parcoursHero.css | 372 ++++++++++++++++++ 44 files changed, 1366 insertions(+), 140 deletions(-) rename assets/components/{ => home}/ActualitySection.jsx (97%) rename assets/components/{ => home}/CareersSection.jsx (97%) rename assets/components/{ => home}/Header.jsx (75%) rename assets/components/{ => home}/Hero.jsx (96%) rename assets/components/{ => home}/Home.jsx (87%) rename assets/components/{ => home}/Impact.jsx (97%) rename assets/components/{ => home}/Methodology.jsx (100%) rename assets/components/{ => home}/ProfileCards.jsx (95%) create mode 100644 assets/components/parcours/LearningByDoing.jsx create mode 100644 assets/components/parcours/Parcours.jsx create mode 100644 assets/components/parcours/ParcoursHero.jsx create mode 100644 assets/components/parcours/ParcoursIntegration.jsx create mode 100644 assets/components/parcours/ParcoursPresentation.jsx create mode 100644 assets/components/parcours/QuiPeutRejoindre.jsx rename assets/components/{ => trajectoire}/AlumniCommunaute.jsx (89%) rename assets/components/{ => trajectoire}/CompetencesEvoluer.jsx (95%) rename assets/components/{ => trajectoire}/ConstruireTrajectoire.jsx (81%) rename assets/components/{ => trajectoire}/ExemplesProjets.jsx (95%) rename assets/components/{ => trajectoire}/HuitTrajectoires.jsx (96%) rename assets/components/{ => trajectoire}/HumanEmploymentModel.jsx (92%) rename assets/components/{ => trajectoire}/LearningByDoing.jsx (90%) rename assets/components/{ => trajectoire}/MethodologieEtapes.jsx (86%) rename assets/components/{ => trajectoire}/TrajectoireJamaisFigee.jsx (91%) create mode 100644 assets/img/construction.png create mode 100644 assets/img/decouvert.png create mode 100644 assets/img/developpement.png create mode 100644 assets/img/diplome.png create mode 100644 assets/img/entrepreneur.png create mode 100644 assets/img/entretien.png create mode 100644 assets/img/etudiant.png create mode 100644 assets/img/evolution.png create mode 100644 assets/img/expert.png create mode 100644 assets/img/image-learning.png create mode 100644 assets/img/intergation.png create mode 100644 assets/img/personne.png create mode 100644 assets/img/pre-profil.png create mode 100644 assets/img/professionnels.png create mode 100644 assets/img/rejoindre-hero.png create mode 100644 assets/img/retraite.png create mode 100644 assets/img/team-discussion.png create mode 100644 assets/styles/parcoursHero.css diff --git a/assets/app.js b/assets/app.js index 216cf39..77dab37 100644 --- a/assets/app.js +++ b/assets/app.js @@ -1,11 +1,11 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; - -import Header from './components/Header.jsx'; -import Home from './components/Home.jsx'; -import ConstruireTrajectoire from './components/ConstruireTrajectoire.jsx'; +import Header from './components/home/Header.jsx'; +import Home from './components/home/Home.jsx'; +import ConstruireTrajectoire from './components/trajectoire/ConstruireTrajectoire.jsx'; import './styles/app.css'; +import Parcours from './components/parcours/Parcours.jsx'; function App() { return ( @@ -14,6 +14,7 @@ function App() { } /> } /> + } /> ); diff --git a/assets/components/ActualitySection.jsx b/assets/components/home/ActualitySection.jsx similarity index 97% rename from assets/components/ActualitySection.jsx rename to assets/components/home/ActualitySection.jsx index ff49d3f..ee036e2 100644 --- a/assets/components/ActualitySection.jsx +++ b/assets/components/home/ActualitySection.jsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import bannerBg from '../img/homepageactuality.png'; +import bannerBg from '../../img/homepageactuality.png'; const CATEGORIES = ['Tout', 'Actualités', 'Publications', 'Évènements', 'Projets']; diff --git a/assets/components/CareersSection.jsx b/assets/components/home/CareersSection.jsx similarity index 97% rename from assets/components/CareersSection.jsx rename to assets/components/home/CareersSection.jsx index 611ba71..7d84526 100644 --- a/assets/components/CareersSection.jsx +++ b/assets/components/home/CareersSection.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import carreerBg from '../img/carreer.png'; +import carreerBg from '../../img/carreer.png'; export default function CareersSection() { const parcours = [ diff --git a/assets/components/Header.jsx b/assets/components/home/Header.jsx similarity index 75% rename from assets/components/Header.jsx rename to assets/components/home/Header.jsx index fde6703..c6bdf00 100644 --- a/assets/components/Header.jsx +++ b/assets/components/home/Header.jsx @@ -1,9 +1,17 @@ import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; -import logo from '../img/logo_gaea21.png'; +import { Link, useLocation } from 'react-router-dom'; +import logo from '../../img/logo_gaea21.png'; +import '../../styles/header.css'; -export default function Header() { +export default function Header({ onNavigate }) { const [isOpen, setIsOpen] = useState(false); + const location = useLocation(); + + // Active la couleur blanche (nav-light) pour trajectoire, projet et parcours + const isDark = + location.pathname === '/trajectoire' || + location.pathname === '/projet' || + location.pathname === '/parcours'; const closeMenu = () => { setIsOpen(false); @@ -12,7 +20,7 @@ export default function Header() { return (
- {/* Logo gaea21 ramenant à l'accueil */} + {/* Logo gaea21 */} -