<?php

/**
 * Title: Pricing Tables with primary background
 * Slug: fotawp/pricing-table-block-primarybg
 * Categories: fotawp-pricing
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"5.83rem","bottom":"8rem","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"gradient":"first-primary-gradient","layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group has-first-primary-gradient-gradient-background has-background" style="padding-top:5.83rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:8rem;padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"860px"}} -->
    <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"foregound-alt","fontSize":"xxx-large"} -->
        <h1 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color has-xxx-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Simple Pricing', 'fotawp') ?></h1>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|foregound-alt"}}}},"textColor":"foregound-alt","fontSize":"medium"} -->
        <p class="has-text-align-center has-foregound-alt-color has-text-color has-link-color has-medium-font-size"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'fotawp') ?></p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

    <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"30px"},"margin":{"top":"var:preset|spacing|70"}}}} -->
    <div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:column -->
        <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","color":"#ffffff30","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"backgroundColor":"foregound-alt","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-foregound-alt-background-color has-background" style="border-color:#ffffff30;border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"large"} -->
                <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Personal', 'fotawp') ?></h3>
                <!-- /wp:heading -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|tertiary-light","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--tertiary-light);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"heading-color","fontSize":"xxx-large"} -->
                    <h1 class="wp-block-heading has-heading-color-color has-text-color has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$19', 'fotawp') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"level":5,"textColor":"foreground","fontSize":"normal"} -->
                    <h5 class="wp-block-heading has-foreground-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"textColor":"foreground","fontSize":"small"} -->
                    <p class="has-text-align-center has-foreground-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4>
                    <!-- /wp:heading -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|tertiary-light","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--tertiary-light);border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background","width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
                        <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","color":"#ffffff30","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"backgroundColor":"foregound-alt","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-foregound-alt-background-color has-background" style="border-color:#ffffff30;border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"large"} -->
                <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Standard', 'fotawp') ?></h3>
                <!-- /wp:heading -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|tertiary-light","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--tertiary-light);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"heading-color","fontSize":"xxx-large"} -->
                    <h1 class="wp-block-heading has-heading-color-color has-text-color has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$49', 'fotawp') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"level":5,"textColor":"foreground","fontSize":"normal"} -->
                    <h5 class="wp-block-heading has-foreground-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"textColor":"foreground","fontSize":"small"} -->
                    <p class="has-text-align-center has-foreground-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4>
                    <!-- /wp:heading -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|tertiary-light","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--tertiary-light);border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background","width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
                        <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"0px","color":"#ffffff30","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50"}}},"backgroundColor":"foregound-alt","layout":{"type":"constrained"}} -->
            <div class="wp-block-group has-border-color has-foregound-alt-background-color has-background" style="border-color:#ffffff30;border-width:1px;border-radius:0px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"heading-color","fontSize":"large"} -->
                <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Agency', 'fotawp') ?></h3>
                <!-- /wp:heading -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"},"margin":{"top":"var:preset|spacing|30"}},"border":{"bottom":{"color":"var:preset|color|tertiary-light","width":"1px"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--tertiary-light);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"heading-color","fontSize":"xxx-large"} -->
                    <h1 class="wp-block-heading has-heading-color-color has-text-color has-xxx-large-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e('$99', 'fotawp') ?></h1>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"level":5,"textColor":"foreground","fontSize":"normal"} -->
                    <h5 class="wp-block-heading has-foreground-color has-text-color has-normal-font-size"><?php esc_html_e('Per user per month', 'fotawp') ?></h5>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"textColor":"foreground","fontSize":"small"} -->
                    <p class="has-text-align-center has-foreground-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--50)"><?php esc_html_e('Intuitive, world-class support tools for growing teams and agency', 'fotawp') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Live Chat for support', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Ticketing Workflows', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Service Level Agreement Rules', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Role Based Permissions', 'fotawp') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:heading {"textAlign":"center","level":4,"textColor":"heading-color","fontSize":"normal"} -->
                    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-normal-font-size"><?php esc_html_e('Outcome Reporting', 'fotawp') ?></h4>
                    <!-- /wp:heading -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|tertiary-light","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--tertiary-light);border-top-width:1px;padding-top:var(--wp--preset--spacing--60)"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background","width":100,"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
                        <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background wp-element-button" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)"><?php esc_html_e('Get Started', 'fotawp') ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->