From 6229f8e886ae48170df2f7c77e7d9eb857d116b4 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 6 Feb 2026 13:39:38 +0100
Subject: [PATCH] feat: Add Next.js basePath and relocate the login page to
 `/login`.

---
 packages/gatekeeper/next.config.ts                        | 2 +-
 .../gatekeeper/src/app/{gatekeeper => }/login/page.tsx    | 8 +++-----
 packages/gatekeeper/src/app/page.tsx                      | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)
 rename packages/gatekeeper/src/app/{gatekeeper => }/login/page.tsx (96%)

diff --git a/packages/gatekeeper/next.config.ts b/packages/gatekeeper/next.config.ts
index 4e2de7b..b38c051 100644
--- a/packages/gatekeeper/next.config.ts
+++ b/packages/gatekeeper/next.config.ts
@@ -2,7 +2,7 @@ import mintelNextConfig from "@mintel/next-config";
 import { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  // Gatekeeper specific overrides
+  basePath: "/gatekeeper",
 };
 
 export default mintelNextConfig(nextConfig);
diff --git a/packages/gatekeeper/src/app/gatekeeper/login/page.tsx b/packages/gatekeeper/src/app/login/page.tsx
similarity index 96%
rename from packages/gatekeeper/src/app/gatekeeper/login/page.tsx
rename to packages/gatekeeper/src/app/login/page.tsx
index f050e76..9aac99c 100644
--- a/packages/gatekeeper/src/app/gatekeeper/login/page.tsx
+++ b/packages/gatekeeper/src/app/login/page.tsx
@@ -34,9 +34,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
       });
       redirect(targetRedirect);
     } else {
-      redirect(
-        `/gatekeeper/login?error=1&redirect=${encodeURIComponent(targetRedirect)}`,
-      );
+      redirect(`/login?error=1&redirect=${encodeURIComponent(targetRedirect)}`);
     }
   }
 
@@ -57,7 +55,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
           <div className="flex justify-center">
             <div className="w-16 h-16 bg-black rounded-xl flex items-center justify-center shadow-xl shadow-slate-100 hover:scale-105 transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)] rotate-2 hover:rotate-0">
               <Image
-                src="/icon-white.svg"
+                src="/gatekeeper/icon-white.svg"
                 alt="Mintel"
                 width={32}
                 height={32}
@@ -114,7 +112,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
               <div className="h-px w-8 bg-slate-100" />
               <div className="opacity-80 transition-opacity hover:opacity-100">
                 <Image
-                  src="/logo-black.svg"
+                  src="/gatekeeper/logo-black.svg"
                   alt={projectName}
                   width={140}
                   height={40}
diff --git a/packages/gatekeeper/src/app/page.tsx b/packages/gatekeeper/src/app/page.tsx
index ada07bb..27cd02c 100644
--- a/packages/gatekeeper/src/app/page.tsx
+++ b/packages/gatekeeper/src/app/page.tsx
@@ -1,5 +1,5 @@
 import { redirect } from "next/navigation";
 
 export default function RootPage() {
-  redirect("/gatekeeper/login");
+  redirect("/login");
 }