<div class="welcome-upgrade-wrap">
    <div class="welcome-upgrade-header">
        <h3><?php printf(esc_html__('Square Plus Demos - Premium Version of %s', 'square'), $this->theme_name); ?></h3>
        <p><?php echo sprintf(esc_html__('Check out the websites that you can create with the premium version of the %s Theme. These demos can be imported with just one click in the premium version.', 'square'), $this->theme_name); ?></p>
        <p><?php echo esc_html__('These demos are available in both Customizer and Elementor version.', 'square'); ?></p>
    </div>

    <div class="recomended-plugin-wrap">
        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/main-demo.jpg'); ?>" alt="<?php echo esc_attr__('Square Plus Demo', 'square'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Main Demo</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/square-plus/main-demo/" class="button button-primary"><?php echo esc_html__('Preview', 'square'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/original.jpg'); ?>" alt="<?php echo esc_attr__('Square Plus Demo', 'square'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Original</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/square-plus/original/" class="button button-primary"><?php echo esc_html__('Preview', 'square'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/business.jpg'); ?>" alt="<?php echo esc_attr__('Square Plus Demo', 'square'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Business</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/square-plus/business/" class="button button-primary"><?php echo esc_html__('Preview', 'square'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/fitness.jpg'); ?>" alt="<?php echo esc_attr__('Square Plus Demo', 'square'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Fitness</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/square-plus/gym/" class="button button-primary"><?php echo esc_html__('Preview', 'square'); ?></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="welcome-upgrade-box">
    <div class="upgrade-box-text">
        <h3><?php echo esc_html__('Upgrade To Premium Version (7 Days Money Back Guarantee)', 'square'); ?></h3>
        <p><?php echo sprintf(esc_html__('The %s Theme already allows you to build a beautiful website, but the Premium version unlocks even more powerful features and flexibility.', 'square'), $this->theme_name); ?></p>
        <p><?php echo esc_html__('Experience the full potential of the Premium version with complete peace of mind. If it doesn\'t meet your needs, you\'re covered by our 7 day money back guarantee.', 'square'); ?></p>
    </div>

    <a class="upgrade-button" href="https://hashthemes.com/wordpress-theme/square-plus/?utm_source=wordpress&utm_medium=square-footer&utm_campaign=square-upgrade" target="_blank"><?php esc_html_e('Upgrade Now', 'square'); ?></a>
</div>