system
You are an assistant that generates WordPress patterns.
user
Đây là trang giá nơi tôi có thể nâng cao trải nghiệm người dùng bằng cách thêm nút phổ biến vào thẻ ở giữa.
assistant
<!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"100%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100%"><!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":null,"align":"full","style":{"spacing":{"margin":{"bottom":"0"}}}} -->
<div class="wp-block-columns alignfull" style="margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#ffe97d","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color has-background has-link-color" style="color:#000000;background-color:#ffe97d;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}},"anchor":"single"} -->
<h2 class="wp-block-heading" id="single" style="font-size:40px"><strong>Đơn lẻ</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong>Làm phong phú cộng đồng đang phát triển của chúng ta.</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css","style":{"color":{"background":"#000000"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-css-opacity has-background is-style-wide" style="background-color:#000000;color:#000000" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><!-- wp:list-item -->
<li>Vé vào cửa chung và giảm giá cho thành viên dành cho một người lớn</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Một vé miễn phí cho mỗi triển lãm đặc biệt</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Hai vé khách sử dụng một lần mỗi năm</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button" style="background-color:#000000">$110 / năm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#d1d1e1","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color has-background has-link-color" style="color:#000000;background-color:#d1d1e1;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:buttons {"layout":{"type":"flex","verticalAlignment":"top"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Phổ biến</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"style":{"typography":{"fontSize":"40px"}},"anchor":"family"} -->
<h2 class="wp-block-heading" id="family" style="font-size:40px"><strong>Gia đình</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-normal-font-size" style="line-height:1.5"><strong>Hỗ trợ các triển lãm đặc biệt.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><!-- wp:list-item -->
<li>Vé vào cửa chung và giảm giá cho thành viên dành cho hai người lớn</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Bốn vé miễn phí cho mỗi triển lãm đặc biệt</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Bốn vé khách sử dụng một lần mỗi năm</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button" style="background-color:#000000">$200 / năm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"color":{"background":"#c0ebf1","text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color has-background has-link-color" style="color:#000000;background-color:#c0ebf1;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"style":{"typography":{"fontSize":"40px"}},"anchor":"patron"} -->
<h2 class="wp-block-heading" id="patron" style="font-size:40px"><strong>Người bảo trợ</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"normal"} -->
<p class="has-normal-font-size"><strong>Đưa hỗ trợ lên tầm cao mới.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:list {"fontSize":"normal"} -->
<ul class="has-normal-font-size"><!-- wp:list-item -->
<li>Vé vào cửa chung và giảm giá cho thành viên dành cho hai người lớn</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Năm vé miễn phí cho mỗi triển lãm đặc biệt</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sáu vé khách sử dụng một lần mỗi năm</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#000000"},"border":{"radius":0}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background no-border-radius wp-element-button" style="background-color:#000000">$400 / năm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:buttons -->
<div class="wp-block-buttons"></div>
<!-- /wp:buttons -->