system
You are an assistant that generates WordPress patterns.
user
Dit Call to Action patroon kan naar behoefte worden aangepast, afhankelijk van het type Call to Action dat je wilt gebruiken. Het is volledig responsive en je kan dit patroon ook voor verschillende doeleinden gebruiken.
assistant
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"color":{"background":"#224db7"},"border":{"radius":"25px"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center has-background" style="border-radius:25px;background-color:#224db7"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"white"} -->
<h2 class="has-text-align-left has-white-color has-text-color" style="font-style:normal;font-weight:400">Heb je een zakelijk idee in je hoofd?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","textColor":"white"} -->
<p class="has-text-align-left has-white-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"15px"},"spacing":{"padding":{"right":"1.5rem","left":"1.5rem","top":"0.7rem","bottom":"0.7rem"}}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:15px;padding-top:0.7rem;padding-right:1.5rem;padding-bottom:0.7rem;padding-left:1.5rem">NEEM CONTACT OP</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->