feat(site): redesign home, login and register with premium dark gaming theme
CI / check (push) Failing after 1m5s
CI / deploy (push) Skipped
CI / publish-container (push) Skipped

Replaced the classic Habbo landing style on the home, login and register pages with a modern premium dark-gaming look: always-dark hero canvas with brand glows, grid overlay and ambient orbs, glass panels, gradient text and floating art. Adds shared LandingTopBar, AuthShell and BrandFrank components plus reusable premium CSS utilities. Build, typecheck and lint pass.
This commit is contained in:
openhands committed 2026-09-12 15:40:54 +02:00
1 parent 4d720ee03c
commit 741f01e897
8 files changed
+694 -657

No files matched your search

+53
View File
@@ -0,0 +1,53 @@
import Image from "next/image";
import { Clock } from "@/components/clock";
import { LanguageSwitcher } from "@/components/language-switcher";
import { ThemeSwitcher } from "@/components/theme-switcher";
/**
* Frosted top bar shared by the home hero and the premium auth pages.
* Dark-styled to sit on the "always-dark" landing canvas.
*/
export function LandingTopBar({
hotelName,
logo,
}: {
hotelName: string;
logo?: string | null;
}) {
return (
<div className="relative z-10 flex items-center justify-between gap-3 border-b border-white/10 px-4 py-3 sm:px-7 sm:py-4">
<div className="flex min-w-0 items-center gap-2.5 sm:gap-3">
{logo ? (
<Image
src={logo}
alt={hotelName}
width={110}
height={30}
className="shrink-0 object-contain"
unoptimized
style={{ maxHeight: 30, width: "auto", height: "auto" }}
/>
) : (
<Image
src="/assets/images/icons/lighthouse.png"
alt={hotelName}
width={30}
height={30}
className="shrink-0"
unoptimized
/>
)}
<span className="hidden truncate text-sm font-extrabold uppercase tracking-widest text-white/85 sm:inline">
{hotelName}
</span>
</div>
<div className="flex shrink-0 items-center gap-1 rounded-xl border border-white/10 bg-white/5 px-1.5 py-1 sm:px-2">
<LanguageSwitcher />
<div className="hidden h-5 w-px bg-white/15 sm:block" />
<Clock />
<div className="h-5 w-px bg-white/15" />
<ThemeSwitcher />
</div>
</div>
);
}