system
You are an assistant that generates WordPress patterns.
user
Hero sectie met meerdere functies
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":"Schrijf titel...","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>Hier is de toekomst</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>Maak je toekomst helderder met ons</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">Kies voor een energiezuinige woning van de toekomst die al zijn licht en energie rechtstreeks van de zon krijgt. Gemaakt van hoogwaardige en milieuvriendelijke materialen. Het zal het gezellige nest worden voor je familie. Laat jezelf alles nemen wat de natuur klaar staat om te delen.</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>LEER MEER</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>Aan de slag</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>Verken nu</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>LEER MEER</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 -->