import Layout from "@/components/layout/layout";
import Link from "next/link";
import Image from "next/image";
import tutorSignIn from '../../../public/assets/interface/tutorSignIn.svg'
import clientSignIn from '../../../public/assets/interface/clientSignIn.svg'
import { NoIndexHead } from "@/utils/customHead";

export default function Auth() {
  return (
        <>
        <NoIndexHead />
          <Layout>
            <section className='flex-col h-withoutHeader justify-center items-center gap-10 text-white flex bg-white pt-24 pb-40'>
                <div className="flex w-full justify-center gap-32 md:flex-col md:gap-10 md:items-center z-10 lg:gap-20">
                  <Link href='/tuteur/' target='_blank' >
                    <button className='w-[320px] h-[180px] overflow-hidden relative group justify-center items-center flex rounded-md text-2xl bg-[#FDB636]/90 hover:bg-[#FDB636] transition-all duration-300 text-white py-12 md:w-[280px] md:py-8'>
                      <p className='font-bold group-hover:scale-[1.08] transition-all duration-300 w-full'>Espace Tuteur</p>
                      <Image src={tutorSignIn} alt="Big pictogram" className='absolute bottom-0 -right-5 w-[100px] h-auto transition-all duration-500 group-hover:right-0'/>
                    </button>
                  </Link>
                  <Link href='/client/' target='_blank' >
                    <button className='w-[320px] relative group overflow-hidden justify-center flex flex-col items-center rounded-md text-2xl bg-[#2A3955]/90 hover:bg-[#2A3955] transition-all duration-300 text-white h-[180px] gap-3 md:w-[280px]'>
                      <p className='font-bold group-hover:scale-[1.08] transition-all duration-300'>Espace Client</p>
                      <Image src={clientSignIn} alt="Big pictogram" className='w-[100px] left-5 absolute -bottom-10 h-auto transition-all duration-500 group-hover:-bottom-3'/>
                    </button>
                  </Link>
                </div>
            </section>
          </Layout>
        </>
  )
}