Social Proof

Use social proof and customer logo blocks to build trust and credibility with your audience by showcasing statistics and brand partnerships.

Default Social Proof

Blade code

<x-fwb.blocks.marketing.social-proof />

Custom Social Proof

150K+
active users
30+
countries
99.9%
uptime

Blade code

<x-fwb.blocks.marketing.social-proof class="bg-gray-50 dark:bg-gray-800">
    <div class="flex flex-col items-center justify-center">
        <dt class="mb-2 text-3xl md:text-4xl font-extrabold">150K+</dt>
        <dd class="font-light text-gray-500 dark:text-gray-400">active users</dd>
    </div>
    <div class="flex flex-col items-center justify-center">
        <dt class="mb-2 text-3xl md:text-4xl font-extrabold">30+</dt>
        <dd class="font-light text-gray-500 dark:text-gray-400">countries</dd>
    </div>
    <div class="flex flex-col items-center justify-center">
        <dt class="mb-2 text-3xl md:text-4xl font-extrabold">99.9%</dt>
        <dd class="font-light text-gray-500 dark:text-gray-400">uptime</dd>
    </div>
</x-fwb.blocks.marketing.social-proof>

Default Customer Logos

You'll be in good company

Blade code

<x-fwb.blocks.marketing.customer-logos />

Custom Customer Logos

Trusted by leading companies

Google Microsoft

Blade code

<x-fwb.blocks.marketing.customer-logos title="Trusted by leading companies">
    <a href="#" class="flex justify-center items-center">
        <svg class="h-9 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 86 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <title>Google</title>
            <path d="M27.514 14.728C27.514 13.864 27.442 13.036 27.31 12.244H14.028V16.924H21.558C21.226 18.624 20.254 20.068 18.802 21.04V24.508H23.318C26.038 22 27.514 18.672 27.514 14.728Z" />
        </svg>
    </a>
    <a href="#" class="flex justify-center items-center">
        <svg class="h-8 hover:text-gray-900 dark:hover:text-white" viewBox="0 0 2499.6 578.6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <title>Microsoft</title>
            <path d="M897.9 473.4V118.5H981v280.3l132.5-173.1h82.4L1074 380l128.7 93.4h-88.4l-103.3-80.5-30 38V473.4H897.9z" />
        </svg>
    </a>
</x-fwb.blocks.marketing.customer-logos>

Component Properties

SocialProof x-fwb.blocks.marketing.social-proof

Prop Type Default Description
title string '' Optional title displayed above the statistics (unused in default template).
slot slot - Statistics items. Each item should contain a <dt> and <dd> pair.

CustomerLogos x-fwb.blocks.marketing.customer-logos

Prop Type Default Description
title string 'You'll be in good company' Heading text displayed above the logo grid.
slot slot - Logo items. Each should be an anchor element containing an SVG logo icon.