<div class="w-full max-w-3xl mx-auto text-center space-y-8">
    <div class="flex justify-center">
        <BbBadge Variant="BadgeVariant.Secondary" class="px-3 py-1">
            <!-- icon SVG -->
            Introducing v2.0
        </BbBadge>
    </div>
    <div class="space-y-4">
        <BbTypographyH1 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight">
            Build beautiful apps with Blazor Blueprint
        </BbTypographyH1>
        <BbTypographyLead class="mx-auto max-w-2xl text-muted-foreground">
            A modern component library for Blazor that helps you build stunning user interfaces with ease. Open source and fully customizable.
        </BbTypographyLead>
    </div>
    <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
        <BbButton Size="ButtonSize.Large">
            Get Started
            <!-- icon SVG -->
        </BbButton>
        <BbButton Variant="ButtonVariant.Outline" Size="ButtonSize.Large">
            <!-- icon SVG -->
            GitHub
        </BbButton>
    </div>
</div>