diff --git a/apps/web/app/[language]/(home)/page.tsx b/apps/web/app/[language]/(home)/page.tsx
index cff8e36cf..4203b0b8d 100644
--- a/apps/web/app/[language]/(home)/page.tsx
+++ b/apps/web/app/[language]/(home)/page.tsx
@@ -16,18 +16,21 @@ import { cache } from '@/lib/cache';
 import { getAlternateUrls } from '@/lib/url';
 import { PageView } from '@/components/PageView/PageView';
 import type { PageProps } from '@/lib/next';
+import { Snow } from '../festival/wintersday/snow';
 
 async function HomePage({ params }: PageProps) {
   const { language } = await params;
 
   return (
-    <HeroLayout hero={(
-      <div className={styles.hero}>
-        <div className={styles.heroContent}>
-          <div className={styles.heroTitle}><Icon icon="gw2t"/> gw2treasures.com</div>
-          <div className={styles.heroSubtitle}><Trans language={language} id="subtitle"/></div>
+    <HeroLayout color="#7993a9" hero={(
+      <Snow>
+        <div className={styles.hero}>
+          <div className={styles.heroContent}>
+            <div className={styles.heroTitle}><Icon icon="gw2t"/> gw2treasures.com</div>
+            <div className={styles.heroSubtitle}><Trans language={language} id="subtitle"/></div>
+          </div>
         </div>
-      </div>
+      </Snow>
     )}
     >
       <PageView page="/"/>
diff --git a/apps/web/components/Layout/Header/Navigation.tsx b/apps/web/components/Layout/Header/Navigation.tsx
index 7de64a8eb..4fed9d76f 100644
--- a/apps/web/components/Layout/Header/Navigation.tsx
+++ b/apps/web/components/Layout/Header/Navigation.tsx
@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { CSSProperties, FC, ReactNode } from 'react';
 import { LinkButton } from '@gw2treasures/ui/components/Form/Button';
 import { Trans } from '../../I18n/Trans';
 import styles from './Navigation.module.css';
@@ -16,6 +16,7 @@ const Navigation: FC<NavigationProps> = ({ language }) => {
   return (
     <HorizontalOverflowContainer>
       <Composite render={<ul className={styles.navigation}/>}>
+        <NavigationItem href="/festival/wintersday" icon="gift" style={{ color: 'light-dark(#00838f, #80deea)' }}><Trans id="festival.wintersday"/></NavigationItem>
         <NavigationItem href="/item" icon="item"><Trans language={language} id="navigation.items"/></NavigationItem>
         <NavigationItem href="/achievement" icon="achievement"><Trans language={language} id="navigation.achievements"/></NavigationItem>
         <NavigationItem href="/wizards-vault" icon="wizards-vault"><Trans language={language} id="navigation.wizardsVault"/><WizardsVaultNewSeasonBadge/></NavigationItem>
@@ -38,6 +39,7 @@ interface NavigationItemProps {
   children: ReactNode;
   href: string;
   icon: IconProp;
+  style?: CSSProperties;
 }
 
 export const NavigationItem: FC<NavigationItemProps> = (props) => {
diff --git a/packages/icons/icons/gift.svg b/packages/icons/icons/gift.svg
new file mode 100644
index 000000000..671ec1fc2
--- /dev/null
+++ b/packages/icons/icons/gift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M0 5v3h1V5H0Zm15 3V5h-1v3h1Zm-1.5 1h.5V8h-.5v1Zm-.5-.5V14h1V8.5h-1ZM1 9h.5V8H1v1Zm.5 0h12V8h-12v1Zm.5 5V8.5H1V14h1ZM1 5h13V4H1v1Zm11 10H7.5v1H12v-1Zm-4.5 0H3v1h4.5v-1ZM7 2.5v13h1v-13H7ZM1 14a2 2 0 0 0 2 2v-1a1 1 0 0 1-1-1H1Zm14-9a1 1 0 0 0-1-1v1h1Zm-1 3v1a1 1 0 0 0 1-1h-1ZM0 8a1 1 0 0 0 1 1V8H0Zm13 6a1 1 0 0 1-1 1v1a2 2 0 0 0 2-2h-1ZM1 5V4a1 1 0 0 0-1 1h1Z"/><path stroke="currentColor" d="M9.5 4.5a2 2 0 1 0-2-2 2 2 0 1 0-2 2"/></svg>