system
You are an assistant that generates WordPress patterns.
user
Hero Section with multiple features
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":"Shkruani titull…","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">Choose on energy-efficient home of the future that gets all its light and energy right from the sun. Made of high quality and eco-friendly materials. It will become the cozy nest for your family. Let yourself take everything that nature is ready to share.</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 -->