system
You are an assistant that generates WordPress patterns.
user
Banner en uitgelicht sectiepatroon met knoppen, tekst in het midden en achtergrondafbeelding
assistant
<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"bottom":"0"},"padding":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:column {"style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"border":{"width":"1px"}},"borderColor":"cyan-bluish-gray","backgroundColor":"white"} -->
<div class="wp-block-column has-border-color has-cyan-bluish-gray-border-color has-white-background-color has-text-color has-background has-link-color" style="border-width:1px;color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2MzQyODktaW1hZ2Uta3d2eG1paW4uanBn.jpg","dimRatio":90,"minHeight":700,"gradient":"vivid-cyan-blue-to-vivid-purple","layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient has-vivid-cyan-blue-to-vivid-purple-gradient-background"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg2MzQyODktaW1hZ2Uta3d2eG1paW4uanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"58px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.3"}}} -->
<h1 class="wp-block-heading has-text-align-center" style="font-size:58px;font-style:normal;font-weight:700;line-height:1.3">Welkom in het nieuwe tijdperk van sites bouwen.</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#e5e8ea"}}},"color":{"text":"#e5e8ea"}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#e5e8ea">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"var:preset|spacing|30","margin":{"top":"45px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase"}}} -->
<div class="wp-block-buttons has-custom-font-size" style="margin-top:45px;font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"5px","width":"2px"},"spacing":{"padding":{"left":"30px","right":"30px","top":"20px","bottom":"20px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"borderColor":"white"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color has-border-color has-white-border-color wp-element-button" style="border-width:2px;border-radius:5px;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px">Offerte aanvragen</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","style":{"border":{"radius":"5px","width":"2px"},"spacing":{"padding":{"left":"30px","right":"30px","top":"20px","bottom":"20px"}},"color":{"background":"#ffffff00"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="border-width:2px;border-radius:5px;background-color:#ffffff00;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px">Plan een snelle afspraak</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->