Blade code

<div class="flex flex-col gap-6">
    <div class="flex w-full flex-col text-center">
        <h1 class="text-xl font-semibold text-gray-900 dark:text-white">Log in to your account</h1>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Enter your email and password below to log in</p>
    </div>

    <form method="POST" action="#" class="flex flex-col gap-6">
        <x-fwb.input name="email" label="Email address" type="email" required placeholder="email@example.com" />
        <x-fwb.input name="password" label="Password" type="password" required placeholder="Password" />
        <x-fwb.checkbox name="remember" label="Remember me" />
        <x-fwb.button type="submit" class="w-full">Log in</x-fwb.button>
    </form>

    <div class="text-sm text-center text-gray-500 dark:text-gray-400">
        Don't have an account?
        <a href="#" class="text-blue-600 hover:underline dark:text-blue-500">Sign up</a>
    </div>
</div>