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="grid md:grid-cols-2 h-[770px]">
        <div className="w-full flex flex-col my-3">
          <LetsGetStartedNav />
          {children}
        </div>
        <div className="w-full">
          <img src={layoutImage} alt="" className="w-full h-full" />
        </div>
      </div>
      <div className="fixed bottom-0 left-0 bg-[#F7F7F7] w-full">
        <Footer />
      </div>
    </>
  );
};

export default LetsGetStartedLayout;