system: You are an assistant that generates WordPress patterns.

user: Banner section with a heading, text, call to action button and an image

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 Years Of Coding Experience</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 Code</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">Your Future</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">อ่านเพิ่ม</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 -->