diff --git a/app/features/front-page/routes/index.tsx b/app/features/front-page/routes/index.tsx index f1f837cea..bb9215432 100644 --- a/app/features/front-page/routes/index.tsx +++ b/app/features/front-page/routes/index.tsx @@ -54,6 +54,7 @@ export default function FrontPage() { return (
+ @@ -166,6 +167,23 @@ function LeagueBanner() { ); } +function OktofestBanner() { + if (new Date() > new Date("2025-10-27")) return null; + + return ( + + + Register now for the next European LAN MAJOR! - Cologne (Germany) - + 25th/26th Oct + + ); +} + function TournamentCards() { const { t } = useTranslation(["front"]); const data = useLoaderData(); diff --git a/app/styles/front.css b/app/styles/front.css index 66f846fcd..9ee95eb59 100644 --- a/app/styles/front.css +++ b/app/styles/front.css @@ -253,3 +253,15 @@ gap: var(--s-2); flex-wrap: wrap; } + +.front__oktofest-banner { + background-color: #ffad32; + color: #000; + border-radius: var(--rounded); + padding: var(--s-2); + justify-content: center; + display: flex; + gap: var(--s-2); + flex-wrap: wrap; + text-align: center; +} diff --git a/public/static-assets/img/layout/oktofest.png b/public/static-assets/img/layout/oktofest.png new file mode 100644 index 000000000..80752ad31 Binary files /dev/null and b/public/static-assets/img/layout/oktofest.png differ