Forgot Password

<BbCard class="w-full max-w-sm">
    <BbCardHeader class="text-center">
        <div class="flex justify-center mb-2">
            <!-- lock icon SVG -->
        </div>
        <BbCardTitle class="text-2xl">Forgot your password?</BbCardTitle>
        <BbCardDescription>Enter your email and we'll send you a reset link.</BbCardDescription>
    </BbCardHeader>
    <BbCardContent>
        <div class="space-y-4">
            <div class="space-y-2">
                <BbLabel For="email">Email</BbLabel>
                <BbInput Id="email" Type="InputType.Email" Placeholder="[email protected]" />
            </div>
            <BbButton Class="w-full">Send Reset Link</BbButton>
        </div>
    </BbCardContent>
    <BbCardFooter>
        <div class="w-full text-center text-sm text-muted-foreground">
            Remember your password?
            <a href="#" class="text-primary underline-offset-4 hover:underline">Back to login</a>
        </div>
    </BbCardFooter>
</BbCard>