system
You are an assistant that generates WordPress patterns.
user
De grootste deal banner kan worden gebruikt voor het plaatsen van een betekenisvolle winkelbanner op de website. Het aanpassen van de inhoud zal de banner nuttig maken voor Call to Actions.
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">grootste 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% korting</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>Haast je om de aanbieding te pakken!</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)">Nu winkelen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->