Account Locked
An account locked error state with support contact.
Card
Button
Preview
Account Locked
Your account has been temporarily locked due to multiple failed sign-in attempts.
For security reasons, please wait 15 minutes before trying again, or contact our support team for immediate assistance.
Email us at [email protected]
Code
<BbCard class="w-full max-w-sm">
<BbCardHeader class="text-center">
<div class="flex justify-center mb-2">
<div class="flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
<!-- icon SVG -->
</div>
</div>
<BbCardTitle class="text-2xl">Account Locked</BbCardTitle>
<BbCardDescription>
Your account has been temporarily locked due to multiple failed sign-in attempts.
</BbCardDescription>
</BbCardHeader>
<BbCardContent>
<div class="space-y-4 text-sm text-muted-foreground">
<p>
For security reasons, please wait 15 minutes before trying again, or contact our support team for immediate assistance.
</p>
<p>
Email us at
<a href="mailto:[email protected]" class="text-primary underline-offset-4 hover:underline">
[email protected]
</a>
</p>
</div>
</BbCardContent>
<BbCardFooter class="flex-col gap-2">
<BbButton Variant="ButtonVariant.Outline" Class="w-full" Disabled="true">Try Again</BbButton>
<BbButton Class="w-full">Contact Support</BbButton>
</BbCardFooter>
</BbCard>