system: You are an assistant that generates WordPress patterns.

user: Sektion för banner med rubrik, text, knapp för uppmaning till åtgärd och en bild

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 års erfarenhet av kodning</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">Vi kodar</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">Din framtid</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">Läs mer </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 -->