feat: ajout annonce particules fines

src/components/Card.astro

@@ -1,12 +1,11 @@
 ---
 export interface Props {
 	title: string;
-	body: string;
 	href: string;
 	target: string;
 }
 
-const { href, target, title, body } = Astro.props;
+const { href, target, title} = Astro.props;
 ---
 
 <li class="link-card">
@@ -16,7 +15,7 @@ const { href, target, title, body } = Astro.props;
 			<span>&rarr;</span>
 		</h2>
 		<p>
-			{body}
+			<slot />
 		</p>
 	</a>
 </li>

src/pages/index.astro

@@ -29,25 +29,37 @@ import Card from '../components/Card.astro';
 			<Card
 				href="./inscription-newsletter"
 				title="Newsletter"
-				body="Tous nos évènements directement dans votre boite aux lettres !"
-			/>
+			>
+				Tous nos évènements directement dans votre boite aux lettres !
+			</Card>
+			<Card
+				title="Les Particules Fines"
+				href="/docs/flyer_cours_impro_adultes_debutant.e.s.pdf"
+				target="_blank"
+			>
+				Cours d’impro adultes débutant·e·s<br/>
+				<strong>Début des cours d’essai en octobre !</strong>
+			</Card>
 			<Card
 				href="mailto:contact@les-particules.org"
 				title="Contact"
-				body="Écrivez-nous"
-			/>
+			>
+				Écrivez-nous
+			</Card>
 			<Card
-			  href="https://www.facebook.com/LesParticules"
-			  target="_blank"
-				title="Facebook"
-				body="Retrouvez nous sur Facebook"
-			/>
+			  	href="https://www.facebook.com/LesParticules"
+			  	target="_blank"
+			  	title="Facebook"
+			>
+				Retrouvez-nous sur Facebook
+			</Card>
 			<Card
-        href="https://www.instagram.com/les_particules/"
-        target="_blank"
-        title="Instagram"
-        body="Retrouvez nous sur Instagram"
-      />
+				href="https://www.instagram.com/les_particules/"
+				target="_blank"
+				title="Instagram"
+			  >
+				Retrouvez-nous sur Instagram
+			</Card>
 		</ul>
 	</main>
 </Layout>