<?php

    // prevent direct file access
	if( !defined( 'ABSPATH' ) ) exit;

    // include necessary style & script
    function pixe_plugin_settings_getting_started_script(){
        pixe_enqueue_admin_styles(array('utility', 'settings'));
    }

    // getting start page content
    function pixe_plugin_settings_getting_started(){
        pixe_plugin_settings_head('none');

        $theme_recommendation = true;
        if( isset($_GET['theme-recommendation']) ){
            $theme_recommendation = false;
            update_option('pixe-disable-theme-recommendation', 1, false);
        }else{
            $theme_recommendation = empty(get_option('pixe-disable-theme-recommendation'));
        }
        
        // get necessary url
        $current_theme = wp_get_theme();
        $current_theme_slug = $current_theme->get_stylesheet();
        $current_theme_name = $current_theme->get('Name');
        $pixeone_theme = wp_get_theme('pixeone');
        $pixeone_url = $pixeone_theme->exists()
            ? wp_nonce_url(admin_url('themes.php?action=activate&stylesheet=pixeone'), 'switch-theme_pixeone')
            : wp_nonce_url(admin_url('update.php?action=install-theme&theme=pixeone'), 'install-theme_pixeone');

        $create_page = add_query_arg(array('action' => 'edit-with-pxb'), admin_url('post-new.php?post_type=page'));
?>

<div class="pixe-getting-started-wrap" >
    <!-- hero -->
    <div class="pixe-getting-started-hero" >
        <div class="pixe-getting-started-hero-left" >
            <div class="pixe-badge">
                <span></span>
                <svg width="9" height="7" viewBox="0 0 9 7" fill="none" ><path d="M7.9056 0.572754L2.86393 5.61442L0.572266 3.32275" stroke="#1F1BA5" stroke-width="1.14583" stroke-linecap="round" stroke-linejoin="round"/></svg>
                <?php esc_html_e('Plugin activated successfully', 'pixebuilder'); ?>
            </div>
            <h2><?php echo wp_kses(__('You\'re <br><strong><span>2 minutes</span></strong> away<br> from a faster <em>website</em>.', 'pixebuilder'), array('span' => array(), 'strong' => array(), 'em' => array(), 'br' => array())); ?></h2>
            <div class="pixe-content" ><?php printf(esc_html__('PixeBuilder is now installed on %s. Let\'s get your first page built — drag, drop, publish, done.', 'pixebuilder'), '<strong>' . esc_html(get_bloginfo('url')) . '</strong>'); ?></div>
            <div class="pixe-button-wrap" >
                <a class="pixe-button" href="<?php echo esc_url($create_page); ?>" target="_blank" >
                    <?php esc_html_e('Create Your First Page', 'pixebuilder') ?>
                    <svg width="14" height="13" viewBox="0 0 14 13" fill="none"><path d="M0.666016 6.49984H12.3327M7.33268 0.666504L13.166 6.49984L7.33268 12.3332" stroke="#B2DF20" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </a>
                <a class="pixe-button pixe-white" href="https://docs.pixebuilder.com/" target="_blank" >
                    <?php esc_html_e('Read the Docs', 'pixebuilder') ?>
                    <svg width="12" height="14" viewBox="0 0 12 14" fill="none"><path d="M6.8125 0.5625H1.8125C1.48098 0.5625 1.16304 0.694196 0.928616 0.928616C0.694196 1.16304 0.5625 1.48098 0.5625 1.8125V11.8125C0.5625 12.144 0.694196 12.462 0.928616 12.6964C1.16304 12.9308 1.48098 13.0625 1.8125 13.0625H9.3125C9.64402 13.0625 9.96196 12.9308 10.1964 12.6964C10.4308 12.462 10.5625 12.144 10.5625 11.8125V4.3125L6.8125 0.5625Z" stroke="#0F0E1F" stroke-width="1.125" stroke-linejoin="round"/><path d="M6.8125 0.5625V4.3125H10.5625M3.6875 7.4375H7.4375M3.6875 9.9375H6.1875" stroke="#0F0E1F" stroke-width="1.125" stroke-linecap="round"/></svg>
                </a>
            </div>
            <div class="pixe-services" >
                <div class="pixe-service" >
                    <span class="pixe-icon pixe-admin-icon">
                        <svg width="16" height="18" viewBox="0 0 16 18" fill="none"><path d="M1.58538 10.2936C1.43557 10.2941 1.28869 10.2521 1.1618 10.1724C1.03492 10.0928 0.933234 9.97876 0.868567 9.84363C0.803901 9.70849 0.778906 9.55778 0.796486 9.409C0.814066 9.26023 0.8735 9.11949 0.967882 9.00315L8.80538 0.928149C8.86417 0.860289 8.94429 0.814431 9.03258 0.798104C9.12086 0.781777 9.21208 0.795951 9.29125 0.838298C9.37042 0.880646 9.43285 0.948651 9.46827 1.03115C9.5037 1.11365 9.51003 1.20575 9.48622 1.29232L7.96622 6.05815C7.9214 6.17811 7.90634 6.30714 7.92235 6.4342C7.93836 6.56125 7.98495 6.68252 8.05812 6.78761C8.13129 6.8927 8.22887 6.97847 8.34248 7.03757C8.45608 7.09666 8.58233 7.12732 8.71038 7.1269H14.252C14.4019 7.12639 14.5487 7.1684 14.6756 7.24804C14.8025 7.32769 14.9042 7.4417 14.9689 7.57684C15.0335 7.71197 15.0585 7.86268 15.0409 8.01146C15.0234 8.16024 14.9639 8.30097 14.8695 8.41732L7.03205 16.4923C6.97326 16.5602 6.89314 16.606 6.80486 16.6224C6.71657 16.6387 6.62535 16.6245 6.54618 16.5822C6.46701 16.5398 6.40459 16.4718 6.36916 16.3893C6.33373 16.3068 6.3274 16.2147 6.35122 16.1281L7.87122 11.3623C7.91604 11.2424 7.93109 11.1133 7.91508 10.9863C7.89907 10.8592 7.85248 10.7379 7.77931 10.6329C7.70614 10.5278 7.60856 10.442 7.49496 10.3829C7.38135 10.3238 7.2551 10.2931 7.12705 10.2936H1.58538Z" stroke="#5B5970" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/></svg>
                    </span>
                    <div class="pixe-text" ><?php esc_html_e('Loads fast', 'pixebuilder'); ?></div>
                </div>
                <div class="pixe-service" >
                    <span class="pixe-icon pixe-admin-icon">
                        <svg width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M0.840499 6.05718C0.774521 6.23492 0.774521 6.43044 0.840499 6.60818C1.4831 8.1663 2.57387 9.49853 3.97453 10.436C5.37519 11.3734 7.02266 11.8739 8.70808 11.8739C10.3935 11.8739 12.041 11.3734 13.4416 10.436C14.8423 9.49853 15.9331 8.1663 16.5757 6.60818C16.6416 6.43044 16.6416 6.23492 16.5757 6.05718C15.9331 4.49907 14.8423 3.16684 13.4416 2.22939C12.041 1.29195 10.3935 0.791504 8.70808 0.791504C7.02266 0.791504 5.37519 1.29195 3.97453 2.22939C2.57387 3.16684 1.4831 4.49907 0.840499 6.05718Z" stroke="#5B5970" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.70808 8.70768C10.0198 8.70768 11.0831 7.64436 11.0831 6.33268C11.0831 5.02101 10.0198 3.95768 8.70808 3.95768C7.39641 3.95768 6.33308 5.02101 6.33308 6.33268C6.33308 7.64436 7.39641 8.70768 8.70808 8.70768Z" stroke="#5B5970" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/></svg>
                    </span>
                    <div class="pixe-text" ><?php esc_html_e('Instant preview', 'pixebuilder'); ?></div>
                </div>
                <div class="pixe-service" >
                    <span class="pixe-icon pixe-admin-icon">
                        <svg width="15" height="18" viewBox="0 0 15 18" fill="none"><path d="M13.4577 9.50019C13.4577 13.4585 10.6868 15.4377 7.39352 16.5856C7.22106 16.6441 7.03373 16.6413 6.8631 16.5777C3.56185 15.4377 0.791016 13.4585 0.791016 9.50019V3.95853C0.791016 3.74856 0.874423 3.5472 1.02289 3.39873C1.17136 3.25027 1.37272 3.16686 1.58268 3.16686C3.16602 3.16686 5.14518 2.21686 6.52268 1.01353C6.6904 0.870234 6.90375 0.791504 7.12435 0.791504C7.34494 0.791504 7.5583 0.870234 7.72602 1.01353C9.11143 2.22478 11.0827 3.16686 12.666 3.16686C12.876 3.16686 13.0773 3.25027 13.2258 3.39873C13.3743 3.5472 13.4577 3.74856 13.4577 3.95853V9.50019Z" stroke="#5B5970" stroke-width="1.58333" stroke-linecap="round" stroke-linejoin="round"/></svg>
                    </span>
                    <div class="pixe-text" ><?php esc_html_e('GPL licensed', 'pixebuilder'); ?></div>
                </div>
            </div>
        </div>
        <div class="pixe-getting-started-hero-right" >
            <video class="pixe-getting-started-video" autoplay muted loop playsinline >
                <source src="https://cdn.pixebuilder.com/pxb-activation-landing.mp4" type="video/mp4">
            </video>
            <div class="pixe-status" ><span>98</span><?php esc_html_e('Lighthouse Performance', 'pixebuilder'); ?></div>
        </div>
    </div>

    <?php if( $theme_recommendation && $current_theme_slug != 'pixeone' ){ ?>
        <!-- theme -->
        <div class="pixe-getting-started-theme" >
            <div class="pixe-featured" >
                <img src="<?php echo esc_url(PIXE_URL . '/admin/img/recommended-theme.png'); ?>" alt="<?php esc_attr_e('Recommended theme preview', 'pixebuilder'); ?>" />
            </div>
            <div class="pixe-content" >
                <div class="pixe-banner" ><span></span><?php esc_html_e('Recommended theme', 'pixebuilder') ?></div>
                <h2><?php echo wp_kses(__('Pair PixeBuilder with <em>PixeOne</em>.', 'pixebuilder'), array('em' => array())); ?></h2>
                <div class="pixe-description" ><?php printf(esc_html__('We noticed you\'re running %s. PixeOne is our free theme built specifically for PixeBuilder. It unlocks full-site editing and removes the styling conflicts that come with generic themes.', 'pixebuilder'), '<strong>' . esc_html($current_theme_name) . '</strong>'); ?></div>
                <ul class="pixe-bullet" >
                    <li>
                        <svg width="9" height="7" viewBox="0 0 9 7" fill="none" ><path d="M7.9056 0.572754L2.86393 5.61442L0.572266 3.32275" stroke="#1F1BA5" stroke-width="1.14583" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <?php esc_html_e('Full-site editing', 'pixebuilder') ?>
                    </li>
                    <li>
                        <svg width="9" height="7" viewBox="0 0 9 7" fill="none" ><path d="M7.9056 0.572754L2.86393 5.61442L0.572266 3.32275" stroke="#1F1BA5" stroke-width="1.14583" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <?php esc_html_e('Zero theme conflicts', 'pixebuilder') ?>
                    </li>
                    <li>
                        <svg width="9" height="7" viewBox="0 0 9 7" fill="none" ><path d="M7.9056 0.572754L2.86393 5.61442L0.572266 3.32275" stroke="#1F1BA5" stroke-width="1.14583" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <?php esc_html_e('30% faster load', 'pixebuilder') ?>
                    </li>
                    <li>
                        <svg width="9" height="7" viewBox="0 0 9 7" fill="none" ><path d="M7.9056 0.572754L2.86393 5.61442L0.572266 3.32275" stroke="#1F1BA5" stroke-width="1.14583" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        <?php esc_html_e('Native PixeBuilder blocks', 'pixebuilder') ?>
                    </li>
                </ul>
                <div class="pixe-button-wrap" >
                    <a class="pixe-button" href="<?php echo esc_url($pixeone_url); ?>" >
                        <svg width="12" height="15" viewBox="0 0 12 15" fill="none" ><path d="M7.5 0L0 9H5.25L4.5 15L12 6H6.75L7.5 0Z" fill="#B2DF20"/></svg>
                        <?php esc_html_e('Install & Activate PixeOne', 'pixebuilder') ?>
                    </a>
                    <a class="pixe-text" href="#" >
                        <?php esc_html_e('Free · 1-click install · No data lost when you switch', 'pixebuilder'); ?>
                    </a>
                </div>
            </div>
            <a class="pixe-close" href="<?php echo esc_attr(add_query_arg(array('theme-recommendation' => '0'))); ?>" >
                <svg width="12" height="12" viewBox="0 0 12 12" ><path d="M0.583984 0.583496L10.584 10.5835M10.584 0.583496L0.583984 10.5835" stroke="#8A88A0" stroke-width="1.16667" stroke-linecap="round"/></svg>
            </a>
        </div>
    <?php } ?>

    <!-- getting started -->
    <div class="pixe-getting-started-title" >
        <div class="pixe-caption" ><span></span><?php esc_html_e('Getting Started', 'pixebuilder'); ?></div>
        <h3><?php echo wp_kses(__('Four steps to your first <em>live page</em>.', 'pixebuilder'), array('em' => array())); ?></h3>
    </div>
    <div class="pixe-getting-started-cols" >
        <div class="pixe-col pixe-col4 pixe-live">
            <div class="pixe-head" >
                <div class="pixe-number" >
                    01
                    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" ><path d="M10 3L4.5 8.5L2 6" stroke="#1F1BA5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </div>
                <div class="pixe-badge" ><?php esc_html_e('Installed', 'pixebuilder'); ?></div>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Plugin activated', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('PixeBuilder is live on your site and ready to use. Nothing to configure.', 'pixebuilder'); ?></div>
            <a class="pixe-footer-link pixe-active" href="" >
                <svg width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M12.6777 0.676758L4.42773 8.92676L0.677734 5.17676" stroke="#5B5970" stroke-width="1.35417" stroke-linecap="round" stroke-linejoin="round"/></svg>
                <?php echo esc_html__('Activated', 'pixebuilder'); ?>
            </a>
        </div> 
        <div class="pixe-col pixe-col4">
            <div class="pixe-head" >
                <div class="pixe-number" >02</div>
                <div class="pixe-badge" ><?php esc_html_e('Tutorial', 'pixebuilder'); ?></div>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Watch the 2-minute tour', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Learn the drag-and-drop editor, the structure tree, and how blocks work.', 'pixebuilder'); ?></div>
            <a class="pixe-video-preview" href="https://www.youtube.com/watch?v=eGdsvyyD96g&list=PL4yAoI6rgxgNoZ5p3pjNnCw3-PU4mFfXx" target="_blank" >
                <span class="pixe-icon pixe-admin-icon" >
                    <svg width="7" height="9" viewBox="0 0 7 9" fill="none" ><path d="M0 0V8.16667L6.41667 4.08333L0 0Z" fill="#1F1BA5"/></svg>
                </span>
                <span class="pixe-head-text" ><?php esc_html_e('Intro Video', 'pixebuilder'); ?></span>
                <span class="pixe-tail-text" ><?php esc_html_e('2:14 — basics + structure tree', 'pixebuilder'); ?></span>
            </a>
            <a class="pixe-footer-link pixe-active" href="https://www.youtube.com/watch?v=eGdsvyyD96g&list=PL4yAoI6rgxgNoZ5p3pjNnCw3-PU4mFfXx" target="_blank" >
                <svg width="9" height="11" viewBox="0 0 9 11" fill="none"><path d="M0 0V10.5L8.25 5.25L0 0Z" fill="#B2DF20"/></svg>
                <?php echo esc_html__('Play intro video', 'pixebuilder'); ?>
            </a>
        </div> 
        <div class="pixe-col pixe-col4">
            <div class="pixe-head" >
                <div class="pixe-number" >03</div>
                <div class="pixe-badge" ><?php esc_html_e('Library', 'pixebuilder'); ?></div>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Import a starter site', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Browse 140+ premade pages. Pick one, swap content, ship in minutes.', 'pixebuilder'); ?></div>
            <a class="pixe-footer-link pixe-active" href="<?php echo esc_url(admin_url('admin.php?page=pixe_plugin_settings_sites')); ?>" >
                <svg width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M0.5 5.75H11M6.5 0.5L11.75 5.75L6.5 11" stroke="#B2DF20" stroke-linecap="round" stroke-linejoin="round"/></svg>
                <?php echo esc_html__('Browse Library', 'pixebuilder'); ?>
            </a>
        </div> 
        <div class="pixe-col pixe-col4">
            <div class="pixe-head" >
                <div class="pixe-number" >04</div>
                <div class="pixe-badge" ><?php esc_html_e('Build', 'pixebuilder'); ?></div>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Edit your first page', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Open any post or page and click Edit with PixeBuilder to start building.', 'pixebuilder'); ?></div>
            <a class="pixe-footer-link pixe-active" href="<?php echo esc_url($create_page); ?>" >
                <svg width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M0.5 5.75H11M6.5 0.5L11.75 5.75L6.5 11" stroke="#B2DF20" stroke-linecap="round" stroke-linejoin="round"/></svg>
                <?php echo esc_html__('Create your first page', 'pixebuilder'); ?>
            </a>
        </div> 
    </div>

    <!-- plan -->
    <div class="pixe-getting-started-title pixe-align-center" >
        <div class="pixe-caption" ><span></span><?php esc_html_e('Unlock the full kit', 'pixebuilder'); ?></div>
        <h3><?php echo wp_kses(__('Same builder. <em>Ten times</em> the toolbox.', 'pixebuilder'), array('em' => array())); ?></h3>
        <div class="pixe-content" ><?php esc_html_e('You\'re on the Starter Plan. Here\'s what changes when you go Pro.', 'pixebuilder'); ?></div>
    </div>
    <div class="pixe-getting-started-plan" >
        <div class="pixe-col pixe-head-col">
            <div class="pixe-title-wrap" ></div>
            <ul>
                <li><?php esc_html_e('Page builder elements', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Premade blocks', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Premade pages', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Query elements', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('WooCommerceS', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Popup & header builder', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Support', 'pixebuilder'); ?></li>
            </ul>
            <div class="pixe-foot" ></div>
        </div>
        <div class="pixe-col pixe-active">
            <div class="pixe-title-wrap" >
                <span class="pixe-title" ><?php esc_html_e('Starter', 'pixebuilder'); ?></span>
                <span class="pixe-badge" ><?php esc_html_e('Your Plan', 'pixebuilder'); ?></span>
                <div class="pixe-plan-price" ><?php esc_html_e('0$ forever', 'pixebuilder'); ?></div>
            </div>
            <ul>
                <li><?php esc_html_e('14 basic', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Core set', 'pixebuilder'); ?></li>
                <li>-</li>
                <li>-</li>
                <li>-</li>
                <li>-</li>
                <li>Community</li>
            </ul>
            <div class="pixe-foot" >
                <span class="pixe-button pixe-white" >
                    <?php esc_html_e('Stay on Starter', 'pixebuilder') ?>
                </span>
            </div>
        </div>
        <div class="pixe-col pixe-recommend">
            <div class="pixe-title-wrap" >
                <span class="pixe-title" ><?php esc_html_e('PixeBuilder Pro', 'pixebuilder'); ?></span>
                <span class="pixe-badge" >
                    <svg width="6" height="6" viewBox="0 0 6 6" fill="none" ><path d="M2.91667 0L3.66667 2.16667L5.83333 2.91667L3.66667 3.66667L2.91667 5.83333L2.16667 3.66667L0 2.91667L2.16667 2.16667L2.91667 0Z" fill="#1F1BA5"/></svg>
                    <?php esc_html_e('Recommended', 'pixebuilder'); ?>
                </span>
                <div class="pixe-plan-price" ><?php esc_html_e('From $69 / year', 'pixebuilder'); ?></div>
            </div>
            <ul>
                <li><?php esc_html_e('53+ elements', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('400+ blocks', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('140+ premade pages', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('22 dynamic types', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Full shop kit', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Included', 'pixebuilder'); ?></li>
                <li><?php esc_html_e('Priority 1-on-1', 'pixebuilder'); ?></li>
            </ul>
            <div class="pixe-foot" >
                <a class="pixe-button" href="<?php echo esc_attr(PIXE_PRICING_URL); ?>?utm_source=getting_started&utm_medium=bottom_button&utm_campaign=upgrade" target="_blank" >
                    <?php esc_html_e('Upgrade to Pro', 'pixebuilder') ?>
                    <svg width="14" height="13" viewBox="0 0 14 13" fill="none"><path d="M0.666016 6.49984H12.3327M7.33268 0.666504L13.166 6.49984L7.33268 12.3332" stroke="#B2DF20" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </a>
            </div>
        </div>
    </div>
    <div class="pixe-getting-started-foot-note">
        <div class="pixe-icon pixe-admin-icon" >
            <svg width="11" height="14" viewBox="0 0 11 14" fill="none"><path d="M6.66667 0L0 8H4.66667L4 13.3333L10.6667 5.33333H6L6.66667 0Z" fill="#1F1BA5"/></svg>
        </div>
        <?php esc_html_e('Cancel anytime. 30-day money-back guarantee.', 'pixebuilder'); ?>
    </div>

    <!-- support -->
    <div class="pixe-getting-started-title" >
        <div class="pixe-caption" ><span></span><?php esc_html_e('Need a hand?', 'pixebuilder'); ?></div>
        <h3><?php echo wp_kses(__('We got you.', 'pixebuilder'), array('em' => array())); ?></h3>
    </div>
    <div class="pixe-getting-started-support" >
        <div class="pixe-col" >
            <div class="pixe-icon pixe-admin-icon" >
                <svg width="12" height="15" viewBox="0 0 12 15" fill="none"><path d="M7.26628 0.599609H1.93294C1.57932 0.599609 1.24018 0.740085 0.990134 0.990134C0.740085 1.24018 0.599609 1.57932 0.599609 1.93294V12.5996C0.599609 12.9532 0.740085 13.2924 0.990134 13.5424C1.24018 13.7925 1.57932 13.9329 1.93294 13.9329H9.93294C10.2866 13.9329 10.6257 13.7925 10.8758 13.5424C11.1258 13.2924 11.2663 12.9532 11.2663 12.5996V4.59961L7.26628 0.599609Z" stroke="#1F1BA5" stroke-width="1.2" stroke-linejoin="round"/><path d="M7.26693 0.599609V4.59961H11.2669M3.93359 7.93294H7.93359M3.93359 10.5996H6.60026" stroke="#1F1BA5" stroke-width="1.2" stroke-linecap="round"/></svg>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Documentation', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Detailed guides for every feature.', 'pixebuilder'); ?></div>
            <a href="https://docs.pixebuilder.com/" target="_blank" ></a>
        </div>
        <div class="pixe-col" >
            <div class="pixe-icon pixe-admin-icon" >
                <svg width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M6.125 0L7.7 4.55L12.25 6.125L7.7 7.7L6.125 12.25L4.55 7.7L0 6.125L4.55 4.55L6.125 0Z" fill="#1F1BA5"/></svg>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Community Forum', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Ask questions, share what you\'ve built.', 'pixebuilder'); ?></div>
            <a href="https://pixebuilder.com/community" target="_blank" ></a>
        </div>
        <div class="pixe-col" >
            <div class="pixe-icon pixe-admin-icon" >
                <svg width="11" height="14" viewBox="0 0 11 14" fill="none"><path d="M6.66667 0L0 8H4.66667L4 13.3333L10.6667 5.33333H6L6.66667 0Z" fill="#1F1BA5"/></svg>
            </div>
            <div class="pixe-title" ><?php esc_html_e('Submit a ticket', 'pixebuilder'); ?></div>
            <div class="pixe-content" ><?php esc_html_e('Priority 1-on-1 support for Pro users.', 'pixebuilder'); ?></div>
            <a href="https://account.pixebuilder.com/support/" target="_blank" ></a>
        </div>
    </div>
</div>
<?php
    }
