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

const LoginPage: NextPage = () => {
  const { t } = useTranslation();

  return (
    <>
      <Head>
        <title>{t.heads.login_titolo}</title>
        <meta name="description" content={t.heads.login_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 text-gray-600 md:py-44">
          <FormLogin />
        </div>
      </main>
    </>
  );
};
export default LoginPage;
