<div class="welcome-upgrade-wrap">
    <div class="welcome-upgrade-header">
        <h3><?php printf(esc_html__('Rezoto Demos - Premium Version of %s', 'resoto'), $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.', 'resoto'), $this->theme_name); ?></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/demo1.png'); ?>" alt="<?php echo esc_attr__('Resoto Demo', 'resoto'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Demo 1</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.mysticalthemes.com/resoto/demo1/" class="button button-primary"><?php echo esc_html__('Preview', 'resoto'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/demo2.png'); ?>" alt="<?php echo esc_attr__('Resoto Demo', 'resoto'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Demo 2</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.mysticalthemes.com/resoto/demo2/" class="button button-primary"><?php echo esc_html__('Preview', 'resoto'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/demo3.png'); ?>" alt="<?php echo esc_attr__('Resoto Demo', 'resoto'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Demo 3</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.mysticalthemes.com/resoto/demo3/" class="button button-primary"><?php echo esc_html__('Preview', 'resoto'); ?></a>
                </div>
            </div>
        </div>

        <div class="recommended-plugins">
            <div class="plugin-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/welcome/css/demo4.png'); ?>" alt="<?php echo esc_attr__('Resoto Demo', 'resoto'); ?>">
            </div>

            <div class="plugin-title-wrap">
                <div class="plugin-title">Demo 4</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.mysticalthemes.com/rezoto/demo1/" class="button button-primary"><?php echo esc_html__('Preview', 'resoto'); ?></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)', 'resoto'); ?></h3>
        <p><?php echo sprintf(esc_html__('With %s Theme you can create a beautiful website. But if you want to unlock more possibilities then upgrade to the premium version.', 'resoto'), $this->theme_name); ?></p>
        <p><?php echo esc_html__('Try the Premium version and check if it fits your need or not. If not, we have 7 days money-back guarantee.', 'resoto'); ?></p>
    </div>

    <a class="upgrade-button" href="https://mysticalthemes.com/theme/rezoto/" target="_blank"><?php esc_html_e('Upgrade Now', 'resoto'); ?></a>
</div>