import type { NextPage } from "next";
import Head from "next/head";
import { FormLogin } from "~/forms/FormLogin";
import { useTranslation } from "~/providers/I18nProvider";

/**
 * Pagina login: /login
 */
const LoginPage: NextPage = () => {
	const { t } = useTranslation();
	// FLOWS: login | 1 | Login Page
	return (
		<>
			<Head>
				<title>{t.heads.login_titolo}</title>
				<meta content={t.heads.login_description} name="description" />
			</Head>
			<main className="flex h-full w-full flex-col items-center justify-center px-4">
				<div className="w-full max-w-md py-28 md:py-44">
					<FormLogin />
				</div>
			</main>
		</>
	);
};
export default LoginPage;
