<neura::container size="xs">
  <neura::stack
    padding="xl"
    gap="md"
    rounded="3xl"
    class="bg-white dark:bg-neutral-900"
  >

  <neura::box variant="card">
    <neura::icon
      name="lock-closed"
      class="size-7 text-primary-600"
    />
  </neura::box>

  <neura::heading
    level="h1"
    size="2xl"
    align="center"
  >
    Welcome back
  </neura::heading>

  <neura::text
    size="sm"
    align="center"
  >
    Sign in to your account
  </neura::text>

  <neura::form wire:submit="login">
    <neura::field required>
      <neura::label>Email</neura::label>
      <neura::input
        type="email"
        placeholder="you@example.com"
      />
    </neura::field>

    <neura::field required>
      <neura::label>Password</neura::label>
      <neura::input
        type="password"
        revealable
      />
    </neura::field>

    <neura::checkbox label="Remember me" />

    <neura::button
      variant="primary"
      size="lg"
      class="w-full"
    >
      Sign in
    </neura::button>
  </neura::form>

  </neura::stack>
</neura::container>