feat: add photos to lyonjs100 page (#519)

Author: JohLav

app/lyonjs-100/LyonJS100.module.css

@@ -58,6 +58,11 @@
   justify-content: center;
 }
 
+.container {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
 @media screen and (min-width: 768px) {
   .hero {
     height: 20rem;

app/lyonjs-100/content.mdx

@@ -4,6 +4,8 @@ import Image from 'next/image';
 import cinema from './cinema.jpg';
 import styles from './LyonJS100.module.css';
 import { Programme } from './programme';
+import { PhotoAlbum } from '../../modules/event/components/PhotoAlbum';
+import { lyonjs100Photos } from '../../data/lyonjs100-photos';
 
 <div className={styles.hero}>
   <Image className={styles.background} src={cinema} width={1200} alt="" />
@@ -12,18 +14,22 @@ import { Programme } from './programme';
 
 # Qu'est ce que LyonJS 100 ?
 
-Nous sommes ravis d'annoncer que pour célébrer notre 100ème événement, LyonJS organise une journée de conférence exceptionnelle ! 🎉
+Nous sommes ravis d'annoncer que, pour célébrer notre 100ème événement, LyonJS organise une journée de conférence exceptionnelle ! 🎉
 
-Nous ne pouvions pas laisser passer cette occasion spéciale sans marquer le coup, c'est pourquoi nous avons proposé une journée entière de conférences le 21 février 2025.
+Nous ne pouvions pas laisser passer cette occasion spéciale sans marquer le coup. C'est pourquoi nous avons proposé une journée entière de conférences le 21 février 2025.
 
-Pour se faire nous avons privatisé une **salle de cinéma de l'UGC Part dieu pour l'occasion**, de quoi offrir un cadre agréable pour une journée rythmée par des talks de qualité.
+Pour ce faire, nous avons privatisé une **salle de cinéma de l'UGC Part-Dieu pour l'occasion**, de quoi offrir un cadre agréable pour une journée rythmée par des talks de qualité.
 
 ## Programme et Replay
 
 Le programme complet de la journée est disponible ci-dessous.
 
 <Programme />
 
+<div className={styles.container}>
+  <PhotoAlbum photoAlbum={lyonjs100Photos} />
+</div>
+
 ## Sponsors
 
 Un grand merci à nos sponsors pour leur soutien continu.

data/lyonjs100-photos.ts

@@ -0,0 +1,20 @@
+import { PhotoSample } from '../modules/event/types';
+
+export type LyonjsAlbum = {
+  photoSample: PhotoSample[];
+};
+
+export const lyonjs100Photos: LyonjsAlbum = {
+  photoSample: [
+    { source: '/lyonjs100/lyonJS1.jpg' },
+    { source: '/lyonjs100/lyonJS2.jpg' },
+    { source: '/lyonjs100/lyonJS3.jpg' },
+    { source: '/lyonjs100/lyonJS4.jpg' },
+    { source: '/lyonjs100/lyonJS5.jpg' },
+    { source: '/lyonjs100/lyonJS6.jpg' },
+    { source: '/lyonjs100/lyonJS7.jpg' },
+    { source: '/lyonjs100/lyonJS8.jpg' },
+    { source: '/lyonjs100/lyonJS9.jpg' },
+    { source: '/lyonjs100/lyonJS10.jpg' },
+  ],
+};