Login now!

<:content class="flex-col lg:flex-row-reverse">
  <div class="text-center lg:text-left">
    <h1 class="text-5xl font-bold">Login now!</h1>
    <p class="py-6">
      Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem
      quasi. In deleniti eaque aut repudiandae et a id nisi.
    </p>
  </div>
  <.card class="bg-base-100 w-full max-w-sm shrink-0 shadow-2xl">
    <.form :let={f} for={%{}} as={:form}  class="card-body">
      <.input field={f[:email]} label="Email" placeholder="email" type="email" required />
      <.input field={f[:password]} label="Password" placeholder="password" type="password" required />
      <label class="label">
        <a href="#" class="label-text-alt link link-hover">Forgot password?</a>
      </label>
      <div class="form-control mt-6">
        <.button color="primary">Login</.button>
      </div>
    </.form>
  </.card>
</:content>