Feature Row

<div class="w-full max-w-5xl mx-auto space-y-10">
    <div class="text-center space-y-4">
        <h2 class="scroll-m-20 text-3xl sm:text-4xl font-semibold tracking-tight">
            Why choose us
        </h2>
        <BbTypographyLead class="mx-auto max-w-2xl text-muted-foreground">
            Simple, powerful tools designed to help you ship faster and build with confidence.
        </BbTypographyLead>
    </div>
    <div class="grid grid-cols-2 lg:grid-cols-4 gap-8">
        <div class="flex flex-col items-center text-center space-y-3">
            <div class="flex items-center justify-center w-12 h-12 rounded-full bg-primary/10">
                <!-- icon SVG -->
            </div>
            <BbTypographyH4>Fast Setup</BbTypographyH4>
            <BbTypographySmall class="text-muted-foreground">
                Get up and running in minutes with our streamlined installation process.
            </BbTypographySmall>
        </div>
        <div class="flex flex-col items-center text-center space-y-3">
            <div class="flex items-center justify-center w-12 h-12 rounded-full bg-primary/10">
                <!-- icon SVG -->
            </div>
            <BbTypographyH4>Analytics</BbTypographyH4>
            <BbTypographySmall class="text-muted-foreground">
                Track performance and gain insights with built-in analytics support.
            </BbTypographySmall>
        </div>
        <div class="flex flex-col items-center text-center space-y-3">
            <div class="flex items-center justify-center w-12 h-12 rounded-full bg-primary/10">
                <!-- icon SVG -->
            </div>
            <BbTypographyH4>Team Ready</BbTypographyH4>
            <BbTypographySmall class="text-muted-foreground">
                Collaborate seamlessly with your team using shared configurations.
            </BbTypographySmall>
        </div>
        <div class="flex flex-col items-center text-center space-y-3">
            <div class="flex items-center justify-center w-12 h-12 rounded-full bg-primary/10">
                <!-- icon SVG -->
            </div>
            <BbTypographyH4>Enterprise Security</BbTypographyH4>
            <BbTypographySmall class="text-muted-foreground">
                Enterprise-grade security features to keep your data safe and compliant.
            </BbTypographySmall>
        </div>
    </div>
</div>