From 6cc44cdfee273727a15e9550c1f0affacf9dcf23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 3 Dec 2025 18:12:41 -0600
Subject: [PATCH] feat: add ArticlePlug component for Christmas 2025 promotion

---
 .../website/src/components/ArticlePlug.astro  | 35 +++++++++++++++++++
 .../website/src/pages/[...locale]/index.astro |  3 ++
 2 files changed, 38 insertions(+)
 create mode 100644 packages/website/src/components/ArticlePlug.astro

diff --git a/packages/website/src/components/ArticlePlug.astro b/packages/website/src/components/ArticlePlug.astro
new file mode 100644
index 000000000..312c81514
--- /dev/null
+++ b/packages/website/src/components/ArticlePlug.astro
@@ -0,0 +1,35 @@
+---
+import { tankIcon } from "@blitzkit/core";
+import { Flex, Heading, Link, Strong, Text } from "@radix-ui/themes";
+---
+
+<Flex justify="center">
+  <Link
+    color="gray"
+    highContrast
+    style={{ display: "content" }}
+    href="/docs/guides/christmas-2025"
+    underline="none"
+  >
+    <Flex
+      mt="3"
+      px="5"
+      py="4"
+      style={{
+        borderRadius: "var(--radius-3)",
+        backgroundImage: "url(https://i.imgur.com/LRYmSkg.png)",
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+      }}
+      align="center"
+      gap="5"
+    >
+      <img src={tankIcon(25169)} style={{ height: "5rem" }} />
+
+      <Flex direction="column">
+        <Heading>Christmas 2025</Heading>
+        <Text>Win the <Strong>GSOR the TANK</Strong> and more!</Text>
+      </Flex>
+    </Flex>
+  </Link>
+</Flex>
diff --git a/packages/website/src/pages/[...locale]/index.astro b/packages/website/src/pages/[...locale]/index.astro
index f8e4ffbd4..114caf09e 100644
--- a/packages/website/src/pages/[...locale]/index.astro
+++ b/packages/website/src/pages/[...locale]/index.astro
@@ -6,6 +6,7 @@ import { literals } from "@blitzkit/i18n/src/literals";
 import { Box, Flex, Link } from "@radix-ui/themes";
 import type { GetStaticPaths } from "astro";
 import { AesonPlug } from "../../components/AesonPlug";
+import ArticlePlug from "../../components/ArticlePlug.astro";
 import HomeHero from "../../components/HomeHero.astro";
 import { Plugs } from "../../components/Plugs";
 import ToolCard from "../../components/ToolCard.astro";
@@ -64,6 +65,8 @@ export const getStaticPaths = (() => {
 <BaseLayout {locale}>
   <HomeHero />
 
+  <ArticlePlug />
+
   <!-- <Flex justify="center" py="6" px="4" justify="center">
     <Flex
       wrap="wrap"