Wintersday: Change landing page and navigation

GW2Treasures · Dec 10, 2024 · 6f0ab43 · 6f0ab43
1 parent 6968965
commit 6f0ab43
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git 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
@@ -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