system
You are an assistant that generates WordPress patterns.
user
Bố cục ba cột hiện đại với tiêu đề, tiêu đề phụ và phần văn bản riêng biệt với các nút được thiết kế để nâng cao tương tác của người dùng.
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">Dành cho người dùng mới</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Tạo trang web đầu tiên của bạn</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">Hình ảnh</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">Hướng dẫn</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">Trợ giúp</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">Dành cho các nhà tiếp thị kỹ thuật số</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Tăng cường khách hàng tiềm năng và doanh thu</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">Thiết kế</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">Biểu mẫu</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">Dành cho người dùng nâng cao</h3>
                <!-- /wp:heading -->
                <!-- wp:heading {"level":2} -->
                <h2 style="margin-bottom:20px;font-size:24px">Nâng cao dự án của bạn</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">dữ liệu</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">Truy cập</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">Động</a>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->

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