/* eslint-disable-next-line */
export interface HomeSectionGridProps {
}

export function HomeSectionGrid(props: HomeSectionGridProps) {
  return (
    <>
      <section className="w-full bg-white p-5 sm:p-10 lg:pt-0 lg:py-10 lg:my-10">
        <div className="container max-w-6xl relative mx-auto relative flex row lg:mb-10 h-auto">
          <div className="place-self-center lg:col-span-7 md:px-5 md:px-0 md:pr-10">
            <h3 className="lg:max-w-2xl mb-4 text-xl font-extrabold tracking-tight leading-none md:text-2xl xl:text-3xl dark:text-white">
              Méthode révolutionnaire pour apprendre à jouer
            </h3>
            <p className="lg:max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg dark:text-gray-400">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat nulla lorem, at consectetur ligula pulvinar nec. Fusce dictum aliquet tellus id aliquam. Praesent feugiat tincidunt ante. Aliquam non lectus est. Suspendisse porta, dolor vel aliquet pharetra, ipsum diam laoreet ante, a feugiat nisi justo eu est. </p>
            <p className="lg:max-w-2xl font-light text-gray-500 lg:mb-8 md:text-lg dark:text-gray-400">Suspendisse in eros nisl. Vivamus eu convallis massa. Phasellus sit amet felis ut velit semper sagittis eget vitae arcu. Nunc leo est, vulputate sed libero non, efficitur lobortis odio. Proin fermentum massa non metus bibendum imperdiet.</p>
          </div>
          <div className="hidden relative md:mt-10 lg:col-span-5 lg:flex grow justify-around">
            <div className="md:w-2/5 relative bg-gray-200 rounded-lg h-[350px]"></div>
            <div className="md:w-2/5 relative bg-gray-200 rounded-lg h-[350px] top-10"></div>
          </div>
        </div>
      </section>
    </>
  );
}

export default HomeSectionGrid;
