From ecb1a7c21e05ccefe3f8f613744cea7880dd0555 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 22 Oct 2026 11:30:03 -0500
Subject: [PATCH 1/5] base

---
 .../src/components/Beg/index.module.css       | 13 ++++++++
 packages/website/src/components/Beg/index.tsx | 33 +++++++++++++++++++
 .../[...locale]/index.astro                   |  4 +--
 3 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 packages/website/src/components/Beg/index.module.css
 create mode 100644 packages/website/src/components/Beg/index.tsx

diff --git a/packages/website/src/components/Beg/index.module.css b/packages/website/src/components/Beg/index.module.css
new file mode 100644
index 000000000..f96734b12
--- /dev/null
+++ b/packages/website/src/components/Beg/index.module.css
@@ -0,0 +1,13 @@
+.outer {
+  padding: 0 var(--space-4);
+  margin-top: var(--space-3);
+
+  .center {
+    background-color: var(--blue-3);
+
+    max-width: 80rem;
+
+    padding: var(--space-5);
+    border-radius: var(--radius-4);
+  }
+}
diff --git a/packages/website/src/components/Beg/index.tsx b/packages/website/src/components/Beg/index.tsx
new file mode 100644
index 000000000..8e1104cc3
--- /dev/null
+++ b/packages/website/src/components/Beg/index.tsx
@@ -0,0 +1,33 @@
+import { Flex, Heading, Text } from "@radix-ui/themes";
+import styles from "./index.module.css";
+
+export function Beg() {
+  return (
+    <Flex justify="center" className={styles.outer}>
+      <Flex direction="column" className={styles.center} gap="4">
+        <Flex direction="column">
+          <Heading>We want to add the following features:</Heading>
+
+          <Text>
+            <ul>
+              <li>Tank modules</li>
+              <li>Player statistics</li>
+              <li>Tank change logs over updates</li>
+              <li>Multiple game versions</li>
+              <li>Bring back the Discord bot</li>
+              <li>And many unannounced features</li>
+            </ul>
+          </Text>
+
+          <Text>
+            But we can no longer keep updating BlitzKit sustainably for free.
+            So, we ask you to donate. 100% of your funds go back into
+            maintaining BlitzKit. We are a non-profit.
+          </Text>
+        </Flex>
+
+        <Flex gap="3">asd</Flex>
+      </Flex>
+    </Flex>
+  );
+}
diff --git a/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro b/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
index 48e147252..1610cfc08 100644
--- a/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
+++ b/packages/website/src/pages/[...chunk_default]/[...locale]/index.astro
@@ -5,7 +5,7 @@ import locales from "@blitzkit/i18n/locales.json";
 import { literals } from "@blitzkit/i18n/src/literals";
 import { Box, Flex, Link } from "@radix-ui/themes";
 import { AesonPlug } from "../../../components/AesonPlug";
-import { Countdown } from "../../../components/Countdown";
+import { Beg } from "../../../components/Beg";
 import HomeHero from "../../../components/HomeHero.astro";
 import { Plugs } from "../../../components/Plugs";
 import ToolCard from "../../../components/ToolCard.astro";
