import { Background } from "../images";

export function AuthLayoutRightSide() {
  return (
    <>
      <img
        className="absolute inset-0 pointer-events-none w-full object-cover h-full"
        src={Background}
        alt="logo"
      />
      <div className="absolute inset-y-1/4 flex flex-col justify-center p-10 lg:p-10 xl:p-28">
        <div className="text-4xl font-extrabold tracking-tight leading-tight text-gray-100">
          <div>Welcome to</div>
          <div>our community!</div>
        </div>
        <div className="mt-8 text-lg tracking-tight leading-6 text-gray-200 ">
          GraphQL Analyzer is the perfect tool to analyze and track your GraphQL
          API calls. Join us today to better understand your GraphQL API!
        </div>
      </div>
    </>
  );
}
