From 8ec2ecb454a87df7e420a764499d41a556530928 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Mon, 13 Apr 2026 12:26:45 +0200
Subject: [PATCH] fix(gatekeeper): bypass image optimizer for branding assets
 to fix missing assets in subpath deployments

---
 packages/gatekeeper/src/app/login/page.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/gatekeeper/src/app/login/page.tsx b/packages/gatekeeper/src/app/login/page.tsx
index be05dd8..a3ba313 100644
--- a/packages/gatekeeper/src/app/login/page.tsx
+++ b/packages/gatekeeper/src/app/login/page.tsx
@@ -1,7 +1,6 @@
 import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 import { ShieldCheck } from "lucide-react";
-import Image from "next/image";
 import { GateScene } from "../../components/gate-scene";
 import { AnimatedLoginForm } from "../../components/animated-login-form";
 
@@ -165,14 +164,13 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
               rel="noopener noreferrer"
               className="w-14 h-14 bg-white rounded-2xl flex items-center justify-center shadow-lg shadow-black/[0.06] hover:scale-105 hover:shadow-black/10 transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)] border border-black/[0.06] hover:border-black/10"
             >
-              <Image
+              <img
                 src="/gatekeeper/icon-white.svg"
                 alt="Mintel"
                 style={{ filter: "invert(1)" }}
                 width={28}
                 height={28}
                 className="w-7 h-7 opacity-80"
-                unoptimized
               />
             </a>
           </div>
@@ -214,14 +212,13 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
                 rel="noopener noreferrer"
                 className="opacity-30 transition-opacity hover:opacity-60"
               >
-                <Image
+                <img
                   src="/gatekeeper/logo-white.svg"
                   alt={projectName}
                   width={120}
                   height={36}
                   className="h-5 sm:h-6 w-auto"
                   style={{ filter: "invert(1)" }}
-                  unoptimized
                 />
               </a>
               <p className="text-[7px] font-sans font-semibold text-black/25 uppercase tracking-[0.5em] text-center">