<?php

/**
 * Title: Pricing Two
 * Slug: pricing-two
 * Categories: blockera/pricing
 * Description: 
 * Keywords: 
 * Viewport Width: 1440
 * Block Types:
 * Post Types:
 * Inserter: true
 */
?>

<!-- wp:group {"metadata":{"name":"Pricing Two","categories":["blockera/pricing"],"patternName":"pricing-two"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|9-xl","bottom":"var:preset|spacing|9-xl","left":"var:preset|spacing|2-xl","right":"var:preset|spacing|2-xl"},"blockGap":"var:preset|spacing|7-xl","margin":{"top":"0","bottom":"0"}}},"backgroundColor":"primary-50","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-primary-50-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--9-xl);padding-right:var(--wp--preset--spacing--2-xl);padding-bottom:var(--wp--preset--spacing--9-xl);padding-left:var(--wp--preset--spacing--2-xl)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|lg"}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group"><!-- wp:paragraph {"align":"center","className":"wp-block-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-700"}}}},"textColor":"primary-700"} -->
        <p class="has-text-align-center wp-block-heading has-primary-700-color has-text-color has-link-color"><?php esc_html_e('Pricing', 'blockera'); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:heading {"textAlign":"center","className":"wp-block-heading"} -->
        <h2 class="wp-block-heading has-text-align-center"><?php esc_html_e('Simple pricing, for everyone', 'blockera'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center"} -->
        <p class="has-text-align-center"><?php esc_html_e('Proin rhoncus venenatis tellus non viverra. Fusce tristique cursus augue ut gravida. Quisque sed tortor at lectus vulputate ultrices quis ut erat.', 'blockera'); ?></p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"align":"wide"} -->
    <div class="wp-block-columns alignwide"><!-- wp:column {"width":"100%"} -->
        <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"border":{"radius":"16px","width":"1px","color":"#bfdbfe"},"spacing":{"padding":{"top":"var:preset|spacing|4-xl","right":"var:preset|spacing|4-xl","bottom":"var:preset|spacing|4-xl","left":"var:preset|spacing|4-xl"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-white-background-color has-background" style="border-color:#bfdbfe;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--4-xl);padding-right:var(--wp--preset--spacing--4-xl);padding-bottom:var(--wp--preset--spacing--4-xl);padding-left:var(--wp--preset--spacing--4-xl)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xs"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"xl"} -->
                    <h3 class="wp-block-heading has-xl-font-size"><?php esc_html_e('Starter', 'blockera'); ?></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Lorem ipsum dolor sit amet', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|md"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:paragraph {"textColor":"neutral-950","fontSize":"5xl"} -->
                    <p class="has-neutral-950-color has-text-color has-5-xl-font-size"><?php esc_html_e('$19', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('/month, billed annually', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
                <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","width":100} -->
                    <div class="wp-block-button has-custom-width wp-block-button__width-100">
                        <a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Get Started for Free', 'blockera'); ?></a>
                    </div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|lg"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"},"border":{"width":"0px","style":"none"}}} -->
        <div class="wp-block-column" style="border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%"><!-- wp:group {"style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|4-xl","bottom":"var:preset|spacing|4-xl","left":"var:preset|spacing|4-xl","right":"var:preset|spacing|4-xl"}}},"backgroundColor":"primary-700","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-primary-700-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--4-xl);padding-right:var(--wp--preset--spacing--4-xl);padding-bottom:var(--wp--preset--spacing--4-xl);padding-left:var(--wp--preset--spacing--4-xl)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xs"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"elements":{"link":{"color":{"text":"#ffffff"}}},"color":{"text":"#ffffff"}},"fontSize":"xl"} -->
                    <h3 class="wp-block-heading has-text-color has-link-color has-xl-font-size" style="color:#ffffff"><?php esc_html_e('Professional', 'blockera'); ?></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->
                    <p class="has-text-color" style="color:#ffffff"><?php esc_html_e('Lorem ipsum dolor sit amet', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|md"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}},"fontSize":"5xl"} -->
                    <p class="has-text-color has-5-xl-font-size" style="color:#ffffff"><?php esc_html_e('$29', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->
                    <p class="has-text-color" style="color:#ffffff"><?php esc_html_e('/month, billed annually', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
                <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"primary-700","width":100,"className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-700"}}}}} -->
                    <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill">
                        <a class="wp-block-button__link has-primary-700-color has-white-background-color has-text-color has-background has-link-color wp-element-button"><?php esc_html_e('Get Started for Free', 'blockera'); ?></a>
                    </div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|lg"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:paragraph {"textColor":"white"} -->
                    <p class="has-white-color has-text-color"><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"textColor":"white"} -->
                    <p class="has-white-color has-text-color"><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"textColor":"white"} -->
                    <p class="has-white-color has-text-color"><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"},"border":{"width":"0px","style":"none"}}} -->
        <div class="wp-block-column" style="border-style:none;border-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:100%"><!-- wp:group {"style":{"border":{"radius":"16px","width":"1px","color":"#bfdbfe"},"spacing":{"padding":{"top":"var:preset|spacing|4-xl","right":"var:preset|spacing|4-xl","bottom":"var:preset|spacing|4-xl","left":"var:preset|spacing|4-xl"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-white-background-color has-background" style="border-color:#bfdbfe;border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--4-xl);padding-right:var(--wp--preset--spacing--4-xl);padding-bottom:var(--wp--preset--spacing--4-xl);padding-left:var(--wp--preset--spacing--4-xl)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|xs"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:heading {"level":3,"fontSize":"xl"} -->
                    <h3 class="wp-block-heading has-xl-font-size"><?php esc_html_e('Agency', 'blockera'); ?></h3>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Lorem ipsum dolor sit amet', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|md"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
                <div class="wp-block-group"><!-- wp:paragraph {"textColor":"neutral-950","fontSize":"5xl"} -->
                    <p class="has-neutral-950-color has-text-color has-5-xl-font-size"><?php esc_html_e('$49', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('/month, billed annually', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
                <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","width":100} -->
                    <div class="wp-block-button has-custom-width wp-block-button__width-100">
                        <a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Get Started for Free', 'blockera'); ?></a>
                    </div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->

                <!-- wp:separator {"className":"is-style-default","style":{"color":{"background":"#e5e5e5"}}} -->
                <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default" style="background-color:#e5e5e5;color:#e5e5e5" />
                <!-- /wp:separator -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|lg"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                <div class="wp-block-group"><!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph -->
                    <p><?php esc_html_e('Feature text goes here', 'blockera'); ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->