system
You are an assistant that generates WordPress patterns.
user
Een nuttige herosectie om informatie te tonen en een CTA aan de gebruiker te geven. De twee 50% kolommen zijn verticaal uitgelijnd, die met de afbeelding heeft een achtergrond. De CTA gebruikt dezelfde kleur als de achtergrond (beter dezelfde als de hoofdkleur van de site).
assistant
<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(90deg,rgba(255,255,255,0) 63%,rgb(255,105,0) 63%)"},"dimensions":{"minHeight":"500px"}},"layout":{"type":"constrained","wideSize":"100%","contentSize":"1400px"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(90deg,rgba(255,255,255,0) 63%,rgb(255,105,0) 63%);min-height:500px"><!-- wp:columns {"verticalAlignment":null,"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","style":{"spacing":{"padding":{"top":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0"><!-- wp:heading {"level":5,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">ZONSONDERGANG</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"}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading 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">Reis naar uw perfecte zonsondergang.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}}} -->
<p style="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":"luminous-vivid-orange","textColor":"white","style":{"border":{"radius":"0px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-luminous-vivid-orange-background-color has-text-color has-background wp-element-button" style="border-radius:0px">Ontdek uw bestemming</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:spacer {"height":"75px"} -->
<div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"width":384,"height":289,"sizeSlug":"full","linkDestination":"media","style":{"color":[]}} -->
<figure class="wp-block-image size-full is-resized"><a href="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzdW5zZXRfaW5fZ2Fyb3BhYmFfYmVhY2gtaW1hZ2Uta3liY2syMTIuanBn.jpg"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzdW5zZXRfaW5fZ2Fyb3BhYmFfYmVhY2gtaW1hZ2Uta3liY2syMTIuanBn.jpg" alt="" width="384" height="289" /></a></figure>
<!-- /wp:image -->

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