<div class="wslu-onboard-main-header">
    <h1 class="wslu-onboard-main-header--title"><?php echo wp_kses(__('Exclusive <strong>40% Discount</strong> Only for <br/> Next <strong>2 Hours</strong> - Grab It Now', 'wp-social'), \WP_Social\Helper\Helper::get_kses_array()); ?></h1>
</div>
<div class="wslu-onboard-pro-features">
    <h2><?php echo esc_html__('WP Social', 'wp-social'); ?> <span><?php echo esc_html__('PRO', 'wp-social'); ?></span></h2>

    <ul class="wslu-onboard-modules">
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-01.png" alt=""><span><?php echo esc_html__('GDPR Compliant', 'wp-social'); ?></span></li>
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-02.png" alt=""><span><?php echo esc_html__('Smooth Integration', 'wp-social'); ?></span></li>
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-03.png" alt=""><span><?php echo esc_html__('Regular Updates of API', 'wp-social'); ?></span></li>
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-04.png" alt=""><span><?php echo esc_html__('Multiple Icon Layouts', 'wp-social'); ?></span></li>
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-05.png" alt=""><span><?php echo esc_html__('Social Counter Effects', 'wp-social'); ?></span></li>
        <li><img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/module-icon-06.png" alt=""><span><?php echo esc_html__('Zoom Integration', 'wp-social'); ?></span></li>
    </ul>
    <ul class="wslu-onboard-module-meta">
        <li><i class="icon xs-onboard-check"></i> <?php echo esc_html__('10+ Social Media Platforms Supportable', 'wp-social'); ?></li>
        <li><i class="icon xs-onboard-check"></i> <?php echo esc_html__('90+ Social Counter Layouts', 'wp-social'); ?></li>
        <li><i class="icon xs-onboard-check"></i> <?php echo esc_html__('5+ Advanced Features', 'wp-social'); ?></li>
    </ul>

    <a href="https://wpmet.com/plugin/wp-social/pricing/?promo=onboard-coupon" target="_blank" class="attr-btn attr-btn-primary wslu-pro-btn"><?php echo esc_html__('Explore PRO', 'wp-social'); ?> <i class="icon icon-arrow-right"></i></a>
</div>

<div class="wslu-onboard-pagination">
    <a class="wslu-onboard-btn wslu-onboard-pagi-btn prev" href="#"><i class="icon xs-onboard-arrow-left"></i><?php echo esc_html__('Back', 'wp-social'); ?></a>
    <a class="wslu-onboard-btn wslu-onboard-pagi-btn next" href="#"><?php echo esc_html__('Next Step', 'wp-social'); ?></a>
</div>

<div class="wslu-onboard-shapes">
    <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-14.png" alt="" class="shape-14">
    <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-15.png" alt="" class="shape-15">
    <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-18.png" alt="" class="shape-18">
    <img src="<?php echo esc_url(self::get_url()); ?>assets/images/onboard/shape-19.png" alt="" class="shape-19">
</div>