import AuthLayout from "../AuthLayout";

export default function VerifyYou() {
  return (
    <>
      <AuthLayout
        slogan="Welcome to WrenchBoard"
      >
        <div className="content-wrapper login dark:bg-dark-white w-full lg:max-w-[500px] 2xl:w-[828px] rounded-xl flex flex-col justify-center sm:p-7 p-5">
          <div className="w-full">
            <div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
              <h1 className="text-[#181c32] font-semibold dark:text-white mb-3" style={{
                fontSize: 'calc(1rem + .6vw)'
              }}>
                Verification Sent
              </h1>
            </div>
            <div className="input-area">
              <div className="mb-5">
                <p className="text-[14px] leading-[19px] text-center text-[#181c32]">
                  To complete the verification process, you should check your email inbox and look for the verification email. It may take a few minutes for the email to arrive, so be patient. Once you receive the email, open it and click on the verification link provided.
                </p>
              </div>
              <div className="mb-5">
                <p className="text-[14px] leading-[19px] text-center text-[#181c32]">
                  If you haven't received the verification email after a reasonable amount of time, make sure to check your spam or junk mail folder. It's also possible that the email was sent to the wrong email address, so double-check that you entered your email address correctly.
                </p>
              </div>
            </div>
          </div>
        </div>
      </AuthLayout>
    </>
  );
}