system: You are an assistant that generates WordPress patterns.

user: Banner sectie met een header, tekst, Call To Action knop en een afbeelding

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"30px","left":"30px"},"blockGap":"0","margin":{"top":"0","bottom":"0"}},"color":{"background":"#fafafa"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fafafa;margin-top:0;margin-bottom:0;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"60px","left":"60px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"60%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"5px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","fontSize":"12px"}},"textColor":"vivid-green-cyan"} -->
<p class="has-vivid-green-cyan-color has-text-color" style="font-size:12px;font-style:normal;font-weight:700;letter-spacing:5px;text-transform:uppercase">20 jaar codeer ervaring</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"color":{"text":"#202020"},"typography":{"lineHeight":"0.8","fontSize":"50px"}}} -->
<h1 class="wp-block-heading has-text-color" style="color:#202020;font-size:50px;line-height:0.8">We coderen</h1>
<!-- /wp:heading -->

<!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"700","fontSize":"60px"}},"textColor":"vivid-green-cyan"} -->
<h1 class="wp-block-heading has-vivid-green-cyan-color has-text-color" style="font-size:60px;font-style:normal;font-weight:700;line-height:1">Uw toekomst</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#202020"}}} -->
<p class="has-text-color" style="color:#202020;font-size:16px;font-style:normal;font-weight:400">Donec erat nibh, efficitur eget convallis sed, dictum nec risus. Nulla laoreet vehicula lectus quis pretium. Aenean vel justo pulvinar, bibendum lorem sed, varius erat. Integer feugiat efficitur purus. Curabitur ac tellus rutrum, varius ex id, congue metus. In eget mollis mauris, sed hendrerit nibh.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"gradient":"linear-gradient(90deg,rgb(71,71,71) 0%,rgb(12,12,12) 100%)"},"border":{"radius":"100px"},"spacing":{"padding":{"right":"40px","left":"40px"}},"typography":{"fontSize":"14px"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:100px;background:linear-gradient(90deg,rgb(71,71,71) 0%,rgb(12,12,12) 100%);padding-right:40px;padding-left:40px">Meer lezen </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","letterSpacing":"5px","fontSize":"12px"},"color":{"text":"#202020"}}} -->
<p class="has-text-color" style="color:#202020;font-size:12px;font-style:normal;font-weight:700;letter-spacing:5px;text-transform:uppercase">Facebook - Instagram - YouTube</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"500px","topRight":null,"bottomLeft":"500px","bottomRight":null}}},"className":"is-style-default"} -->
<figure class="wp-block-image size-full has-custom-border is-style-default"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0136.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=b8fc3067842e1810bf10b2b86a120cb1" alt="" style="border-top-left-radius:500px;border-bottom-left-radius:500px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->