system
You are an assistant that generates WordPress patterns.
user
Trang demo với các tính năng
assistant
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.6rem","bottom":"7.7rem","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"gradient":"electric-grass","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull has-electric-grass-gradient-background has-background" style="padding-top:1.6rem;padding-right:var(--wp--preset--spacing--30);padding-bottom:7.7rem;padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","level":1,"fontSize":"huge"} -->
<h1 class="wp-block-heading has-text-align-center has-huge-font-size">Demo trực tiếp</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Chào mừng bạn đến với trang demo của chúng tôi! Chúng tôi hy vọng bạn sẽ thấy các tùy chọn tùy chỉnh hữu ích. 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","gradient":"light-green-cyan-to-vivid-green-cyan","style":{"border":{"radius":"72px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-light-green-cyan-to-vivid-green-cyan-gradient-background has-text-color has-background has-text-align-center wp-element-button" style="border-radius:72px;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">Xem Demo</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"center","gradient":"light-green-cyan-to-vivid-green-cyan","style":{"border":{"radius":"100px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-green-cyan-to-vivid-green-cyan-gradient-background has-background has-text-align-center wp-element-button" style="border-radius:100px">Tải xuống</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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

<!-- wp:heading {"textAlign":"center","fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size">Điều gì làm cho sản phẩm tuyệt vời?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Tất cả các chức năng &amp; tiềm năng tiên tiến!</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-left has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Feature 1</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Explore...</strong><br> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-right has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Feature 2</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Explore...</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"fontSize":"medium"} -->
<p class="has-text-align-left has-medium-font-size" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><strong>Feature 3</strong><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget iaculis<br><strong>Explore...</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb29uX21vdW50YWluX21vdW50YWluc19pbWFnaW5hdGlvbi1pbWFnZS1reWJkNXU3Yy5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"dimRatio":50,"minHeight":200,"minHeightUnit":"px","gradient":"pale-ocean","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0vw","right":"0vw","bottom":"0vw","left":"0vw"},"margin":{"top":"0","bottom":"var:preset|spacing|50"},"blockGap":"0"}}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50);padding-top:0vw;padding-right:0vw;padding-bottom:0vw;padding-left:0vw;min-height:200px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim has-background-gradient has-pale-ocean-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0vw"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"layout":{"selfStretch":"fill"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"600px"}} -->
<div class="wp-block-group alignwide" style="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","align":"wide","style":{"typography":{"fontSize":"27px","textTransform":"none","fontStyle":"normal","fontWeight":"500","lineHeight":"0.9"}},"textColor":"contrast"} -->
<h2 class="wp-block-heading alignwide has-text-align-center has-contrast-color has-text-color" style="font-size:27px;font-style:normal;font-weight:500;line-height:0.9;text-transform:none">Bạn muốn có phiên bản trang web tốt nhất?</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"24px"} -->
<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","textColor":"contrast"} -->
<p class="has-text-align-center has-contrast-color has-text-color">Khám phá mạng lưới đường mòn của chúng tôi dẫn qua nhiều môi trường sống rừng khác nhau và quan sát hệ thực vật đa dạng gọi nơi này là nhà. </p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","style":{"spacing":{"padding":{"left":"48px","right":"48px","top":"24px","bottom":"24px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","letterSpacing":"0px"},"border":{"radius":"100px","top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button" style="border-radius:100px;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;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Tải xuống ngay!</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->