import LoginPanel from "../../components/auth/LoginPanel"
import PromoPanel from "../../components/auth/PromoPanel"

const LoginPage = () => {
  return (
    <>
<div className="h-full  max-h-dvh w-full max-w-[1100px] mx-auto">

<div class="my-6 grid grid-cols-1 md:grid-cols-[60%_40%] gap-2 ">
  <div class="">
    {/* Left: Promo */}
          <PromoPanel />
  </div>

  <div class="">
  {/* Right: Login */}
          <LoginPanel />
  </div>
</div>
</div>  
    </>
  )
}

export default LoginPage
