Contact Form

<BbCard class="w-full max-w-lg">
    <BbCardHeader>
        <BbCardTitle class="text-2xl">Contact Us</BbCardTitle>
        <BbCardDescription>Fill out the form below and we'll get back to you within 24 hours.</BbCardDescription>
    </BbCardHeader>
    <BbCardContent>
        <div class="space-y-4">
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                <div class="space-y-2">
                    <BbLabel For="first-name">First Name</BbLabel>
                    <BbInput Id="first-name" Type="InputType.Text" Placeholder="John" />
                </div>
                <div class="space-y-2">
                    <BbLabel For="last-name">Last Name</BbLabel>
                    <BbInput Id="last-name" Type="InputType.Text" Placeholder="Doe" />
                </div>
            </div>
            <div class="space-y-2">
                <BbLabel For="email">Email</BbLabel>
                <BbInput Id="email" Type="InputType.Email" Placeholder="[email protected]" />
            </div>
            <div class="space-y-2">
                <BbLabel For="subject">Subject</BbLabel>
                <BbInput Id="subject" Type="InputType.Text" Placeholder="How can we help?" />
            </div>
            <div class="space-y-2">
                <BbLabel For="message">Message</BbLabel>
                <BbTextarea Id="message" Rows="5" Placeholder="Tell us how we can help..." />
            </div>
        </div>
    </BbCardContent>
    <BbCardFooter>
        <BbButton Class="w-full">Send Message</BbButton>
    </BbCardFooter>
</BbCard>