<!-- wp:group {"className":"bbp-pattern bbp-pattern-general-intro-2"} -->
<div class="wp-block-group bbp-pattern bbp-pattern-general-intro-2"><!-- wp:heading {"textAlign":"center","className":"bbp-pattern__title"} -->
<h2 class="has-text-align-center bbp-pattern__title"><?php echo esc_html_x( 'Section Intro', 'Block pattern demo content', 'better-block-patterns' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"bbp-pattern__description"} -->
<p class="has-text-align-center bbp-pattern__description"><?php echo esc_html( $lorem_short_1 ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"bbp-pattern bbp-pattern-general-pricing-1"} -->
<div class="wp-block-group bbp-pattern bbp-pattern-general-pricing-1">

<!-- wp:columns {"className":"bbp-columns__pricing"} -->
<div class="wp-block-columns bbp-columns__pricing"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3,"backgroundColor":"bbp-black-100","textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="has-text-align-center bbp-column__title has-bbp-white-100-color has-bbp-black-100-background-color has-text-color has-background"><?php echo esc_html_x( 'Pricing Plan &ndash; $33', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"className":"bbp-column-group is-style-bbp-border-black"} -->
<div class="wp-block-group bbp-column-group is-style-bbp-border-black"><!-- wp:list {"className":"is-style-bbp-underlined"} -->
<ul class="is-style-bbp-underlined"><li>Lorem impsum</li><li>Dolor sit amet</li><li>Minim veniam.</li><li>Lorem ipsum dolor sit amet</li><li>Consectetur adipisicing elit</li><li>Ut enim ad minim veniam</li></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link"><?php echo esc_html_x( 'Learn More', 'Block pattern demo content', 'better-block-patterns' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3,"backgroundColor":"bbp-black-100","textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="has-text-align-center bbp-column__title has-bbp-white-100-color has-bbp-black-100-background-color has-text-color has-background"><?php echo esc_html_x( 'Pricing Plan &ndash; $66', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"className":"bbp-column-group is-style-bbp-border-black"} -->
<div class="wp-block-group bbp-column-group is-style-bbp-border-black"><!-- wp:list {"className":"is-style-bbp-underlined"} -->
<ul class="is-style-bbp-underlined"><li>Lorem impsum</li><li>Dolor sit amet</li><li>Minim veniam.</li><li>Lorem ipsum dolor sit amet</li><li>Consectetur adipisicing elit</li><li>Ut enim ad minim veniam</li></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100,"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link"><?php echo esc_html_x( 'Learn More', 'Block pattern demo content', 'better-block-patterns' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":3,"backgroundColor":"bbp-black-100","textColor":"bbp-white-100","className":"bbp-column__title"} -->
<h3 class="has-text-align-center bbp-column__title has-bbp-white-100-color has-bbp-black-100-background-color has-text-color has-background"><?php echo esc_html_x( 'Pricing Plan &ndash; $99', 'Block pattern demo content', 'better-block-patterns' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"className":"bbp-column-group is-style-bbp-border-black"} -->
<div class="wp-block-group bbp-column-group is-style-bbp-border-black"><!-- wp:list {"className":"is-style-bbp-underlined"} -->
<ul class="is-style-bbp-underlined"><li>Lorem impsum</li><li>Dolor sit amet</li><li>Minim veniam.</li><li>Lorem ipsum dolor sit amet</li><li>Consectetur adipisicing elit</li><li>Ut enim ad minim veniam</li></ul>
<!-- /wp:list -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link"><?php echo esc_html_x( 'Learn More', 'Block pattern demo content', 'better-block-patterns' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->