From e6a23a3248b6fd010f01ed17264b3c18d2fed822 Mon Sep 17 00:00:00 2001
From: daniel_sp <danielsp356@gmail.com>
Date: Sun, 17 Mar 2024 00:04:10 +0000
Subject: [PATCH] feat: add prizes

---
 src/components/prizes.astro | 57 +++++++++++++++++++++++++++++++++++++
 src/pages/index.astro       |  2 ++
 src/styles/global.css       |  2 ++
 3 files changed, 61 insertions(+)
 create mode 100644 src/components/prizes.astro

diff --git a/src/components/prizes.astro b/src/components/prizes.astro
new file mode 100644
index 00000000..117b785d
--- /dev/null
+++ b/src/components/prizes.astro
@@ -0,0 +1,57 @@
+<section
+  id="prizes"
+  class="flex scroll-mt-24 flex-col items-center gap-4 space-y-8"
+>
+  <div class="w-full max-w-xl lg:max-w-6xl flex flex-col items-start gap-4">
+    <h2
+      class="text-primary text-left text-white font-extrabold text-6xl tracking-wide"
+    >
+      Prizes
+    </h2>
+    <p class="text-2xl mt-10 text-justify uppercase">
+      The top 3 teams will receive <span class="text-primary">cash prizes</span
+      >. The prize pool will be distributed as follows:
+    </p>
+  </div>
+  <dl
+    class="grid w-full max-w-xl lg:max-w-6xl grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3"
+  >
+    <div
+      class="w-full flex flex-row items-center justify-around lg:flex-col lg:justify-between gap-y-4"
+    >
+      <dt
+        class="text-6xl text-primary text-left leading-7 uppercase mr-16 sm:mr-0"
+      >
+        1st PLACE
+      </dt>
+      <dd class="text-8xl text-left font-bold tracking-tight text-white">
+        800€
+      </dd>
+    </div>
+    <div
+      class="w-full flex flex-row items-center justify-around lg:flex-col lg:justify-between gap-y-4"
+    >
+      <dt
+        class="text-6xl text-primary text-left leading-7 uppercase mr-16 sm:mr-0"
+      >
+        2nd PLACE
+      </dt>
+      <dd class="text-8xl text-left font-bold tracking-tight text-white">
+        600€
+      </dd>
+    </div>
+    <div
+      class="w-full flex flex-row items-center justify-around lg:flex-col lg:justify-between gap-y-4"
+    >
+      <dt
+        class="text-6xl text-primary text-left leading-7 uppercase mr-16 sm:mr-0"
+      >
+        3rd PLACE
+      </dt>
+      <dd class="text-8xl text-left font-bold tracking-tight text-white">
+        400€
+      </dd>
+    </div>
+  </dl>
+  <slot />
+</section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c8d75380..b9c99dd7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,9 +2,11 @@
 import Intro from "~/components/intro.astro";
 import Gallery from "~/components/gallery.astro";
 import IndexLayout from "~/layouts/indexLayout.astro";
+import Prizes from "~/components/prizes.astro";
 ---
 
 <IndexLayout>
   <Intro />
+  <Prizes />
   <Gallery />
 </IndexLayout>
diff --git a/src/styles/global.css b/src/styles/global.css
index c8210837..8fddbae8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -29,7 +29,9 @@ h1 {
 h2 {
   font-family: "Resegrg", serif;
 }
+
 dt,
+dd,
 p {
   font-family: "VT323", monospace;
 }