From 7b999c100dd730ce994596782df7f0d1ca296a89 Mon Sep 17 00:00:00 2001
From: Nicolas DUBIEN <github@dubien.org>
Date: Mon, 2 Dec 2024 19:47:10 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Quick=20CTA=20to=20our=20Advent?=
 =?UTF-8?q?=20of=20PBT=20event=20(#5465)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 website/src/components/HomepageHeader/index.js  |  8 +++++++-
 .../components/HomepageHeader/styles.module.css | 17 ++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/website/src/components/HomepageHeader/index.js b/website/src/components/HomepageHeader/index.js
index 1459569a..8ff39a5c 100644
--- a/website/src/components/HomepageHeader/index.js
+++ b/website/src/components/HomepageHeader/index.js
@@ -36,7 +36,13 @@ export default function HomepageHeader() {
         <div>
           <div className={styles.quickNavigationButtons}>
             <Link className="button button--secondary button--lg" to="/docs/tutorials/quick-start/">
-              Quick Start - 5min ⏱️
+              Quick Start – 5min ⏱️
+            </Link>
+            <Link
+              className={clsx('button', 'button--secondary', 'button--lg', styles.adventButton)}
+              to="/blog/tags/advent-of-pbt-2024/"
+            >
+              Save Christmas – Play! 🎄
             </Link>
           </div>
         </div>
diff --git a/website/src/components/HomepageHeader/styles.module.css b/website/src/components/HomepageHeader/styles.module.css
index e6659f4e..a61009ca 100644
--- a/website/src/components/HomepageHeader/styles.module.css
+++ b/website/src/components/HomepageHeader/styles.module.css
@@ -42,6 +42,21 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-direction: column;
+  flex-direction: row;
   gap: 0.25rem;
 }
+
+@media screen and (max-width: 996px) {
+  .quickNavigationButtons {
+    flex-direction: column;
+  }
+}
+
+.adventButton {
+  background-color: rgb(255, 150, 150);
+  border-color: rgb(255, 170, 170);
+}
+
+.adventButton:hover {
+  background-color: rgb(255, 31, 31);
+}
-- 
2.51.2