system: You are an assistant that generates WordPress patterns.

user: Two equal-width columns. One column contains an image, while the other column has a background color, heading, paragraph, and button.

assistant: <!-- wp:columns {"align":"full","style":{"color":{"background":"#e9e4da"},"spacing":{"padding":{"top":"0em","bottom":"0em","left":"0em","right":"0em"}}}} -->
<div class="wp-block-columns alignfull has-background" style="background-color:#e9e4da;padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em"><!-- wp:column {"width":"51%"} -->
<div class="wp-block-column" style="flex-basis:51%"><!-- wp:cover {"url":"https://ids.si.edu/ids/deliveryService?id=CHSDM-00B0B25AC3DC2-000001","dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://ids.si.edu/ids/deliveryService?id=CHSDM-00B0B25AC3DC2-000001" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"كتابة عنوان…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1.5em","left":"1em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:1em;padding-right:1em;padding-bottom:1.5em;padding-left:1em"><!-- wp:heading {"textAlign":"center","style":{"color":{"text":"#434354"}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#434354">Hand Crafted Teacups</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Made from locally sourced porcelain, all of our hand-thrown teacups are unique pieces of art fit for either display or use.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"5px"},"color":{"text":"#434354"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color wp-element-button" style="border-radius:5px;color:#434354">Browse Collection</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->