system
You are an assistant that generates WordPress patterns.
user
Phần hero tuyệt vời với hình ảnh banner
assistant
<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(90deg,rgb(255,105,0) 10%,rgba(255,255,255,0) 56%,rgb(234,218,218) 73%,rgb(247,217,217) 99%)"},"dimensions":{"minHeight":"500px"}},"layout":{"type":"constrained","wideSize":"100%","contentSize":"1400px"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(90deg,rgb(255,105,0) 10%,rgba(255,255,255,0) 56%,rgb(234,218,218) 73%,rgb(247,217,217) 99%);min-height:500px"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"},"typography":{"fontSize":"15px"}}} -->
<div class="wp-block-columns alignfull" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:15px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:spacer {"height":"70px"} -->
<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"id":null,"width":"420px","height":"300px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topRight":"17px","bottomRight":"17px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0OTcwNTQ2MjE1My1pbWFnZS1rdTJjbGs4cC5qcGc.jpg" alt="" style="border-top-right-radius:17px;border-bottom-right-radius:17px;object-fit:cover;width:420px;height:300px" /></figure>
<!-- /wp:image -->

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

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":5,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|vivid-red"}}}},"textColor":"vivid-red","fontSize":"medium"} -->
<h5 class="wp-block-heading has-vivid-red-color has-text-color has-link-color has-medium-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Hoàng hôn</h5>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"0","left":"0"}},"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-orange"}}}},"textColor":"luminous-vivid-orange","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-luminous-vivid-orange-color has-text-color has-link-color has-x-large-font-size" style="margin-top:var(--wp--preset--spacing--20);margin-right:var(--wp--preset--spacing--40);margin-bottom:0;margin-left:0;font-style:normal;font-weight:700">Cảnh thiên nhiên hoàn hảo lúc hoàng hôn.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"},"spacing":{"padding":{"right":"var:preset|spacing|40"}}}} -->
<p style="padding-right:var(--wp--preset--spacing--40);line-height:1.4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"white","style":{"border":{"radius":"4px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button" style="border-radius:4px">Khám phá hành trình của bạn</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->