<div class="welcome-upgrade-wrap">
    <div class="welcome-upgrade-header">
        <h3><?php printf(esc_html__('Viral Pro Demos - Premium Version of %s', 'viral'), $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.', 'viral'), $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/newspaper.jpg'); ?>" alt="<?php echo esc_attr__('Viral Demo', 'viral'); ?>">
            </div>

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

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

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

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

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

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

            <div class="plugin-title-wrap">
                <div class="plugin-title">News One</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/viral-pro/viral-news-one/" class="button button-primary"><?php echo esc_html__('Preview', 'viral'); ?></a>
                </div>
            </div>
        </div>

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

            <div class="plugin-title-wrap">
                <div class="plugin-title">News Two</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/viral-pro/viral-news-two/" class="button button-primary"><?php echo esc_html__('Preview', 'viral'); ?></a>
                </div>
            </div>
        </div>

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

            <div class="plugin-title-wrap">
                <div class="plugin-title">News Three</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/viral-pro/viral-news-three/" class="button button-primary"><?php echo esc_html__('Preview', 'viral'); ?></a>
                </div>
            </div>
        </div>

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

            <div class="plugin-title-wrap">
                <div class="plugin-title">News Four</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/viral-pro/viral-news-four/" class="button button-primary"><?php echo esc_html__('Preview', 'viral'); ?></a>
                </div>
            </div>
        </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            <div class="plugin-title-wrap">
                <div class="plugin-title">RTL</div>
                <div class="plugin-btn-wrapper">
                    <a target="_blank" href="https://demo.hashthemes.com/viral-pro/rtl" class="button button-primary"><?php echo esc_html__('Preview', 'viral'); ?></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)', 'viral'); ?></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.', 'viral'), $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.', 'viral'); ?></p>
    </div>

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