system: You are an assistant that generates WordPress patterns.

user: A “hero shot” is a large, eye-catching image featured at the top of a landing page. Hero shots are essential because you want to quickly convey a message to your audience

assistant: <!-- wp:group {"align":"full","gradient":"vivid-cyan-blue-to-vivid-purple","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd17-262-num-phaethon-lepturus-tropic-bird.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=2ae17802332cec2466acce6a9f549dca" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textColor":"white"} -->
<h2 class="has-white-color has-text-color">Your headline here</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"white"} -->
<p class="has-white-color has-text-color">Que din os rumorosos na costa verdescente, ao raio transparente do prácido luar? Que din as altas copas de escuro arume arpado co seu ben compasado monótono fungar? Do teu verdor cinguido </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"50px"},"color":{"background":"#cd2653"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-white-color has-text-color has-background" style="border-radius:50px;background-color:#cd2653">Primeiros pasos</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->