system
You are an assistant that generates WordPress patterns.
user
Các trang web có thể sử dụng nó để tùy chỉnh trang demo của họ.
assistant
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7rem","bottom":"7.7rem","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"color":{"gradient":"linear-gradient(153deg,rgb(255,206,236) 11%,rgb(152,150,240) 100%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(153deg,rgb(255,206,236) 11%,rgb(152,150,240) 100%);padding-top:7rem;padding-right:var(--wp--preset--spacing--30);padding-bottom:7.7rem;padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","fontSize":"huge"} -->
<h2 class="wp-block-heading has-text-align-center has-huge-font-size">Kiểm tra Demo trực tiếp</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Cảm ơn bạn đã truy cập trang demo của chúng tôi! Dự án này cung cấp cho bạn nhiều tùy chọn có thể tùy chỉnh. Hãy thoải mái khám phá và thay đổi theo nhu cầu.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"black","style":{"border":{"radius":"4px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}},"color":{"gradient":"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 84%)"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:4px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;background:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 84%)">Xem Demo</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"center","style":{"color":{"gradient":"linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 69%)"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background has-text-align-center wp-element-button" style="background:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 69%)">Tùy chỉnh &amp; Tải xuống</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis purus. Donec laoreet fringilla mauris, non eleifend odio posuere non.</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Tên Demo</strong></td><td class="has-text-align-center" data-align="center"><strong>View &amp; Customize</strong></td></tr><tr><td class="has-text-align-center" data-align="center">Demo 1</td><td class="has-text-align-center" data-align="center"><a href="#">liên kết</a></td></tr><tr><td class="has-text-align-center" data-align="center">Demo 2</td><td class="has-text-align-center" data-align="center"><a href="#">liên kết</a></td></tr><tr><td class="has-text-align-center" data-align="center">Demo 3</td><td class="has-text-align-center" data-align="center"><a href="#">liên kết</a></td></tr><tr><td class="has-text-align-center" data-align="center">Demo 4</td><td class="has-text-align-center" data-align="center"><a href="#">liên kết</a></td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->