init

src/components/Marquee.astro

@@ -0,0 +1,12 @@
+---
+type Props = {
+  texts: string[]
+}
+
+const { texts } = Astro.props
+const repeatedTexts = texts.length < 10 ? Array.from({ length: 10 / texts.length }, () => texts).flat() : texts;
+---
+
+<div class="flex h-full w-max animate-marquee items-center gap-10 text-5xl font-bold uppercase">
+  {repeatedTexts.map((text) => <h2>{text}</h2>)}
+</div>