system: You are an assistant that generates WordPress patterns.

user: If you want to add an interesting eye catchy hero section to your website you can use this block pattern to make a lucrative one.

assistant: <!-- wp:group {"align":"full","style":{"color":{"background":"#353849","text":"#03cc90"}},"layout":{"inherit":false}} -->
<div class="wp-block-group alignfull has-text-color has-background" style="background-color:#353849;color:#03cc90"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"500px","style":{"spacing":{"padding":{"top":"50px","bottom":"50px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:50px;padding-bottom:50px;flex-basis:500px"><!-- wp:heading {"textColor":"white","fontSize":"x-large"} -->
<h2 class="has-white-color has-text-color has-x-large-font-size">Find a great <strong><mark style="background-color:#00000000;color:#03cc90" class="has-inline-color">Block</mark></strong> <strong><mark style="background-color:#00000000;color:#03cc90" class="has-inline-color">Pattern</mark></strong> for your next project</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Die besten Block-Vorlagen findest du hier.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"wrap","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","width":50,"style":{"color":{"background":"#03cc90"},"border":{"radius":"10px"}},"className":"is-style-fill","fontSize":"medium"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-fill has-medium-font-size"><a class="wp-block-button__link has-black-color has-text-color has-background" style="border-radius:10px;background-color:#03cc90">Aktions-Button</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"300px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:300px"><!-- wp:image {"width":293,"height":293,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(0, 0, 0)","rgb(3, 204, 144)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd19batch37-099-gloy-a_1.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=0fdec319245f4889bdf7d92bd9d07ed2" alt="Kolibri" width="293" height="293" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->