From 7aec61d1a5e6f0aaaebfe8d358bc7be6f1c0e3bc Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Wed, 22 Jul 2026 19:15:34 +0200
Subject: [PATCH] Add theme + language toolbar to index, register, login pages

---
 src/app/(site)/login/page.tsx    | 18 +++++++++++++++++-
 src/app/(site)/page.tsx          | 15 +++++++++++++++
 src/app/(site)/register/page.tsx | 18 +++++++++++++++++-
 3 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/src/app/(site)/login/page.tsx b/src/app/(site)/login/page.tsx
index 8eb00192..9a590848 100644
--- a/src/app/(site)/login/page.tsx
+++ b/src/app/(site)/login/page.tsx
@@ -9,6 +9,8 @@ import { prisma } from "@/lib/prisma";
 import { captchaConfig } from "@/lib/services/captcha";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
+import { ThemeSwitcher } from "@/components/theme-switcher";
+import { LanguageSwitcher } from "@/components/language-switcher";
 
 export default async function LoginPage() {
 	const t = await getTranslations("pages.login");
@@ -45,7 +47,20 @@ export default async function LoginPage() {
 	]);
 
 	return (
-		<div className="flex flex-col lg:flex-row gap-10">
+		<div className="flex flex-col gap-6">
+			<div
+				className="flex items-center justify-end gap-2 rounded-2xl border px-4 py-2.5"
+				style={{
+					background: "color-mix(in srgb, var(--color-surface) 50%, transparent)",
+					backdropFilter: "blur(8px)",
+					WebkitBackdropFilter: "blur(8px)",
+					borderColor: "color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
+				}}
+			>
+				<LanguageSwitcher />
+				<ThemeSwitcher />
+			</div>
+			<div className="flex flex-col lg:flex-row gap-10">
 			{/* Left panel */}
 			<div className="lg:w-80 shrink-0 space-y-4">
 				<div
@@ -238,6 +253,7 @@ export default async function LoginPage() {
 					/>
 				</div>
 			</div>
+			</div>
 		</div>
 	);
 }
diff --git a/src/app/(site)/page.tsx b/src/app/(site)/page.tsx
index d80ff639..1b3f9ff5 100644
--- a/src/app/(site)/page.tsx
+++ b/src/app/(site)/page.tsx
@@ -9,6 +9,8 @@ import { prisma } from "@/lib/prisma";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
 import { auth } from "@/lib/auth";
+import { ThemeSwitcher } from "@/components/theme-switcher";
+import { LanguageSwitcher } from "@/components/language-switcher";
 
 export const revalidate = 120;
 
@@ -84,6 +86,19 @@ export default async function Home() {
 
 	return (
 		<div className="flex flex-col gap-14 pb-14">
+			{/* ── Toolbar ── */}
+			<div
+				className="flex items-center justify-end gap-2 rounded-2xl border px-4 py-2.5"
+				style={{
+					background: "color-mix(in srgb, var(--color-surface) 50%, transparent)",
+					backdropFilter: "blur(8px)",
+					WebkitBackdropFilter: "blur(8px)",
+					borderColor: "color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
+				}}
+			>
+				<LanguageSwitcher />
+				<ThemeSwitcher />
+			</div>
 			{/* ── 1. Hero ── */}
 			<div
 				className="relative overflow-hidden rounded-3xl border px-6 py-10 md:px-10 md:py-14 lg:py-16"
diff --git a/src/app/(site)/register/page.tsx b/src/app/(site)/register/page.tsx
index cd0d05cf..5e265dc4 100644
--- a/src/app/(site)/register/page.tsx
+++ b/src/app/(site)/register/page.tsx
@@ -9,6 +9,8 @@ import { prisma } from "@/lib/prisma";
 import { captchaConfig } from "@/lib/services/captcha";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
+import { ThemeSwitcher } from "@/components/theme-switcher";
+import { LanguageSwitcher } from "@/components/language-switcher";
 
 export default async function RegisterPage() {
 	const th = await getTranslations("header");
@@ -45,7 +47,20 @@ export default async function RegisterPage() {
 	]);
 
 	return (
-		<div className="flex flex-col lg:flex-row gap-10">
+		<div className="flex flex-col gap-6">
+			<div
+				className="flex items-center justify-end gap-2 rounded-2xl border px-4 py-2.5"
+				style={{
+					background: "color-mix(in srgb, var(--color-surface) 50%, transparent)",
+					backdropFilter: "blur(8px)",
+					WebkitBackdropFilter: "blur(8px)",
+					borderColor: "color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
+				}}
+			>
+				<LanguageSwitcher />
+				<ThemeSwitcher />
+			</div>
+			<div className="flex flex-col lg:flex-row gap-10">
 			{/* Left panel */}
 			<div className="lg:w-80 shrink-0 space-y-4">
 				<div
@@ -228,6 +243,7 @@ export default async function RegisterPage() {
 					nonce={nonce}
 				/>
 			</div>
+			</div>
 		</div>
 	);
 }