gaea21_v2/gaea21-v2-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(trajectoire): intégration complète de la page et des sous-composants Figma

Browse Source
This commit is contained in:
MohamedLoum1001
2026-09-25 20:04:07 +02:00
parent cd6a66893a
commit f66e39ab09
20 changed files with 894 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/components/ExemplesProjets.jsx
View File

@ -4,33 +4,33 @@ import '../styles/exemples-projets.css';
const PROJETS_DATA = [
{
id: 1,
title: "Répertoire Vert",
description: "Développer l'économie locale durable."
title: 'Répertoire Vert',
description: 'Développer l’économie locale durable.'
},
{
id: 2,
title: "Green Index",
description: "Construire des outils d'évaluation et de transition."
title: 'Green Index',
description: 'Construire des outils d’évaluation et de transition.'
},
{
id: 3,
title: "Recherche appliquée",
description: "Transformer les connaissances en solutions concrètes."
title: 'Recherche appliquée',
description: 'Transformer les connaissances en solutions concrètes.'
},
{
id: 4,
title: "Développement commercial",
description: "Créer des liens entre projets, entreprises et opportunités."
title: 'Développement commercial',
description: 'Créer des liens entre projets, entreprises et opportunités.'
},
{
id: 5,
title: "Innovation territoriale",
description: "Contribuer à la transformation des territoires."
title: 'Innovation territoriale',
description: 'Contribuer à la transformation des territoires.'
},
{
id: 6,
title: "Programmes de développement international",
description: "Participer à des initiatives liées à l'agriculture durable, à la création d'emplois, à la recherche et au développement territorial."
title: 'Programmes de développement international',
description: 'Participer à des initiatives liées à l’agriculture durable, à la création d’emplois, à la recherche et au développement territorial.'
}
];
@ -39,11 +39,11 @@ export default function ExemplesProjets() {
<section className="projets-section" id="exemples-projets">
<div className="projets-container">
{/* Surtitre */}
<span className="projets-tag-top">Quelques exemples de projets</span>
{/* Surtitre vert */}
<span className="projets-uptitle">Quelques exemples de projets</span>
{/* Grille des 6 projets avec .map() */}
<div className="projets-grid">
{/* Grille des 6 cartes via .map() */}
<div className="projets-cards-grid">
{PROJETS_DATA.map((projet) => (
<article key={projet.id} className="projet-card">
<h3 className="projet-card-title">{projet.title}</h3>
@ -52,9 +52,9 @@ export default function ExemplesProjets() {
))}
</div>
{/* Bouton d'action CTA */}
<div className="projets-action">
<a href="#tous-les-projets" className="btn-decouvrir-projets">
{/* Bouton CTA */}
<div className="projets-action-wrap">
<a href="#projets" className="btn-projets-decouvrir">
Découvrez les projets
</a>
</div>