From a82cf7d2a11360e9553943dfb282dc0d7cdd0ed2 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Thu, 23 Jul 2026 17:06:46 +0200
Subject: [PATCH] Add top bar with hotel logo, language switcher, and theme
 toggle

---
 src/app/(site)/page.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/app/(site)/page.tsx b/src/app/(site)/page.tsx
index 1a85ebb1..7af17264 100644
--- a/src/app/(site)/page.tsx
+++ b/src/app/(site)/page.tsx
@@ -74,6 +74,35 @@ export default async function Home() {
 	return (
 		<div className="flex flex-col gap-10 pb-14">
 
+			{/* ── Top Bar ── */}
+			<Reveal>
+				<div className="relative flex items-center justify-between rounded-xl border px-5 py-3" style={{
+					background: "color-mix(in srgb, var(--color-surface) 60%, transparent)",
+					backdropFilter: "blur(14px)",
+					WebkitBackdropFilter: "blur(14px)",
+					borderColor: "color-mix(in srgb, var(--color-text-muted) 8%, transparent)",
+				}}>
+					<div className="flex items-center gap-3">
+						<Image
+							src="/assets/images/icons/navigation/home.png"
+							alt={hotelName}
+							width={28}
+							height={28}
+							className="shrink-0"
+							unoptimized
+						/>
+						<span className="text-sm font-extrabold uppercase tracking-wide" style={{ color: "var(--color-text-readable)" }}>
+							{hotelName}
+						</span>
+					</div>
+					<div className="flex items-center gap-1">
+						<LanguageSwitcher />
+						<div className="w-px h-5 mx-1" style={{ background: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)" }} />
+						<ThemeSwitcher />
+					</div>
+				</div>
+			</Reveal>
+
 			{/* ── Hero ── */}
 			<Reveal>
 				<div