import Image from "next/image";
import authImage from "public/auth.png";

const AuthText = () => {
  return (
    <div className='lg:mt-0 max-w-lg flex flex-col text-xl'>
      <div className='mt-10 mb-3'>
        <Image
          src={authImage}
          width={authImage.width / 1.5}
          height={authImage.height / 1.5}
        />
      </div>
      <h2 className='text-4xl font-title font-semibold'>
        Join SupaNexTail for <span className='text-accent'>free</span>!
      </h2>
      <p className='mb-5 mt-8 leading-9'>
        Create your website in a few minutes with our boilerplate. You can use
        the login system, this will allow you to discover the sample dashboard
        page.
      </p>
    </div>
  );
};

export default AuthText;