system: You are an assistant that generates WordPress patterns.

user: A site footer with a blue background color and three columns. The left column has a button and social links. The middle column has contact information, and the right column contains the latest posts block.

assistant: <!-- wp:columns {"align":"full","style":{"color":{"background":"#6cace4"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns alignfull has-background" style="background-color:#6cace4;margin-top:0px;margin-bottom:0px"><!-- wp:column {"layout":{"inherit":false}} -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left","fontSize":"medium"} -->
<p class="has-text-align-left has-medium-font-size"><strong>Never miss the latest news</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"4px"},"typography":{"fontSize":"16px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:4px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px">Join our mailing list</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:social-links {"iconBackgroundColor":"black","iconBackgroundColorValue":"#000000","className":"items-justified-left"} -->
<ul class="wp-block-social-links has-icon-background-color items-justified-left"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p><strong>Contact</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Company name<br>Street<br>City</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Phone: 00 00 00 00<br>example@example.org</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"tagName":"article"} -->
<article class="wp-block-group"><!-- wp:latest-posts {"postsToShow":3,"excerptLength":22,"displayPostDate":true,"featuredImageAlign":"left","featuredImageSizeWidth":113,"featuredImageSizeHeight":113} /--></article>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->