feat(parcours): intégration des sections de la page Parcours conforme à Figma

- 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
This commit is contained in:
MohamedLoum1001
2026-09-30 15:38:26 +02:00
parent f66e39ab09
commit bb1393e9ef
44 changed files with 1366 additions and 140 deletions

View File

@ -9,99 +9,8 @@
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* NAVBAR */
.navbar-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 50;
padding: 1.5rem 3rem;
box-sizing: border-box;
}
.navbar-content {
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.navbar-logo img {
height: 46px;
width: auto;
display: block;
object-fit: contain;
}
.navbar-nav {
display: flex;
align-items: center;
gap: 4rem;
}
.nav-links {
display: flex;
list-style: none;
gap: 3rem;
margin: 0;
padding: 0;
}
.nav-links li a {
text-decoration: none;
color: #1e293b;
font-size: 0.95rem;
font-weight: 500;
/* Contour lumineux pour détacher les liens du feuillage */
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 12px rgba(255, 255, 255, 0.6);
transition: color 0.2s ease;
}
.nav-links li a:hover {
color: #8c8f3e;
}
.btn-participer {
background-color: #8c8f3e;
color: #ffffff;
padding: 0.65rem 1.75rem;
border-radius: 9999px;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
display: inline-block;
transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.btn-participer:hover {
background-color: #737630;
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}
.hamburger {
display: none;
flex-direction: column;
justify-content: space-around;
width: 28px;
height: 22px;
background: transparent;
border: none;
cursor: pointer;
z-index: 60;
padding: 0;
}
.hamburger span {
width: 100%;
height: 2.5px;
background-color: #1e293b;
border-radius: 2px;
transition: all 0.3s ease;
}
/* HERO BANNER */
.hero-section {