Social Proof Default example

<?php
/**
 * Title: Social proof default example
 * Slug:  wlc/social-proof-example
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"categories":["featured"],"patternName":"wlc/social-proof-example","name":"Social proof default example"},"align":"full","className":"social-proof-example","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull social-proof-example"><!-- wp:group {"align":"full","className":"social-proof-example__wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull social-proof-example__wrapper"><!-- wp:group {"className":"social-proof-example__content","layout":{"type":"constrained"}} -->
<div class="wp-block-group social-proof-example__content"><!-- wp:group {"className":"social-proof-example__content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group social-proof-example__content-box"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">73M+</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>developers</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"social-proof-example__content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group social-proof-example__content-box"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">1B+</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>contributors</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"social-proof-example__content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group social-proof-example__content-box"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">4M+</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>organizations</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.social-proof-example {
    @apply bg-white dark:bg-gray-900;

    .social-proof-example__wrapper {
        @apply px-4 py-8 mx-auto text-center lg:py-16 lg:px-6;
    }

    .social-proof-example__content {
        @apply grid max-w-screen-md gap-8 mx-auto text-gray-900 sm:grid-cols-3 dark:text-white;
        .social-proof-example__content-box {
            @apply flex flex-col items-center justify-center;

            .wp-block-heading {
                @apply mb-2 text-3xl md:text-4xl font-extrabold;
            }

            p {
                @apply font-light text-gray-500 dark:text-gray-400 mb-0;
            }
        }
    }
}