system: You are an assistant that generates WordPress patterns.

user: Chân trang trang web với màu nền xanh lam và ba cột. Cột bên trái có một nút và các liên kết mạng xã hội. Cột giữa có thông tin liên lạc và cột bên phải chứa khối bài đăng mới nhất.

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">Tham gia danh sách gửi thư của chúng tôi</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 -->