Add Oktofest banner

app/features/front-page/routes/index.tsx

@@ -54,6 +54,7 @@ export default function FrontPage() {
 	return (
 		<Main className="front-page__container">
 			<LeagueBanner />
+			<OktofestBanner />
 			<DesktopSideNav />
 			<SeasonBanner />
 			<TournamentCards />
@@ -166,6 +167,23 @@ function LeagueBanner() {
 	);
 }
 
+function OktofestBanner() {
+	if (new Date() > new Date("2025-10-27")) return null;
+
+	return (
+		<a
+			href="https://www.start.gg/tournament/oktofest-2025/details"
+			target="_blank"
+			rel="noreferrer"
+			className="front__oktofest-banner"
+		>
+			<img src="/static-assets/img/layout/oktofest.png" width={24} alt="" />
+			Register now for the next European LAN MAJOR! - Cologne (Germany) -
+			25th/26th Oct
+		</a>
+	);
+}
+
 function TournamentCards() {
 	const { t } = useTranslation(["front"]);
 	const data = useLoaderData<typeof loader>();

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;
+}