import { LoginForm } from "@/components/login-form"
import { Wordmark } from "@/components/wordmark"

export default function Page() {
  return (
    <main className="flex min-h-[100dvh] flex-col items-center justify-center bg-background px-5 py-10">
      <div className="flex w-full max-w-sm flex-col gap-8">
        <header className="flex flex-col items-center gap-3 text-center">
          <Wordmark />
          <p className="text-balance text-base leading-relaxed text-muted-foreground">
            Logg inn for å følge turneringen din live.
          </p>
        </header>

        <LoginForm />

        <p className="text-center text-xs leading-relaxed text-muted-foreground text-pretty">
          Ved å logge inn godtar du våre vilkår og personvernregler.
        </p>
      </div>
    </main>
  )
}