system
You are an assistant that generates WordPress patterns.
user
A modern three-column layout featuring distinct headers, subheaders, and text sections with styled buttons for enhanced user interaction.
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">För nya användare</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Skapa din första webbplats</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">Visuellt</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">Guider</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">Hjälp</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">För digitala marknadsförare</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Öka leads och försäljning</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">DESIGN</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">Formulär</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">För avancerade användare</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Elevate Your Projects</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">Data</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">Åtkomst</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">Dynamisk</a>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->

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