import { Suspense } from "react";
import { ShitayeLogoLoader } from "@/components/ShitayeLogoLoader";
import { LoginPageClient } from "./LoginPageClient";

export const metadata = {
  title: "Sign in",
  description:
    "Guest sign-in — OTP, password, social (mock), or booking reference at Shitaye Suite Hotel.",
};

export default function GuestLoginPage() {
  return (
    <Suspense
      fallback={
        <div className="flex min-h-[50vh] items-center justify-center bg-[var(--color-bg)]">
          <ShitayeLogoLoader label="Loading sign-in…" />
        </div>
      }
    >
      <LoginPageClient />
    </Suspense>
  );
}
