WordPress Block Pattern for Jumbotron

jumbotron.html

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"}}},"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group alignwide has-white-color has-black-background-color has-text-color has-background" style="padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><div class="wp-block-group__inner-container"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","textColor":"green"} -->
<h2 class="has-text-align-left has-green-color has-text-color"><strong>Native American Art</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Encompasses the visual artistic practices of the indigenous peoples of the Americas from ancient times to the present. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"left"} -->
<div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"backgroundColor":"green","textColor":"black"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-green-background-color has-text-color has-background">Learn more →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><div class="wp-block-group__inner-container"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3} -->
<h3><strong>Arctic</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The Yup'ik of Alaska have a long tradition of carving masks for use in shamanic rituals. Indigenous peoples of the Canadian arctic have produced objects that could be classified as art since the time of the Dorset culture.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"black","textColor":"green","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 has-green-color has-black-background-color has-text-color has-background no-border-radius">View details</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3} -->
<h3><strong>Subarctic</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Cultures of interior Alaska and Canada living south of the Arctic Circle are Subarctic peoples. While humans have lived in the region far longer, the oldest known surviving Subarctic art is a petroglyph site in northwest Ontario, dated to 5000 BCE.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"black","textColor":"green","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 has-green-color has-black-background-color has-text-color has-background no-border-radius">View details</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3} -->
<h3><strong>Northwest Coast</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The art of the Haida, Tlingit, Heiltsuk, Tsimshian and other smaller tribes living in the coastal areas of Washington, Oregon, and British Columbia, characterized by a complex stylistic vocabulary expressed mainly in  woodcarving.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"black","textColor":"green","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 has-green-color has-black-background-color has-text-color has-background no-border-radius">View details</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:group -->