From 6cd8bab7d00a5a34d32e4a1673cac12bc2226f1b Mon Sep 17 00:00:00 2001
From: Oscar <ocook59@gmail.com>
Date: Sat, 28 Mar 2026 19:31:51 +0000
Subject: [PATCH] feat(sponsors): add scrolling banner component to sponsor
 page and initial design of scrolling component

---
 src/components/blocks/sponsors/ScrollingBlock.astro |  7 +++++++
 src/pages/sponsor.astro                             | 12 ++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/components/blocks/sponsors/ScrollingBlock.astro
 create mode 100644 src/pages/sponsor.astro

diff --git a/src/components/blocks/sponsors/ScrollingBlock.astro b/src/components/blocks/sponsors/ScrollingBlock.astro
new file mode 100644
index 0000000..18cdddd
--- /dev/null
+++ b/src/components/blocks/sponsors/ScrollingBlock.astro
@@ -0,0 +1,7 @@
+<div class="w-full overflow-hidden rounded-[3rem]">
+  <!-- Green part -->
+  <div class="h-56 bg-[#D0FFAF]"></div>
+
+  <!-- Grey part -->
+  <div class="h-20 bg-gray-300"></div>
+</div>
diff --git a/src/pages/sponsor.astro b/src/pages/sponsor.astro
new file mode 100644
index 0000000..7353e80
--- /dev/null
+++ b/src/pages/sponsor.astro
@@ -0,0 +1,12 @@
+---
+import Layout from "../layouts/Layout.astro";
+import ScrollingBlock from "../components/blocks/sponsors/ScrollingBlock.astro";
+---
+
+<Layout>
+  <main class="flex min-h-screen w-full flex-col items-center gap-24 px-6 py-8">
+    <div class="mb-10 w-full max-w-7xl space-y-36">
+      <ScrollingBlock />
+    </div>
+  </main>
+</Layout>