Convert highlight stats to astro component

Author: hypha

src/components/highlight-list/highlight-card.astro

@@ -0,0 +1,5 @@
+<div class="rounded-lg shadow-md p-5">
+  <ul class="space-y-2">
+    <slot />
+  </ul>
+</div>

src/components/highlight-list/highlight-item.astro

@@ -0,0 +1,4 @@
+<li class="flex">
+  <span class="mr-2">📌</span>
+  <span><slot /></span>
+</li>

src/content/pages/sponsorship/sponsor.mdx

@@ -8,28 +8,14 @@ subtitle:
 
 # Wny Sponsor EuroPython?
 <span class="text-2xl font-bold">Reach the heart of the European Python ecosystem!</span>
-<div className="rounded-lg shadow-md p-5">
-  <ul className="space-y-2">
-    {[
-      "**~1,500** participants from **~50** countries",
-      "**24th** edition – the world’s **longest-running** Python conference",
-      "**190+** speakers across diverse Python topics",
-      "**40K+** social media followers",  
-      "**34K** YouTube subscribers and **4M+** YouTube views",
-      "**25%** of participants from underrepresented groups in tech"
-    ].map((stat, index) => (
-      <li key={index} className="flex items-start gap-3">
-        <span className="mr-2">📌</span>
-        <span>
-          {stat.split(/\*\*(.*?)\*\*/g).map((part, i) =>
-            i % 2 === 1 ? <strong key={i}>{part}</strong> : part
-          )}
-        </span>
-      </li>
-    ))}
-  </ul>
-</div>
-
+<HighlightCard>
+      <HighlightItem>**~1,500** participants from **~50** countries</HighlightItem>
+      <HighlightItem>**24th** edition – the world’s **longest-running** Python conference</HighlightItem>
+      <HighlightItem>**190+** speakers across diverse Python topics</HighlightItem>
+      <HighlightItem>**40K+** social media followers</HighlightItem>
+      <HighlightItem>**34K** YouTube subscribers and **4M+** YouTube views</HighlightItem>
+      <HighlightItem>**25%** of participants from underrepresented groups in tech</HighlightItem>
+</HighlightCard>
 
 Join **EuroPython 2025 from 14 – 20 July** at the Prague Congress Centre (PCC) to connect, showcase your company, and shape the future of Python!
 

src/pages/[...slug].astro

@@ -10,6 +10,8 @@ import { MapSprints } from "../components//map-for-sprints";
 import { YouTube } from "@astro-community/astro-embed-youtube";
 import BenefitsList from "../components/benefits-list/benefits-list.astro";
 import BenefitItem from "../components/benefits-list/benefit-item.astro";
+import HighlightCard from "../components/highlight-list/highlight-card.astro";
+import HighlightItem from "../components/highlight-list/highlight-item.astro";
 import { Note } from "../components/note";
 import SponsorTiers from "../components/sponsor-tiers/sponsor-tiers.astro";
 
@@ -41,6 +43,8 @@ const description = post.data.subtitle;
         YouTube,
         BenefitItem,
         BenefitsList,
+        HighlightCard,
+        HighlightItem,
         Note,
         SponsorTiers,
         hr: Separator,