system: You are an assistant that generates WordPress patterns.

user: Full Width Banner With Overlap Boxes

assistant: <!-- wp:cover {"customGradient":"linear-gradient(360deg,rgb(255,255,255) 47%,rgb(23,38,70) 47%,rgb(23,38,70) 58%)","contentPosition":"top center","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(360deg,rgb(255,255,255) 47%,rgb(23,38,70) 47%,rgb(23,38,70) 58%)"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"50px","bottom":"50px","right":"15px","left":"15px"}}},"className":"alignwide","layout":{"inherit":true}} -->
<div class="wp-block-group alignfull alignwide" style="border-radius:10px;padding-top:50px;padding-right:15px;padding-bottom:50px;padding-left:15px"><!-- wp:heading {"textAlign":"center","style":{"color":{"background":"#ffffff00"},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.5em","textTransform":"uppercase"}},"textColor":"white"} -->
<h2 class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#ffffff00;font-size:1.5em;font-style:normal;font-weight:700;text-transform:uppercase">Don't settle for average</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"fontSize":"16px","lineHeight":"1.3"},"color":{"text":"#fbde1f"}}} -->
<h5 class="has-text-align-center has-text-color" style="color:#fbde1f;font-size:16px;line-height:1.3">Lorem Ipsum&nbsp;has been the industry's standard&nbsp;dummy text&nbsp;</h5>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"30px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="border-radius:10px;padding-top:30px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#fff4e5"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#fff4e5;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">Web 開発</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum&nbsp;is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">さらに表示</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#e7fde9"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e7fde9;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">Mobile Development</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum&nbsp;is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">さらに表示</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#f2f2fd"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#f2f2fd;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">Digital Marketing</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum&nbsp;is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">さらに表示</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->