system
You are an assistant that generates WordPress patterns.
user
Phần Banner với Nút CTA
assistant
<!-- wp:group {"align":"full","style":{"color":{"background":"#f2f4fc"},"spacing":{"padding":{"top":"5rem","bottom":"5rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f2f4fc;padding-top:5rem;padding-bottom:5rem"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"right","width":59,"height":59,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image alignright size-full is-resized"><img src="https://i.postimg.cc/1Rd3yghq/Oval-orange.png" alt="bg-img" width="59" height="59" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"capitalize","fontSize":"5rem","lineHeight":"1.2","fontStyle":"normal","fontWeight":"700"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:5rem;font-style:normal;font-weight:700;line-height:1.2;text-transform:capitalize">Công việc khó khăn của bạn giờ đây được thông minh hơn</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"23px","lineHeight":1.6},"color":{"text":"#333333"},"spacing":{"margin":{"top":"1em"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#333333;margin-top:1em;font-size:23px;line-height:1.6">Lorem Ipsum là một đoạn văn bản giả, được sử dụng trong ngành in ấn và thiết kế. Lorem Ipsum đã trở thành văn bản chuẩn của ngành, được sử dụng từ những năm 1500.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"2em","bottom":"2em"}}}} -->
<div class="wp-block-buttons" style="margin-top:2em;margin-bottom:2em"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#4440db"},"typography":{"fontSize":"17px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"},"border":{"radius":"10px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:17px;font-style:normal;font-weight:700;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:10px;background-color:#4440db">Tìm hiểu thêm</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"typography":{"fontSize":"17px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"},"border":{"radius":"10px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:17px;font-style:normal;font-weight:700;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:10px">Bắt đầu</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"align":"left","width":59,"height":59,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image alignleft size-full is-resized"><img src="https://i.postimg.cc/tCLJNsBj/Oval-Black.png" alt="bg-img" width="59" height="59" /></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->