Initial events Astro site

src/components/InfoPageSections.astro

@@ -0,0 +1,21 @@
+---
+import type { InfoPage } from "../data/info";
+
+type Props = {
+  page: InfoPage;
+};
+
+const { page } = Astro.props;
+---
+
+{page.sections.map((section) => (
+  <section class="content-section">
+    <h2>{section.title}</h2>
+    {section.body?.map((paragraph) => <p>{paragraph}</p>)}
+    {section.bullets && (
+      <ul class="check-list">
+        {section.bullets.map((bullet) => <li>{bullet}</li>)}
+      </ul>
+    )}
+  </section>
+))}