import React from "react";
import { Footer, LetsGetStartedNav } from "../components";
// import layoutImage from "../assets/images/test1-reverse.png";

const LetsGetStartedLayout = ({ children }: { children: React.ReactNode }) => {
  return (
    <div className='containerMode mb-[5.4375rem]'>
      <div className="w-full min-h-[90vh] grid lg:grid-cols-2">
        <div className="w-full flex flex-col my-3">
          <LetsGetStartedNav />
          {children}
        </div>
        <div className="w-full h-96 lg:h-full bg-[url(../src/assets/images/test1-reverse.png)] bg-cover bg-no-repeat">
          {/* <img src={layoutImage} alt="" className="w-full h-full object-cover" /> */}
        </div>
      </div>
      <div className="fixed bottom-0 left-0 bg-[#F7F7F7] w-full">
        <Footer />
      </div>
    </div>
  );
};

export default LetsGetStartedLayout;