@@ -66,7 +66,7 @@ export const getStaticPaths = mixStaticPaths(_getStaticPaths, () => {
 <BaseLayout {locale}>
   <HomeHero />
 
-  <Countdown client:load />
+  <Beg />
 
   {
     locale !== locales.default && (

From eebc373b46d4557e970ca23a52860015334bfb71 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 22 Oct 2026 11:45:18 -0500
Subject: [PATCH 2/5] better

---
 .../src/components/Beg/index.module.css       | 29 ++++++++++--
 packages/website/src/components/Beg/index.tsx | 45 +++++++++++--------
 2 files changed, 53 insertions(+), 21 deletions(-)

diff --git a/packages/website/src/components/Beg/index.module.css b/packages/website/src/components/Beg/index.module.css
index f96734b12..63f115e32 100644
--- a/packages/website/src/components/Beg/index.module.css
+++ b/packages/website/src/components/Beg/index.module.css
@@ -2,12 +2,35 @@
   padding: 0 var(--space-4);
   margin-top: var(--space-3);
 
-  .center {
-    background-color: var(--blue-3);
+  img {
+    width: 1.25em;
+    height: 1.25em;
 
-    max-width: 80rem;
+    border-radius: 50%;
+  }
+
+  .center {
+    position: relative;
+
+    background-color: var(--gray-3);
+    box-shadow: var(--shadow-3);
+
+    max-width: 40rem;
 
     padding: var(--space-5);
     border-radius: var(--radius-4);
+
+    .important {
+      position: absolute;
+
+      top: 0;
+      left: 50%;
+
+      transform: translate(-50%, -50%);
+
+      background-color: inherit;
+
+      padding: var(--space-3);
+    }
   }
 }
diff --git a/packages/website/src/components/Beg/index.tsx b/packages/website/src/components/Beg/index.tsx
index 8e1104cc3..204f64e7c 100644
--- a/packages/website/src/components/Beg/index.tsx
+++ b/packages/website/src/components/Beg/index.tsx
@@ -1,32 +1,41 @@
-import { Flex, Heading, Text } from "@radix-ui/themes";
+import { Button, Em, Flex, Strong, Text } from "@radix-ui/themes";
 import styles from "./index.module.css";
 
 export function Beg() {
   return (
-    <Flex justify="center" className={styles.outer}>
-      <Flex direction="column" className={styles.center} gap="4">
-        <Flex direction="column">
-          <Heading>We want to add the following features:</Heading>
+    <Flex align="center" gap="4" direction="column" className={styles.outer}>
+      <Text size="3" className={styles.important}>
+        <Flex gap="2" align="center">
+          <img src="https://github.com/tresabhi.png" />
+          <Em>We need your attention</Em>
+        </Flex>
+      </Text>
 
-          <Text>
-            <ul>
-              <li>Tank modules</li>
-              <li>Player statistics</li>
-              <li>Tank change logs over updates</li>
-              <li>Multiple game versions</li>
-              <li>Bring back the Discord bot</li>
-              <li>And many unannounced features</li>
-            </ul>
+      <Flex direction="column" className={styles.center} gap="4">
+        <Flex direction="column" gap="3">
+          <Text color="tomato">
+            We can no longer keep BlitzKit sustainable for <Strong>free</Strong>
+            .
           </Text>
 
           <Text>
-            But we can no longer keep updating BlitzKit sustainably for free.
-            So, we ask you to donate. 100% of your funds go back into
-            maintaining BlitzKit. We are a non-profit.
+            We want to add tank modules, player statistics, rebalancing patch
+            notes, bring back the Discord bot, and more.
+          </Text>
+
+          <Text>
+            But paying out of pocket makes than impossible.{" "}
+            <Strong>We are a non-profit</Strong>, so consider donating to make
+            the above possible. 100% of your money goes back into BlitzKit.
           </Text>
         </Flex>
 
-        <Flex gap="3">asd</Flex>
+        <Flex gap="3">
+          <Button size="3">$5</Button>
+          <Button size="3">$10</Button>
+          <Button size="3">$25</Button>
+          <Button size="3">Custom</Button>
+        </Flex>
       </Flex>
     </Flex>
   );

From 19e535969e1832bd45c0b961f9690674edd290fe Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 22 Oct 2026 11:51:08 -0500
Subject: [PATCH 3/5] colors

---
 .../src/components/Beg/index.module.css       |  2 +-
 packages/website/src/components/Beg/index.tsx | 21 +++++++++++++------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/website/src/components/Beg/index.module.css b/packages/website/src/components/Beg/index.module.css
index 63f115e32..5bcfacd77 100644
--- a/packages/website/src/components/Beg/index.module.css
+++ b/packages/website/src/components/Beg/index.module.css
@@ -12,7 +12,7 @@
   .center {
     position: relative;
 
-    background-color: var(--gray-3);
+    background: linear-gradient(var(--pink-3), var(--purple-2));
     box-shadow: var(--shadow-3);
 
     max-width: 40rem;
diff --git a/packages/website/src/components/Beg/index.tsx b/packages/website/src/components/Beg/index.tsx
index 204f64e7c..e0d14fdd3 100644
--- a/packages/website/src/components/Beg/index.tsx
+++ b/packages/website/src/components/Beg/index.tsx
@@ -25,16 +25,25 @@ export function Beg() {
 
           <Text>
             But paying out of pocket makes than impossible.{" "}
-            <Strong>We are a non-profit</Strong>, so consider donating to make
-            the above possible. 100% of your money goes back into BlitzKit.
+            <Strong>We are a non-profit and don't run ads</Strong>, so consider
+            donating to make the above possible. 100% of your money goes back
+            into BlitzKit.
           </Text>
         </Flex>
 
         <Flex gap="3">
-          <Button size="3">$5</Button>
-          <Button size="3">$10</Button>
-          <Button size="3">$25</Button>
-          <Button size="3">Custom</Button>
+          <Button size="3" color="crimson">
+            $5
+          </Button>
+          <Button size="3" color="crimson">
+            $10
+          </Button>
+          <Button size="3" color="crimson">
+            $25
+          </Button>
+          <Button size="3" color="crimson">
+            Custom
+          </Button>
         </Flex>
       </Flex>
     </Flex>

From b4a689dfbbc4087099e78e1ed374ff85026036dd Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 22 Oct 2026 15:42:07 -0500
Subject: [PATCH 4/5] start adding tiers

---
 packages/website/src/config/donations.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 packages/website/src/config/donations.ts

diff --git a/packages/website/src/config/donations.ts b/packages/website/src/config/donations.ts
new file mode 100644
index 000000000..82f2a92fe
--- /dev/null
+++ b/packages/website/src/config/donations.ts
@@ -0,0 +1,12 @@
+export const donationTiers = [
+  {
+    name: "The Backer",
+    value: 5,
+    id: 106312,
+  },
+  {
+    name: "The Backer",
+    value: 5,
+    id: 106312,
+  },
+];

From 0922614dbcf94e4d722f7af7e8f8a02f1c10b6e6 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 22 Oct 2026 16:37:16 -0500
Subject: [PATCH 5/5] finalize

---
 packages/i18n/strings/en.json                 |  4 +--
 packages/website/src/components/Beg/index.tsx | 29 +++++++++----------
 packages/website/src/components/Footer.astro  |  6 ++--
 packages/website/src/config/donations.ts      | 19 +++++++++---
 4 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/packages/i18n/strings/en.json b/packages/i18n/strings/en.json
index c55989b8f..c708e45c5 100644
--- a/packages/i18n/strings/en.json
+++ b/packages/i18n/strings/en.json
@@ -44,7 +44,7 @@
 
     "branches": {
       "beta": "Beta",
-      "development": "Development",
+      "development": "Post Malone Edition",
       "opentest": "OpenTest",
       "preview": "Preview",
       "production": "Production"
@@ -992,7 +992,7 @@
 
     "footer": {
       "motto": "Everything World of Tanks Blitz",
-      "copyright": "Unaffiliated with Wargaming or any service",
+      "association": "An Open Collective Project",
 
       "about": {
         "title": "About",
diff --git a/packages/website/src/components/Beg/index.tsx b/packages/website/src/components/Beg/index.tsx
index e0d14fdd3..7f905c616 100644
--- a/packages/website/src/components/Beg/index.tsx
+++ b/packages/website/src/components/Beg/index.tsx
@@ -1,4 +1,6 @@
+import { HeartFilledIcon } from "@radix-ui/react-icons";
 import { Button, Em, Flex, Strong, Text } from "@radix-ui/themes";
+import { donationTiers } from "../../config/donations";
 import styles from "./index.module.css";
 
 export function Beg() {
@@ -24,26 +26,21 @@ export function Beg() {
           </Text>
 
           <Text>
-            But paying out of pocket makes than impossible.{" "}
-            <Strong>We are a non-profit and don't run ads</Strong>, so consider
-            donating to make the above possible. 100% of your money goes back
-            into BlitzKit.
+            But paying out of pocket makes that impossible. We are an earnest
+            non-profit, so consider donating to make the above possible. 100% of
+            your money goes back into BlitzKit.
           </Text>
         </Flex>
 
         <Flex gap="3">
-          <Button size="3" color="crimson">
-            $5
-          </Button>
-          <Button size="3" color="crimson">
-            $10
-          </Button>
-          <Button size="3" color="crimson">
-            $25
-          </Button>
-          <Button size="3" color="crimson">
-            Custom
-          </Button>
+          {donationTiers.map(({ name, value, link }) => (
+            <a target="_blank" key={name} href={link}>
+              <Button size="3" color="crimson">
+                {value === null && <HeartFilledIcon />}
+                {value === null ? "Custom" : `$${value}`}
+              </Button>
+            </a>
+          ))}
         </Flex>
       </Flex>
     </Flex>
diff --git a/packages/website/src/components/Footer.astro b/packages/website/src/components/Footer.astro
index ff2f490d3..17b204b9b 100644
--- a/packages/website/src/components/Footer.astro
+++ b/packages/website/src/components/Footer.astro
@@ -43,9 +43,9 @@ const strings = getStrings(locale);
       }}
     >
       <Heading>BlitzKit</Heading>
-      <Text color="gray">{strings.website.footer.motto}</Text>
-      <Text size="1" color="gray">
-        {strings.website.footer.copyright}
+      <Text size="2" color="gray">{strings.website.footer.motto}</Text>
+      <Text size="2" color="gray">
+        {strings.website.footer.association}
       </Text>
 
       <Box mt="2">
diff --git a/packages/website/src/config/donations.ts b/packages/website/src/config/donations.ts
index 82f2a92fe..8b0d9c63d 100644
--- a/packages/website/src/config/donations.ts
+++ b/packages/website/src/config/donations.ts
@@ -1,12 +1,23 @@
+// TODO: source this from the open collective api, if even possible
 export const donationTiers = [
   {
     name: "The Backer",
     value: 5,
-    id: 106312,
+    link: "https://opencollective.com/blitzkit/contribute/backers-106312/checkout",
   },
   {
-    name: "The Backer",
-    value: 5,
-    id: 106312,
+    name: "The Engineer",
+    value: 10,
+    link: "https://opencollective.com/blitzkit/contribute/the-engineer-107057/checkout",
+  },
+  {
+    name: "The Patron",
+    value: 25,
+    link: "https://opencollective.com/blitzkit/contribute/the-patron-107056/checkout",
+  },
+  {
+    name: "The Sponsor",
+    value: null,
+    link: "https://opencollective.com/blitzkit/donate",
   },
 ];