Раздел Hero с градиентом

Художник животных.

Просто короткое предложение. Это всего лишь демонстрационный текст, который вы должны заменить.

Просто короткое предложение. Напишите свой собственный текст здесь. Это всего лишь демонстрационный текст, который вы должны заменить. Просто короткое предложение.

Забронируйте сейчас →

Код паттерна

<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"},"padding":{"bottom":"2%"}},"color":{"gradient":"linear-gradient(135deg,rgba(237,237,237,0) 38%,rgb(180,194,169) 38%)"}}} -->
<div class="wp-block-columns alignfull has-background" style="background:linear-gradient(135deg,rgba(237,237,237,0) 38%,rgb(180,194,169) 38%);padding-bottom:2%"><!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":{"topLeft":"500px","bottomLeft":"500px","topRight":"500px"},"color":"#b4c2a9","width":"5px"},"color":{"gradient":"linear-gradient(135deg,rgb(245,236,228) 55%,rgb(180,194,169) 55%)"}},"className":"basti-left-top"} -->
<div class="wp-block-group basti-left-top has-border-color has-background" style="background:linear-gradient(135deg,rgb(245,236,228) 55%,rgb(180,194,169) 55%);border-color:#b4c2a9;border-width:5px;border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px"><!-- wp:group {"style":{"color":{"gradient":"linear-gradient(135deg,rgba(241,228,201,0.56) 20%,rgb(253,224,174) 50%,rgba(150,178,129,0.4) 81%)"},"border":{"radius":{"topLeft":"500px","bottomLeft":"500px","bottomRight":"500px","topRight":"500px"}},"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}}} -->
<div class="wp-block-group has-background" style="background:linear-gradient(135deg,rgba(241,228,201,0.56) 20%,rgb(253,224,174) 50%,rgba(150,178,129,0.4) 81%);border-top-left-radius:500px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-bottom-right-radius:500px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":{"topLeft":null,"topRight":null,"bottomRight":null}}},"className":"is-style-rounded basti-right"} -->
<figure class="wp-block-image size-full is-style-rounded basti-right"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd24-0028-jj.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=f3f81e43293664418491d438313e3fab" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"15%","right":"10%","bottom":"15%","left":"15%"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:15%;padding-right:10%;padding-bottom:15%;padding-left:15%"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.2","fontSize":"72px"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:72px;font-style:normal;font-weight:700;line-height:1.2">Художник животных.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}},"textColor":"black"} -->
<p class="has-black-color has-text-color" style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Просто короткое предложение. Это всего лишь демонстрационный текст, который вы должны заменить.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color">Просто короткое предложение. Напишите свой собственный текст здесь. Это всего лишь демонстрационный текст, который вы должны заменить. Просто короткое предложение.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right","flexWrap":"wrap"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","style":{"spacing":{"padding":{"top":"2px","right":"17px","bottom":"2px","left":"17px"}},"border":{"radius":"100px"},"color":{"background":"#f5ece4"}},"className":"is-style-basti-button-line is-style-basti-button-line-light is-style-fill"} -->
<div class="wp-block-button is-style-basti-button-line is-style-basti-button-line-light is-style-fill"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" style="border-radius:100px;background-color:#f5ece4;padding-top:2px;padding-right:17px;padding-bottom:2px;padding-left:17px">Забронируйте сейчас →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->