system
You are an assistant that generates WordPress patterns.
user
The Biggest Deal Banner can be used for placing meaningful shop banner on the website. Modifying the content will make the banner useful for Call to Actions as well.
assistant
<!-- wp:cover {"dimRatio":90,"customOverlayColor":"#088383","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"},"margin":{"top":"0"}},"color":{"duotone":"unset"},"border":{"width":"2px"}},"borderColor":"luminous-vivid-amber","layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull has-border-color has-luminous-vivid-amber-border-color" style="border-width:2px;margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim" style="background-color:#088383"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"border":{"width":"2px"},"shadow":"var:preset|shadow|natural"},"borderColor":"luminous-vivid-amber","layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color has-luminous-vivid-amber-border-color" style="border-width:2px;box-shadow:var(--wp--preset--shadow--natural)"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"100px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"},"color":{"text":"#ffb23d"},"spacing":{"padding":{"top":"30px","right":"15px","left":"15px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#ffb23d;padding-top:30px;padding-right:15px;padding-left:15px;font-size:100px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">biggest deal</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"100px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"},"color":{"text":"#ffb23d"},"spacing":{"padding":{"top":"15px"}}}} -->
<p class="has-text-align-center has-text-color" style="color:#ffb23d;padding-top:15px;font-size:100px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">50% Off</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"#a41414"}}},"color":{"text":"#a41414"},"spacing":{"padding":{"top":"28px","bottom":"0px"}}}} -->
<p class="has-text-align-center has-text-color has-link-color" style="color:#a41414;padding-top:28px;padding-bottom:0px;font-size:25px;font-style:normal;font-weight:700;text-transform:uppercase"><em>Hurry to grab the offer!</em></p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons {"style":{"spacing":{"margin":{"bottom":"30px"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons" style="margin-bottom:30px"><!-- wp:button {"className":"is-style-fill","style":{"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"25px","bottom":"25px"}},"typography":{"textTransform":"uppercase","letterSpacing":"1px","fontStyle":"normal","fontWeight":"700","fontSize":"28px"},"color":{"text":"#ffb23d","background":"#a41414"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:28px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-radius:6px;color:#ffb23d;background-color:#a41414;padding-top:25px;padding-right:var(--wp--preset--spacing--30);padding-bottom:25px;padding-left:var(--wp--preset--spacing--30)">Kupuj teď</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->