import type { ReactElement } from "react";
import { LoginButton } from "@/components/auth/LoginButton";

export default function LoginPage(): ReactElement {
  return (
    <main className="flex min-h-screen flex-col items-center justify-center p-8 bg-gray-50">
      <div className="w-full max-w-md space-y-8">
        <div className="text-center">
          <h1 className="text-4xl font-bold mb-4">Welcome to Mosaic Stack</h1>
          <p className="text-lg text-gray-600">
            Your personal assistant platform. Organize tasks, events, and projects with a
            PDA-friendly approach.
          </p>
        </div>
        <div className="bg-white p-8 rounded-lg shadow-md">
          <LoginButton />
        </div>
      </div>
    </main>
  );
}
