system
You are an assistant that generates WordPress patterns.
user
CTA banner designed to capture attention and drive conversions. Adapt these elements based on the specific goals and audience of your campaign.
assistant
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"color":{"gradient":"linear-gradient(126deg,rgb(0,0,0) 0%,rgb(32,0,86) 100%)"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(126deg,rgb(0,0,0) 0%,rgb(32,0,86) 100%)"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"15px","bottom":"15px"},"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns" style="padding-top:15px;padding-bottom:15px"><!-- wp:column {"style":{"border":{"right":{"color":"var:preset|color|white","width":"2px"}},"spacing":{"padding":{"right":"8px","left":"8px"}}}} -->
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--white);border-right-width:2px;padding-right:8px;padding-left:8px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber"} -->
<h4 class="wp-block-heading has-text-align-center has-luminous-vivid-amber-color has-text-color has-link-color">12+ Years</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:12px">12+ tahun pengalaman di WooCommerce</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"right":{"color":"var:preset|color|white","width":"2px"}},"spacing":{"padding":{"right":"8px","left":"8px"}}}} -->
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--white);border-right-width:2px;padding-right:8px;padding-left:8px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber"} -->
<h4 class="wp-block-heading has-text-align-center has-luminous-vivid-amber-color has-text-color has-link-color">$XXM</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:12px">$100M generated in revenue  by stores we have built.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"right":"8px","left":"8px"}}}} -->
<div class="wp-block-column" style="padding-right:8px;padding-left:8px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|luminous-vivid-amber"}}}},"textColor":"luminous-vivid-amber"} -->
<h4 class="wp-block-heading has-text-align-center has-luminous-vivid-amber-color has-text-color has-link-color">900K</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"12px"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color has-link-color" style="font-size:12px">900,000 installations of  our extensions.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->