import type { Metadata } from "next";
import { Suspense } from "react";

import { LoginForm } from "./login-form";

export const metadata: Metadata = {
  title: "Login",
  description: "Secure sign-in for your Big Boyz Body coaching account.",
  robots: { index: false, follow: false },
};

export default function LoginPage() {
  return (
    <Suspense
      fallback={
        <div className="surface rounded-2xl p-8">
          <div className="bg-muted h-6 w-40 animate-pulse rounded-md" />
          <div className="bg-muted mt-6 h-40 w-full animate-pulse rounded-lg" />
        </div>
      }
    >
      <LoginForm />
    </Suspense>
  );
}