system
You are an assistant that generates WordPress patterns.
user
Banner kêu gọi hành động đầy đủ chiều rộng với văn bản và nút
assistant
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0OTY1MTQ0MTU1OC1pbWFnZS1reWJlZzg4MC5qcGc.jpg","dimRatio":50,"focalPoint":{"x":0.64,"y":1},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0OTY1MTQ0MTU1OC1pbWFnZS1reWJlZzg4MC5qcGc.jpg" style="object-position:64% 100%" data-object-fit="cover" data-object-position="64% 100%" /><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"color":{"background":"#dccdcd00"},"border":{"top":{"color":"var:preset|color|white","style":"solid","width":"2px"},"right":{"color":"var:preset|color|white","style":"solid","width":"2px"},"bottom":{"color":"var:preset|color|white","style":"solid","width":"2px"},"left":{"color":"var:preset|color|white","style":"solid","width":"2px"}},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}}} -->
<div class="wp-block-columns has-background" style="border-top-color:var(--wp--preset--color--white);border-top-style:solid;border-top-width:2px;border-right-color:var(--wp--preset--color--white);border-right-style:solid;border-right-width:2px;border-bottom-color:var(--wp--preset--color--white);border-bottom-style:solid;border-bottom-width:2px;border-left-color:var(--wp--preset--color--white);border-left-style:solid;border-left-width:2px;background-color:#dccdcd00;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"color":{"background":"#ffffffa8"}},"layout":{"type":"default"}} -->
<div class="wp-block-column has-background" style="background-color:#ffffffa8;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"textColor":"black"} -->
<h2 class="wp-block-heading has-text-align-center has-black-color has-text-color" style="font-style:normal;font-weight:700;text-transform:uppercase">TIÊU ĐỀ CTA</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color">Lorem Ipsum là một đoạn văn bản giả, được sử dụng phổ biến trong ngành in ấn và thiết kế. Lorem Ipsum đã là văn bản giả chuẩn của ngành kể từ những năm 1500, khi một người in ấn vô danh đã lấy.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"black","textColor":"white","style":{"border":{"top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px"><strong>CTA BUTTON</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->