Move to Astro

src/components/Cards.astro

@@ -0,0 +1,15 @@
+---
+import Card from "./Card.astro";
+
+export interface Props {
+  images: { title: string; src: string }[];
+}
+
+const { images } = Astro.props;
+---
+
+<div class="container">
+  <div class="row row-cols-1 row-cols-md-2">
+    {images.map((i) => <Card title={i.title} src={i.src} />)}
+  </div>
+</div>