system: You are an assistant that generates WordPress patterns.

user: Een moderne lay-out met drie kolommen met onderscheidende headers, subheaders en tekst secties met gestileerde knoppen voor verbeterde gebruikersinteractie.

assistant: <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<!-- wp:cover -->
<div class="wp-block-cover alignfull" style="padding:20px;min-height:100vh;background-color:#f4f4f4">
    <div class="wp-block-cover__inner-container">
        <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","wideSize":"1200px","contentSize":"1200px","justifyContent":"center"}} -->
        <div class="wp-block-group" style="gap:20px;max-width:1200px;margin:auto">
            <!-- wp:column {"style":{"color":{"background":"#ffe684"}}} -->
            <div class="wp-block-column" style="flex:1 1 calc(33.33% - 20px);background-color:#ffe684;padding:20px;border-radius:10px;text-align:center;color:#000">
                <!-- wp:heading {"level":3} -->
                <h3 style="margin-bottom:10px;font-size:16px">Voor nieuwe gebruikers</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Maak je eerste website</h2>
                <!-- /wp:heading -->
                <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
                <div class="wp-block-group" style="flex-wrap:wrap;gap:10px;justify-content:center">
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Visueel</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Gidsen</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Hulp</a>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"color":{"background":"#b2e59c"}}} -->
            <div class="wp-block-column" style="flex:1 1 calc(33.33% - 20px);background-color:#b2e59c;padding:20px;border-radius:10px;text-align:center;color:#000">
                <!-- wp:heading {"level":3} -->
                <h3 style="margin-bottom:10px;font-size:16px">Voor digitale marketeers</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Verhoog leads en verkoop</h2>
                <!-- /wp:heading -->
                <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
                <div class="wp-block-group" style="flex-wrap:wrap;gap:10px;justify-content:center">
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">ONTWERP</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">SEO</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Forms</a>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"color":{"background":"#8ad9f0"}}} -->
            <div class="wp-block-column" style="flex:1 1 calc(33.33% - 20px);background-color:#8ad9f0;padding:20px;border-radius:10px;text-align:center;color:#000">
                <!-- wp:heading {"level":3} -->
                <h3 style="margin-bottom:10px;font-size:16px">Voor gevorderde gebruikers</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Verhoog je projecten</h2>
                <!-- /wp:heading -->
                <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
                <div class="wp-block-group" style="flex-wrap:wrap;gap:10px;justify-content:center">
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Gegevens</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Toegang</a>
                    <!-- /wp:button -->
                    <!-- wp:button -->
                    <a class="wp-block-button__link" href="#" style="color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;text-transform:uppercase">Dynamisch</a>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->

<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->