import { MainLayout } from "../layouts/MainLayout";
export default function Home() {
  return (
    <MainLayout>
      <div className="grid lg:grid-cols-2 grid-cols-1 xl:mt-10 gap-10 items-center">
        <div className="bg-primary-dark p-10 rounded-lg flex flex-col gap-10 h-fit 3xl:w-2/3 w-full text-lg text-primary-text/90 shadow-lg shadow-gradient-dark/20">
          <div>
            <span className="font-bold text-xl text-primary-text">
              Lorem ipsum dolor{" "}
            </span>{" "}
            sit amet consectetur adipisicing elit. Laboriosam ab quia quae
            reiciendis. Nostrum corrupti laboriosam quae vero repudiandae
            dolorem quos dolores laborum recusandae atque itaque illo autem
            neque odit, in soluta sit alias necessitatibus fugit veniam sunt at.
          </div>
          <button className="px-4 py-2 rounded-lg bg-primary hover:bg-primary/50 transition-all ease-out duration-150 font-bold w-fit text-white">
            Action
          </button>
        </div>
        <div id="showcase" className="w-full h-96 bg-primary-text">
          <div className="text-primary-dark m-auto w-fit">showcase</div>
        </div>
      </div>
    </MainLayout>
  );
}