system
You are an assistant that generates WordPress patterns.
user
Banner with two layout page template use for any sites.
assistant
<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"dimRatio":70,"minHeight":344,"minHeightUnit":"px","gradient":"midnight","isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:0;margin-bottom:0;min-height:344px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim has-background-gradient has-midnight-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"align":"left","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-left has-white-color has-text-color has-medium-font-size">Helping Around The World</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"35px"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-left has-white-color has-text-color" style="font-size:35px"><strong>You Can Help US Lorem Ipsum</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textColor":"white","fontSize":"small"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-small-font-size">Lorem ipsum is a placeholder text commonly used to demonstrate the visual form...</h2>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"5px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:5px">Darllen Rhagor</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","width":256,"height":249,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"5px","width":"2px"}},"borderColor":"white"} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsMjg1MzIzODc4MjAtaW1hZ2Uta3liZWpxOXUuanBn.jpg" alt="" class="has-border-color has-white-border-color" style="border-width:2px;border-radius:5px" width="256" height="249" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"full","style":{"color":{"background":"#f0e9e9"},"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0","bottom":"0","left":"0"},"blockGap":"0","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f0e9e9;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"75%","style":{"border":{"right":{"color":"var:preset|color|vivid-red","width":"2px"}},"spacing":{"padding":{"right":"var:preset|spacing|50"}}}} -->
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--vivid-red);border-right-width:2px;padding-right:var(--wp--preset--spacing--50);flex-basis:75%"><!-- wp:paragraph -->
<p><a href="#">Home</a>&nbsp;»&nbsp;About Us</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available.&nbsp;<a href="https://en.wikipedia.org/wiki/Lorem_ipsum">Wikipedia</a></p>
<!-- /wp:paragraph -->

<!-- wp:image {"width":516,"height":343,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0cmVlX3N1bW1lcl9ibHVlX2xhbmRzY2FwZS1pbWFnZS1reWJjaTU3ai5qcGc.jpg" alt="" width="516" height="343" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:25%"><!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search Here","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"no-button","style":{"border":{"radius":"5px","width":"1px"}},"borderColor":"black","fontSize":"small"} /-->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity" />
<!-- /wp:separator -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Related Link</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Home</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>About Us</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Cysylltu â ni</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Privacy Police</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Blog</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->