<div class="wrap wpuf-premium about-wrap">
    <h1><?php esc_html_e( 'WPUF Pro', 'wp-user-frontend' ); ?></h1>

    <p class="about-text"><?php esc_html_e( 'Upgrade to the premium versions of WPUF and unlock even more useful features.', 'wp-user-frontend' ); ?></p>
    <div class="wp-badge"><?php esc_html_e( 'WPUF Pro', 'wp-user-frontend' ); ?></div>

    <hr>
    <div class="feature-section one-col">
        <div class="col">
            <h2><?php esc_html_e( 'Pro Features', 'wp-user-frontend' ); ?></h2>
            <p style="text-align: center; font-size: 16px;"><?php esc_html_e( 'WPUF Pro is designed just for you, specially to fulfil your business needs. We have designed and curated every feature keeping your requirements in mind.', 'wp-user-frontend' ); ?></p>
        </div>
    </div>

    <div class="feature-section two-col">
        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/registration.gif" alt="<?php esc_html_e( 'Registration Form Builder', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/registration-profile-forms/how-to-setup-registrationlogin-page/" target="_blank"><?php esc_html_e( 'Registration Form Builder', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Registration form builder is a two way form which can be used both for user registration and profile editing. You could also manage Register for Subscription Package Purchase.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/advanced-fields.png" alt="<?php esc_html_e( 'Advanced Fields', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/posting-forms/form-elements/" target="_blank"><?php esc_html_e( 'Advanced Fields', 'wp-user-frontend' ); ?></a></h3>
                <ul>
                    <li><?php esc_html_e( 'Country List', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Address', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Date Field', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Google Map', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Action Hook', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Rating', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Shortcode', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Number', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Repeater', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'File Upload', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'Captcha', 'wp-user-frontend' ); ?></li>
                    <li><?php esc_html_e( 'TOC', 'wp-user-frontend' ); ?></li>
                </ul>
            </div>
        </div>

        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/coupon.gif" alt="<?php esc_html_e( 'Manage Coupons', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/subscription-payment/coupons/" target="_blank"><?php esc_html_e( 'Manage Coupons', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Simple yet powerful coupon management system. Use Coupon codes for selling subscription pack with discounts.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/content-restrictions.gif" alt="<?php esc_html_e( 'Content Restrictions', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/content-restriction/content-restriction/" target="_blank"><?php esc_html_e( 'Content Restrictions', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'You can restrict premium content for users by access role, registration or subscriptions only with just a shortcode.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/conditional-logic.gif" alt="<?php esc_html_e( 'Conditional Logic', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/posting-forms/how-to-use-conditional-logic/" target="_blank"><?php esc_html_e( 'Conditional Logic', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Configure your form’s settings and user flow based on conditional selection. Your forms should appear just the way you want it.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col feature-wrap">
            <div class="feature-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/premium/multi-step.gif" alt="<?php esc_html_e( 'Multi-step Form', 'wp-user-frontend' ); ?>">
            </div>
            <div class="feature-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/posting-forms/how-to-add-multi-step-form/" target="_blank"><?php esc_html_e( 'Multi-step Form', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Break down the long forms into smaller and attractive multi step forms. Long and lengthy forms are uninviting, why build one?', 'wp-user-frontend' ); ?></p>
            </div>
        </div>
    </div>

    <hr>
    <div class="feature-section one-col">
        <div class="col">
            <h2><?php esc_html_e( 'Modules', 'wp-user-frontend' ); ?></h2>
            <p style="text-align: center; font-size: 16px;"><?php esc_html_e( 'A bunch of awesome modules to speed up your business growth.', 'wp-user-frontend' ); ?></p>
        </div>
    </div>

    <div class="headline-feature two-col">
        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/Social-Media-Login.png" alt="<?php esc_html_e( 'BuddyPress Profile', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/social-login-registration/" target="_blank"><?php esc_html_e( 'Social Login', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Allow your users to Register or Login using Social networks like Google, Facebook, Twitter and LinkedIn.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-ul.png" alt="<?php esc_html_e( 'User Directory', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/user-listing-profile/" target="_blank"><?php esc_html_e( 'User Directory', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Handle user listing and user profile in the frontend. Create a directory site easily.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-buddypress.png" alt="<?php esc_html_e( 'BuddyPress Profile', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/buddypress-profile-integration/" target="_blank"><?php esc_html_e( 'BuddyPress Profile', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Register and upgrade user profiles and sync data with BuddyPress.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-ua.png" alt="<?php esc_html_e( 'MailChimp Integration', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/user-analytics/" target="_blank"><?php esc_html_e( 'User Analytics', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Show user tracking info during post and registration directly on Frontend.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-pmpro.png" alt="<?php esc_html_e( 'Paid Membership Pro', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/install-and-configure-pmpro-add-on-for-wpuf/" target="_blank"><?php esc_html_e( 'Paid Membership Pro', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Membership Integration of WP User Frontend with Paid Membership Pro.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-stripe.png" alt="<?php esc_html_e( 'Stripe Payment', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/stripe/" target="_blank"><?php esc_html_e( 'Stripe Payment', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Stripe payment gateway for WP User Frontend. Get your subscription payment with Stripe.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-mailpoet.png" alt="<?php esc_html_e( 'Mailpoet', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/mailpoet/" target="_blank"><?php esc_html_e( 'Mailpoet', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Add subscribers to mailpoet mailing list when they registers via WP User Frontend Pro.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-mailchimp.png" alt="<?php esc_html_e( 'MailChimp Integration', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/add-users-to-mailchimp-subscribers-list-upon-registration-from-frontend/" target="_blank"><?php esc_html_e( 'MailChimp', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Integrate your desired form to your MailChimp email newsletter using latest API.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-sms.png" alt="<?php esc_html_e( 'SMS Notification', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/sms-notification/" target="_blank"><?php esc_html_e( 'SMS Notification', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Get instant SMS notification on your mobile when post submits on your site.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-comment.png" alt="<?php esc_html_e( 'SMS Notification', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/frontend-comment-manager/" target="_blank"><?php esc_html_e( 'Comment Manager', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Handle comments in frontend. View / reply comments on post.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/wpuf-qr.png" alt="<?php esc_html_e( 'SMS Notification', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><a href="https://wedevs.com/docs/wp-user-frontend-pro/modules/qr-code/" target="_blank"><?php esc_html_e( 'QR Code Generator', 'wp-user-frontend' ); ?></a></h3>
                <p><?php esc_html_e( 'Generate QR Code with your custom fields or custom post meta.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>

        <div class="col module-wrap">
            <div class="module-image">
                <img src="<?php echo esc_url( WPUF_ASSET_URI ); ?>/images/modules/more.png" alt="<?php esc_html_e( 'More...', 'wp-user-frontend' ); ?>">
            </div>
            <div class="module-details">
                <h3><?php esc_html_e( 'More...', 'wp-user-frontend' ); ?></h3>
                <p><?php esc_html_e( 'A bunch of more modules are coming soon.', 'wp-user-frontend' ); ?></p>
            </div>
        </div>
    </div>

    <div style="display: block; height: 100px; overflow: hidden;"></div>

    <div class="wpuf-upgrade-sticky-footer">

        <div class="text-left">
            <h3><?php esc_html_e( 'Upgrade To The Most Powerful Frontend Plugin', 'wp-user-frontend' ); ?></h3>

            <p><?php esc_html_e( 'WP User Frontend Pro is the most powerful solution for your frontend needs.', 'wp-user-frontend' ); ?></p>
        </div>

        <div class="text-right">

        </div>
    </div>

</div>
