system
You are an assistant that generates WordPress patterns.
user
Phần Hero với nhiều tính năng
assistant
<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzd2l0emVybGFuZF9laWdlcl9tb3VudGFpbnNfc25vdy1pbWFnZS1reWJjbG9tYi5qcGc.jpg","id":null,"hasParallax":true,"dimRatio":50,"customOverlayColor":"#0e181f","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-parallax"><span aria-hidden="true" class="wp-block-cover__background has-background-dim" style="background-color:#0e181f"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzd2l0emVybGFuZF9laWdlcl9tb3VudGFpbnNfc25vdy1pbWFnZS1reWJjbG9tYi5qcGc.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"48px"} -->
<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","placeholder":"Viết tiêu đề…","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"pale-pink","fontSize":"medium"} -->
<p class="has-text-align-center has-pale-pink-color has-text-color has-medium-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-style:normal;font-weight:600"><strong>Here Is The Future</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","textColor":"luminous-vivid-amber"} -->
<h2 class="wp-block-heading has-text-align-center has-luminous-vivid-amber-color has-text-color"><strong>Make your Future Brighter with Us</strong></h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"2.25rem","right":"2.25rem"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"fontSize":"18px"},"color":{"background":"#009bd330"}},"textColor":"luminous-vivid-amber"} -->
<p class="has-text-align-center has-luminous-vivid-amber-color has-text-color has-background" style="background-color:#009bd330;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--20);padding-right:2.25rem;padding-bottom:var(--wp--preset--spacing--20);padding-left:2.25rem;font-size:18px">Hãy lựa chọn một ngôi nhà tiết kiệm năng lượng của tương lai, nơi nhận được ánh sáng và năng lượng trực tiếp từ mặt trời. Được làm từ vật liệu chất lượng cao và thân thiện với môi trường. Nó sẽ trở thành tổ ấm cho gia đình bạn. Hãy để bản thân bạn tận hưởng mọi thứ mà thiên nhiên sẵn sàng chia sẻ.</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","textColor":"white","style":{"border":{"radius":"6px"}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px"><strong>Learn More</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"color":"#757a8a","width":"1px"},"color":{"gradient":"linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 30%)"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-border-color has-background" style="border-color:#757a8a;border-width:1px;background:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 30%);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"style":{"typography":{"fontSize":"20px"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="wp-block-heading has-vivid-cyan-blue-color has-text-color" style="font-size:20px">Lorem ipsum </h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph {"style":{"color":{"text":"#32669d"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#32669d"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"vivid-cyan-blue","fontSize":"small"} -->
<p class="has-vivid-cyan-blue-color has-text-color has-small-font-size"><strong>Get Started</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#32669d"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#32669d;color:#32669d" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"top":{"color":"#757a8a","style":"solid","width":"1px"},"right":{"color":"#757a8a","style":"solid","width":"1px"},"bottom":{"color":"#757a8a","style":"solid","width":"1px"},"left":{"color":"#757a8a","style":"solid","width":"1px"}},"color":{"gradient":"linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 29%)"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="border-top-color:#757a8a;border-top-style:solid;border-top-width:1px;border-right-color:#757a8a;border-right-style:solid;border-right-width:1px;border-bottom-color:#757a8a;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#757a8a;border-left-style:solid;border-left-width:1px;background:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 29%);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"style":{"typography":{"fontSize":"20px"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="wp-block-heading has-vivid-cyan-blue-color has-text-color" style="font-size:20px">HODOR IPSUM</h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph {"style":{"color":{"text":"#32669d"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#32669d"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"vivid-cyan-blue","fontSize":"small"} -->
<p class="has-vivid-cyan-blue-color has-text-color has-small-font-size"><strong>Explore now</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#32669d"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#32669d;color:#32669d" />
<!-- /wp:separator --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"border":{"top":{"color":"#757a8a","style":"solid","width":"1px"},"right":{"color":"#757a8a","style":"solid","width":"1px"},"bottom":{"color":"#757a8a","style":"solid","width":"1px"},"left":{"color":"#757a8a","style":"solid","width":"1px"}},"color":{"gradient":"linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 27%)"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="border-top-color:#757a8a;border-top-style:solid;border-top-width:1px;border-right-color:#757a8a;border-right-style:solid;border-right-width:1px;border-bottom-color:#757a8a;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#757a8a;border-left-style:solid;border-left-width:1px;background:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 27%);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"style":{"typography":{"fontSize":"20px"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="wp-block-heading has-vivid-cyan-blue-color has-text-color" style="font-size:20px"><strong>TRUMP IPSUM</strong></h2>
<!-- /wp:heading -->

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

<!-- wp:paragraph {"style":{"color":{"text":"#32669d"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#32669d"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"vivid-cyan-blue","fontSize":"small"} -->
<p class="has-vivid-cyan-blue-color has-text-color has-small-font-size"><strong>Learn More</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"color":{"background":"#32669d"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#32669d;color:#32669d" />
<!-- /wp:separator --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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