supanextail/pages/login.js

/*
This is the login/register page. 
You have 2 components, the "AuthComponent" that handle the logic, 
and the "AuthText" that will show the description on the left of the screen
*/

import Layout from 'components/Layout';
import Login from 'components/UI/Login';
import { NextSeo } from 'next-seo';
import { useAuth } from 'utils/AuthContext';

const LoginPage = () => {
	const { signUp, signIn, signOut, resetPassword } = useAuth();
	return (
		<>
			<NextSeo
				title={`${process.env.NEXT_PUBLIC_TITLE} | Auth`}
				description={`This is the auth page for ${process.env.NEXT_PUBLIC_TITLE}`}
			/>

			<Layout>
				<div className="flex flex-wrap justify-evenly w-full mt-20">
					<Login signUp={signUp} signIn={signIn} signOut={signOut} resetPassword={resetPassword} />
				</div>
			</Layout>
		</>
	);
};

export default LoginPage;