<?php

/**
 * Title: Pricing Plans
 * Slug: nutrawell/pricing
 * Categories: nutrawell, featured
 * Description: Pricing plans section with fully block-based layout.
 */
?>
<!-- wp:group {"align":"full","className":"pricing py"} -->
<div class="wp-block-group alignfull pricing py"><!-- wp:group {"className":"container"} -->
    <div class="wp-block-group container"><!-- wp:group {"className":"pricing-wrapper"} -->
        <div class="wp-block-group pricing-wrapper"><!-- wp:group {"className":"title","layout":{"type":"constrained","contentSize":"700px"}} -->
            <div class="wp-block-group title"><!-- wp:paragraph {"className":"sub-title has-text-align-center"} -->
                <p class="sub-title has-text-align-center"><strong><?php echo esc_html__('Select the plan that best aligns with your goals', 'nutrawell'); ?></strong></p>
                <!-- /wp:paragraph -->

                <!-- wp:heading {"textAlign":"center"} -->
                <h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__('Pricing & Membership Plans', 'nutrawell'); ?></h2>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:group -->

            <!-- wp:html -->
            <div class="toggle">
                <button type="button" class="active" data-type="monthly" data-label="<?php echo esc_attr__( 'Per Month', 'nutrawell' ); ?>" aria-pressed="true"><?php echo esc_html__( 'Monthly', 'nutrawell' ); ?></button>
                <button type="button" data-type="yearly" data-label="<?php echo esc_attr__( 'Per Year', 'nutrawell' ); ?>" aria-pressed="false"><?php echo esc_html__( 'Yearly', 'nutrawell' ); ?></button>
            </div>
            <!-- /wp:html -->

            <!-- wp:group {"className":"pricing-cards","layout":{"type":"grid","columnCount":3}} -->
            <div class="wp-block-group pricing-cards"><!-- wp:group {"className":"pricing-card pricing-free-plan"} -->
                <div class="wp-block-group pricing-card pricing-free-plan"><!-- wp:group {"className":"pricing-title"} -->
                    <div class="wp-block-group pricing-title"><!-- wp:heading {"level":3} -->
                        <h3 class="wp-block-heading"><?php echo esc_html__('Free', 'nutrawell'); ?></h3>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph -->
                        <p><?php echo esc_html__('Kickstart your journey with essential tools to manage your wellness e-commerce effortlessly.', 'nutrawell'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"pricing"} -->
                    <div class="wp-block-group pricing"><!-- wp:paragraph -->
                        <p><sup>$</sup><span class="price" data-monthly="0" data-yearly="0">0</span> <span class="duration"><?php echo esc_html__('Per Month', 'nutrawell'); ?></span></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:list {"className":"pricing-features"} -->
                    <ul class="pricing-features">

                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Messages/day', 'nutrawell'); ?></span>
                            <strong><?php echo esc_html__('5', 'nutrawell'); ?></strong>
                        </li>
                        <!-- /wp:list-item -->
                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Try Before Signup', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                          <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Limited Access', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('All Supplements', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Wellness Chatbot', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Personalized Advice', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Premium Support', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Analytics & Reports', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                    </ul>
                    <!-- /wp:list -->
                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"className":"btn green-btn"} -->
                        <div class="wp-block-button btn green-btn"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Sign Up Now', 'nutrawell'); ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"className":"pricing-card pricing-pro-plan"} -->
                <div class="wp-block-group pricing-card pricing-pro-plan"><!-- wp:group {"className":"pricing-title"} -->
                    <div class="wp-block-group pricing-title"><!-- wp:heading {"level":3} -->
                        <h3 class="wp-block-heading"><?php echo esc_html__('Pro', 'nutrawell'); ?></h3>
                        <!-- /wp:heading -->
                        <!-- wp:paragraph -->
                        <p><?php echo esc_html__('Unlock advanced tools and insights to scale your business and optimize workflows.', 'nutrawell'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->
                    <!-- wp:group {"className":"pricing"} -->
                    <div class="wp-block-group pricing"><!-- wp:paragraph -->
                        <p><sup>$</sup><span class="price" data-monthly="19" data-yearly="199">19</span> <span class="duration"><?php echo esc_html__('Per Month', 'nutrawell'); ?></span></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:list {"className":"pricing-features"} -->
                    <ul class="pricing-features">

                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Messages/day', 'nutrawell'); ?></span>
                            <strong><?php echo esc_html__('500', 'nutrawell'); ?></strong>
                        </li>
                        <!-- /wp:list-item -->
                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Try Before Signup', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                          <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Limited Access', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('All Supplements', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Wellness Chatbot', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Personalized Advice', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Premium Support', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Analytics & Reports', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/close.png'); ?>" alt="<?php echo esc_attr__( 'close-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                    </ul>
                    <!-- /wp:list -->

                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"className":"btn yellow-btn"} -->
                        <div class="wp-block-button btn yellow-btn"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Sign Up Now', 'nutrawell'); ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"className":"pricing-card pricing-business-plan"} -->
                <div class="wp-block-group pricing-card pricing-business-plan"><!-- wp:group {"className":"pricing-title"} -->
                    <div class="wp-block-group pricing-title"><!-- wp:heading {"level":3} -->
                        <h3 class="wp-block-heading"><?php echo esc_html__('Business', 'nutrawell'); ?></h3>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph -->
                        <p><?php echo esc_html__('Custom solutions designed for large scale operations with dedicated support.', 'nutrawell'); ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"pricing"} -->
                    <div class="wp-block-group pricing"><!-- wp:paragraph -->
                        <p><sup>$</sup><span class="price" data-monthly="49" data-yearly="499">49</span> <span class="duration"><?php echo esc_html__('Per Month', 'nutrawell'); ?></span></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:list {"className":"pricing-features"} -->
                    <ul class="pricing-features">

                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Messages/day', 'nutrawell'); ?></span>
                            <strong><?php echo esc_html__('Custom', 'nutrawell'); ?></strong>
                        </li>
                        <!-- /wp:list-item -->
                        <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Try Before Signup', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                          <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Limited Access', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('All Supplements', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Wellness Chatbot', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Personalized Advice', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Premium Support', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                            <!-- wp:list-item -->
                        <li>
                            <span><?php echo esc_html__('Analytics & Reports', 'nutrawell'); ?></span>
                            <!-- wp:image {"linkDestination":"none","className":"feature-icon"} -->
                            <figure class="wp-block-image is-resized feature-icon">
                                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/img/check.png'); ?>" alt="<?php echo esc_attr__( 'check-icon', 'nutrawell' ); ?>"/>
                            </figure>
                            <!-- /wp:image -->
                        </li>
                        <!-- /wp:list-item -->
                    </ul>
                    <!-- /wp:list -->

                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"className":"btn green-btn"} -->
                        <div class="wp-block-button btn green-btn"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Sign Up Now', 'nutrawell'); ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->