<script setup>
import { reactive } from 'vue';
import { useTranslation } from '../../composables/useTranslation';
import { useRoute, useRouter } from 'vue-router';
const route = useRoute();
const router = useRouter();

const { t } = useTranslation();

const activeClass = ( _route ) => {
    return route.path === _route ? 'active' : '';
};

const state = reactive( {
    support: false
} );

const navs = [
    '/',
    '/gutenberg',
    '/elementor',
    '/faq',
    '/compare'
];

const next = () => {
    const index = navs.indexOf( route.path );
    if ( index === navs.length - 1 ) {
        return;
    }
    router.push( navs[ index + 1 ] );
};

const prev = () => {
    const index = navs.indexOf( route.path );
    if ( index === 0 ) {
        return;
    }
    router.push( navs[ index - 1 ] );
};

import Mailto from '@/Mailto.vue';

const OpenSupport = () => {
    if( ! wp_dark_mode_admin_json.is_ultimate ) {
        window.open( 'https://wordpress.org/support/plugin/wp-dark-mode/', '_blank' );
    } else {
        state.support = true;
    }
};
</script>

<template>
    <div>
        <div class="wp-dark-mode-get-started-header wp-dark-mode-ignore">
            <div class="flex flex-col items-center justify-center gap-2 h-32 sm:h-38 md:h-44 xl:h-52 2xl:h-56">
                <div class="flex items-center justify-center gap-3">
                    <svg class="w-10 h-auto" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M48.7893 23.9977C48.7893 19.2866 47.3724 14.6812 44.7176 10.7641C42.0628 6.84688 38.2895 3.79381 33.8748 1.99093C29.4601 0.188055 24.6022 -0.28366 19.9156 0.63544C15.229 1.55454 10.924 3.82317 7.54515 7.15446C4.16627 10.4857 1.86522 14.7301 0.932994 19.3507C0.000764042 23.9713 0.479218 28.7607 2.30785 33.1133C4.13649 37.4658 7.23317 41.186 11.2063 43.8034C15.1794 46.4207 19.8506 47.8177 24.629 47.8177C31.0368 47.8177 37.182 45.3081 41.7129 40.841C46.2439 36.3739 48.7893 30.3152 48.7893 23.9977Z"
                            fill="black" />
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M0.286133 24C0.286133 19.2533 1.71382 14.6131 4.38864 10.6663C7.06347 6.71954 10.8653 3.6434 15.3134 1.8269C19.7615 0.0103988 24.656 -0.464881 29.378 0.461164C34.1001 1.38721 38.4376 3.67299 41.842 7.02945C45.2464 10.3859 47.5648 14.6623 48.5041 19.3178C49.4434 23.9734 48.9613 28.799 47.1189 33.1844C45.2764 37.5698 42.1563 41.3181 38.1532 43.9553C34.15 46.5924 29.4436 48 24.629 48C18.1729 48 11.9812 45.4714 7.41599 40.9706C2.85082 36.4697 0.286133 30.3652 0.286133 24H0.286133ZM24.629 1.95601C20.2068 1.95601 15.8839 3.24887 12.207 5.67109C8.53014 8.09332 5.66434 11.5361 3.97205 15.5641C2.27975 19.5921 1.83697 24.0245 2.6997 28.3006C3.56242 32.5767 5.6919 36.5046 8.81885 39.5875C11.9458 42.6704 15.9298 44.7699 20.267 45.6204C24.6042 46.471 29.0998 46.0345 33.1854 44.366C37.2709 42.6976 40.7629 39.8721 43.2198 36.247C45.6766 32.6219 46.9879 28.3599 46.9879 24C46.9847 18.1546 44.628 12.5494 40.4356 8.41606C36.2432 4.2827 30.558 1.95919 24.629 1.95601Z"
                            fill="#FF631A" />
                        <path
                            d="M25.9435 35.21C28.1016 35.2313 30.22 34.638 32.0444 33.5013C33.8688 32.3646 35.3216 30.7329 36.2284 28.802C35.0582 29.3034 33.7917 29.5491 32.5161 29.522C30.1218 29.5188 27.8266 28.5797 26.1336 26.9106C24.4406 25.2414 23.4881 22.9785 23.4849 20.618C23.5068 18.9843 23.9689 17.3857 24.8237 15.986C25.675 14.5816 26.8943 13.4293 28.3534 12.65C27.5469 12.5411 26.7331 12.4929 25.9192 12.506C22.9318 12.6018 20.0993 13.8391 18.0204 15.9565C15.9416 18.0738 14.7793 20.9052 14.7793 23.852C14.7793 26.7988 15.9416 29.6302 18.0204 31.7475C20.0993 33.8648 22.9318 35.1022 25.9192 35.198L25.9435 35.21Z"
                            fill="#D7F1E1" />
                        <path
                            d="M35.4984 16.859C35.7391 16.859 35.9744 16.7886 36.1746 16.6567C36.3748 16.5249 36.5308 16.3375 36.6229 16.1182C36.715 15.8989 36.7391 15.6577 36.6921 15.4249C36.6452 15.1921 36.5293 14.9783 36.359 14.8105C36.1888 14.6426 35.9719 14.5283 35.7358 14.482C35.4997 14.4357 35.255 14.4595 35.0326 14.5503C34.8102 14.6412 34.6201 14.795 34.4864 14.9923C34.3526 15.1896 34.2812 15.4216 34.2812 15.659C34.2812 15.9772 34.4095 16.2825 34.6377 16.5075C34.866 16.7326 35.1756 16.859 35.4984 16.859Z"
                            fill="white" />
                        <path
                            d="M30.7143 27.1772C30.7972 27.1795 30.8788 27.1573 30.9487 27.1134C31.0186 27.0695 31.0735 27.0059 31.1063 26.9309C31.1391 26.8559 31.1484 26.7729 31.1328 26.6926C31.1172 26.6124 31.0775 26.5386 31.019 26.4808C30.9604 26.4231 30.8855 26.384 30.8041 26.3686C30.7227 26.3532 30.6385 26.3623 30.5624 26.3947C30.4863 26.427 30.4219 26.4812 30.3773 26.5501C30.3328 26.619 30.3103 26.6995 30.3127 26.7812C30.3127 26.8862 30.355 26.9869 30.4303 27.0612C30.5056 27.1354 30.6078 27.1772 30.7143 27.1772Z"
                            fill="white" />
                        <path
                            d="M28.2796 19.1982C28.3861 19.1982 28.4883 19.1565 28.5636 19.0823C28.6389 19.008 28.6812 18.9073 28.6812 18.8022C28.6812 18.6972 28.6389 18.5965 28.5636 18.5222C28.4883 18.448 28.3861 18.4062 28.2796 18.4063C28.1731 18.4062 28.0709 18.448 27.9956 18.5222C27.9202 18.5965 27.8779 18.6972 27.8779 18.8022C27.8779 18.9073 27.9202 19.008 27.9956 19.0823C28.0709 19.1565 28.1731 19.1982 28.2796 19.1982Z"
                            fill="white" />
                        <path
                            d="M40.3304 24.792C40.4098 24.792 40.4875 24.7688 40.5535 24.7253C40.6196 24.6817 40.671 24.6199 40.7014 24.5475C40.7318 24.4752 40.7398 24.3956 40.7243 24.3187C40.7088 24.2419 40.6706 24.1714 40.6144 24.116C40.5582 24.0606 40.4866 24.0229 40.4087 24.0076C40.3308 23.9923 40.2501 24.0002 40.1767 24.0301C40.1033 24.0601 40.0405 24.1109 39.9964 24.176C39.9523 24.2411 39.9287 24.3177 39.9287 24.396C39.9287 24.501 39.971 24.6017 40.0464 24.676C40.1217 24.7503 40.2238 24.792 40.3304 24.792Z"
                            fill="white" />
                    </svg>
                    <h2 class="text-2xl font-normal text-white">{{ t('welcome_title') }}</h2>
                </div>
                <p class="text-xl font-light text-[#AABADB] text-center leading-relaxed">
                    {{ t('welcome_msg') }}
                </p>
            </div>
            <!-- absolute support button  -->
           <div class="text-center">
                <a href="javascript:;" @click.prevent="OpenSupport" target="_blank"
                class="support-button">
                <svg class="w-4 fill-current" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M1.77779 6.49846C1.68442 6.41247 1.60826 6.31173 1.55421 6.19872H1.55912C1.52964 6.13484 1.50507 6.0685 1.48787 5.99725C1.42645 5.74174 1.46576 5.47885 1.60089 5.25282C2.53942 3.68041 3.87105 2.36598 5.45328 1.4471C6.25423 0.982753 7.11414 0.621591 8.00844 0.37836C8.9224 0.127758 9.87322 0 10.8314 0C11.7871 0.00245688 12.7379 0.127758 13.6544 0.37836C14.5462 0.621591 15.4061 0.980296 16.2095 1.4471C17.7918 2.36598 19.1234 3.68041 20.0619 5.25282C20.197 5.47639 20.2363 5.74174 20.1749 5.99725C20.1602 6.06604 20.1356 6.13484 20.1037 6.19872C20.0472 6.31173 19.9735 6.41247 19.8801 6.49846C19.8703 6.50828 19.8604 6.51811 19.8482 6.52794C19.842 6.53285 19.8365 6.53715 19.831 6.54145C19.8254 6.54575 19.8199 6.55005 19.8138 6.55496C19.8125 6.55496 19.8113 6.55619 19.8101 6.55742C19.8089 6.55865 19.8076 6.55988 19.8064 6.55988C19.799 6.56478 19.7892 6.57213 19.7794 6.57948L19.7794 6.57953C19.7732 6.58322 19.7671 6.58752 19.7609 6.59181C19.7548 6.59611 19.7487 6.60042 19.7425 6.6041C19.7298 6.61316 19.7158 6.62089 19.7024 6.62827C19.6977 6.63089 19.693 6.63346 19.6885 6.63604L19.6762 6.64341C19.6714 6.64578 19.6664 6.64841 19.6613 6.65113C19.6504 6.65685 19.6387 6.66298 19.627 6.66798C19.6234 6.66921 19.6197 6.67105 19.616 6.67289C19.6123 6.67474 19.6086 6.67658 19.6049 6.67781C19.5988 6.68027 19.5933 6.68272 19.5877 6.68518C19.5822 6.68764 19.5767 6.69009 19.5705 6.69255C19.5583 6.69746 19.5435 6.70238 19.5288 6.70729C19.5279 6.70775 19.5269 6.70829 19.5258 6.70887C19.5211 6.71141 19.5151 6.71466 19.5091 6.71466C19.4845 6.72203 19.46 6.7294 19.4354 6.73432C19.3592 6.75151 19.2831 6.76134 19.2045 6.76134C19.1578 6.76134 19.1086 6.75888 19.062 6.75151C18.7671 6.70729 18.4993 6.53285 18.3445 6.27242C17.578 4.99484 16.4945 3.92119 15.2047 3.17429C14.5511 2.79593 13.8534 2.50356 13.1261 2.30456C12.3817 2.10064 11.6078 1.99745 10.8289 1.99745C10.0501 1.99745 9.27619 2.10064 8.53176 2.30456C7.80452 2.50356 7.10677 2.79593 6.45323 3.17429C5.16337 3.92119 4.07743 4.99239 3.31334 6.27242C3.15855 6.53285 2.89075 6.70729 2.59593 6.75151C2.54925 6.75643 2.50257 6.76134 2.45343 6.76134C2.37481 6.76134 2.29865 6.75151 2.22248 6.73432C2.19791 6.7294 2.17334 6.72203 2.14878 6.71466C2.146 6.71374 2.14357 6.71246 2.14123 6.71123C2.13736 6.7092 2.13372 6.70729 2.12912 6.70729C2.11684 6.70238 2.10211 6.69747 2.08738 6.69256L2.08735 6.69255C2.08121 6.69009 2.07568 6.68764 2.07015 6.68518C2.06463 6.68272 2.0591 6.68026 2.05296 6.67781C2.04927 6.67658 2.04559 6.67474 2.0419 6.67289C2.03822 6.67105 2.03453 6.66921 2.03085 6.66798C2.01365 6.66061 1.99891 6.65324 1.98171 6.64341L1.96942 6.63604C1.96492 6.63347 1.96024 6.63089 1.95548 6.62827C1.94209 6.62089 1.92806 6.61317 1.91537 6.6041L1.91536 6.6041C1.90308 6.59673 1.8908 6.58936 1.87852 6.57953C1.87173 6.57614 1.86612 6.57158 1.86006 6.56665C1.85734 6.56444 1.85454 6.56216 1.85149 6.55988C1.84904 6.55988 1.84412 6.55496 1.84412 6.55496C1.83962 6.55136 1.83511 6.54809 1.83073 6.5449C1.82316 6.5394 1.81595 6.53416 1.80973 6.52794C1.80481 6.52302 1.79928 6.51811 1.79375 6.5132C1.78823 6.50828 1.7827 6.50337 1.77779 6.49846ZM17.4748 10.7251C17.4748 9.82587 17.3004 8.95613 16.954 8.13553C16.6198 7.34442 16.1408 6.63192 15.529 6.02016C14.9197 5.40839 14.2072 4.9293 13.4161 4.59271C12.5979 4.24383 11.7257 4.06693 10.829 4.06448H10.8142C9.91255 4.06448 9.04036 4.23892 8.22222 4.58288C7.42865 4.91702 6.71861 5.39365 6.1093 6.00296C5.49999 6.61227 5.01844 7.3223 4.68431 8.11342C4.33789 8.93156 4.16099 9.80376 4.15853 10.7054C4.15853 11.4843 4.28629 12.2459 4.54672 12.9707C4.79732 13.6709 5.1634 14.322 5.63266 14.9042C6.09702 15.4816 6.65227 15.973 7.27878 16.3661C7.91757 16.7666 8.61286 17.054 9.34501 17.2211C9.42609 17.2383 9.49734 17.285 9.55139 17.3488L10.7258 18.7714C10.7577 18.8107 10.7995 18.8156 10.8191 18.8156C10.8388 18.8156 10.8806 18.8107 10.9125 18.7714L12.0869 17.3488C12.1385 17.285 12.2122 17.2407 12.2933 17.2211C13.0254 17.0565 13.7183 16.769 14.3546 16.3685C14.9811 15.9754 15.5339 15.4841 15.9983 14.9092C16.4675 14.3293 16.8336 13.6807 17.0842 12.983C17.3446 12.2606 17.4773 11.499 17.4773 10.7251H17.4748ZM7.78735 11.6145C7.31809 11.6145 6.93481 11.2337 6.93481 10.7619C6.93481 10.2902 7.31563 9.9094 7.78735 9.9094C8.25907 9.9094 8.63989 10.2902 8.63989 10.7619C8.63989 11.2337 8.25907 11.6145 7.78735 11.6145ZM10.8142 11.6145C10.345 11.6145 9.96169 11.2337 9.96169 10.7619C9.96169 10.2902 10.3425 9.9094 10.8142 9.9094C11.286 9.9094 11.6668 10.2902 11.6668 10.7619C11.6668 11.2337 11.286 11.6145 10.8142 11.6145ZM13.8411 11.6145C13.3718 11.6145 12.9886 11.2337 12.9886 10.7619C12.9886 10.2902 13.3694 9.9094 13.8411 9.9094C14.3128 9.9094 14.6937 10.2902 14.6937 10.7619C14.6937 11.2337 14.3128 11.6145 13.8411 11.6145ZM14.7329 18.8216C14.7058 18.8216 14.6788 18.8216 14.6542 18.829L13.013 19.1287C12.7747 19.1729 12.615 19.4014 12.6593 19.6397C12.6986 19.851 12.8828 20.0009 13.0917 20.0009C13.1187 20.0009 13.1457 20.0009 13.1703 19.9935L14.8115 19.6938C15.0498 19.6496 15.2095 19.4211 15.1653 19.1828C15.126 18.9715 14.9417 18.8216 14.7329 18.8216ZM15.4962 18.8709L15.7838 18.8182L15.8725 19.3015L15.5849 19.3542L15.4962 18.8709ZM20.9391 11.4248C20.9121 11.415 20.8826 11.4052 20.8531 11.3978L20.8408 11.442C20.6074 12.2563 20.3741 13.0712 20.1407 13.8862L20.1333 13.9121C19.9023 14.7187 19.6714 15.5253 19.4404 16.3312C19.546 16.3656 19.6566 16.3828 19.7622 16.3828C20.2168 16.3828 20.6467 16.0855 20.7917 15.6064C21.084 14.6483 21.3592 13.6852 21.6172 12.7196C21.7671 12.1619 21.4624 11.6214 20.9366 11.4248H20.9391ZM19.5877 7.08115C19.713 7.04429 19.8334 6.99024 19.944 6.91899C19.9784 6.89688 20.0103 6.87477 20.0423 6.8502C20.5508 8.05161 20.8334 9.37096 20.8334 10.7591V10.8107C20.7744 10.5576 20.5926 10.3537 20.3125 10.2407C20.2511 9.12527 20.0005 8.06144 19.5877 7.08115ZM18.3249 17.0169C18.2586 17.1717 18.1505 17.3904 17.9785 17.6213C17.5436 18.211 16.9417 18.6041 16.1874 18.7957L16.2464 19.0316C17.2611 18.7761 17.8581 18.1962 18.18 17.7565C18.3888 17.4715 18.5116 17.2086 18.578 17.039H18.5436C18.4723 17.039 18.3986 17.0317 18.3249 17.0145V17.0169ZM20.1038 10.5693C20.4085 10.6602 20.5338 10.8691 20.4576 11.1688L20.4625 11.1713L20.461 11.1756C20.4591 11.1808 20.4576 11.1851 20.4576 11.1909C19.9711 12.8935 19.4847 14.5962 18.9957 16.2963C18.9663 16.3995 18.9196 16.4806 18.8631 16.542C18.782 16.6255 18.6763 16.6698 18.5486 16.6698C18.4945 16.6698 18.4356 16.6624 18.3742 16.6477C18.2832 16.6255 18.1948 16.601 18.1064 16.5739C18.0634 16.5617 18.0204 16.5488 17.9774 16.5359C17.9344 16.523 17.8914 16.5101 17.8484 16.4978C17.4798 16.3897 17.3595 16.1759 17.4651 15.8074C17.701 14.9794 17.9368 14.1515 18.1751 13.3235L18.3669 12.6505L18.367 12.6502L18.3671 12.65L18.3671 12.6497L18.3672 12.6494C18.5457 12.0225 18.724 11.3967 18.9048 10.7708C18.9785 10.5104 19.1284 10.3801 19.3495 10.3801C19.4085 10.3801 19.4748 10.39 19.5461 10.4096C19.6984 10.4514 19.8507 10.4956 20.0006 10.5398L20.1038 10.5693ZM0.804911 11.3958L0.802615 11.3963L0.802454 11.3958H0.804911ZM0.802615 11.3963L0.814738 11.44C1.04811 12.2543 1.28147 13.0693 1.51484 13.8842C1.74828 14.6994 1.98172 15.5146 2.21516 16.3292C2.10952 16.3636 2.00141 16.3808 1.89331 16.3808C1.43879 16.3808 1.00883 16.0835 0.863876 15.6044C0.573964 14.6487 0.296336 13.6856 0.0383632 12.7176C-0.111507 12.1574 0.19069 11.6169 0.71892 11.4228L0.736531 11.4168C0.758678 11.4093 0.779952 11.4021 0.802615 11.3963ZM2.07271 7.08115C1.65996 8.06144 1.4069 9.12527 1.34793 10.2407C1.06785 10.3513 0.88604 10.5552 0.827075 10.8107V10.7591C0.827075 9.37342 1.10716 8.05161 1.61819 6.8502C1.65013 6.87477 1.68207 6.89688 1.71647 6.91899C1.82703 6.99024 1.94741 7.04429 2.07271 7.08115ZM3.48538 13.3214C3.36376 12.8964 3.24214 12.4707 3.12053 12.0451C2.99891 11.6194 2.8773 11.1938 2.75568 10.7687C2.67952 10.5083 2.5321 10.3781 2.31098 10.3781C2.24956 10.3781 2.18323 10.3879 2.11198 10.4076C1.98768 10.4417 1.86502 10.4774 1.74133 10.5134L1.65745 10.5378L1.55426 10.5673C1.24961 10.6582 1.12431 10.8695 1.20047 11.1668C1.20047 11.1726 1.20201 11.1769 1.20387 11.1821L1.20539 11.1864C1.63537 12.699 2.06923 14.2096 2.50352 15.7218L2.50364 15.7222L2.66723 16.2918C2.69672 16.395 2.74094 16.4785 2.7999 16.5375C2.88098 16.6235 2.98663 16.6653 3.11439 16.6653C3.16844 16.6653 3.2274 16.6579 3.28882 16.6431C3.37973 16.621 3.46818 16.5965 3.55662 16.5694C3.59962 16.5572 3.64262 16.5443 3.68561 16.5314C3.72861 16.5185 3.7716 16.5056 3.8146 16.4933C4.18313 16.3852 4.30352 16.1714 4.19787 15.8029C4.07994 15.3889 3.9614 14.9749 3.84285 14.5609C3.72431 14.1469 3.60576 13.733 3.48783 13.319L3.48538 13.3214Z"
                        fill="white" />
                </svg> {{ t('support') }}</a>
    
           </div>
            <div class="header-nav" @keydown.right="next()" @keydown.left="prev()">
                <RouterLink class="nav-item" :class="activeClass('/')" to="/"><svg
                        class="w-4 fill-current" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M10.1113 2.49023C9.18307 2.49023 8.29283 2.85898 7.63645 3.51536C6.98008 4.17174 6.61133 5.06198 6.61133 5.99023C6.61133 6.91849 6.98008 7.80873 7.63645 8.46511C8.29283 9.12148 9.18307 9.49023 10.1113 9.49023C11.0396 9.49023 11.9298 9.12148 12.5862 8.46511C13.2426 7.80873 13.6113 6.91849 13.6113 5.99023C13.6113 5.06198 13.2426 4.17174 12.5862 3.51536C11.9298 2.85898 11.0396 2.49023 10.1113 2.49023ZM4.61133 5.99023C4.61133 4.53154 5.19079 3.1326 6.22224 2.10115C7.25369 1.0697 8.65264 0.490234 10.1113 0.490234C11.57 0.490234 12.969 1.0697 14.0004 2.10115C15.0319 3.1326 15.6113 4.53154 15.6113 5.99023C15.6113 7.44893 15.0319 8.84787 14.0004 9.87932C12.969 10.9108 11.57 11.4902 10.1113 11.4902C8.65264 11.4902 7.25369 10.9108 6.22224 9.87932C5.19079 8.84787 4.61133 7.44893 4.61133 5.99023ZM17.5943 11.4722L18.1973 12.2702C19.1151 13.4858 19.6114 14.9676 19.6109 16.4907C19.6103 18.0139 19.113 19.4953 18.1943 20.7102L17.5913 21.5082L15.9963 20.3022L16.5993 19.5042C17.2556 18.6364 17.6109 17.5781 17.6112 16.4901C17.6116 15.402 17.257 14.3435 16.6013 13.4752L15.9983 12.6772L17.5943 11.4722ZM6.61133 14.4902C5.55046 14.4902 4.53305 14.9117 3.7829 15.6618C3.03276 16.412 2.61133 17.4294 2.61133 18.4902H11.6613V20.4902H0.611328V18.4902C0.611328 16.8989 1.24347 15.3728 2.36869 14.2476C3.49391 13.1224 5.02003 12.4902 6.61133 12.4902H11.6113V14.4902H6.61133ZM14.8013 13.5802L15.4043 14.3792C15.8633 14.987 16.1115 15.7278 16.1114 16.4894C16.1112 17.251 15.8626 17.9917 15.4033 18.5992L14.7993 19.3972L13.2043 18.1912L13.8083 17.3932C14.0052 17.1328 14.1117 16.8152 14.1117 16.4887C14.1117 16.1623 14.0052 15.8447 13.8083 15.5842L13.2063 14.7862L14.8013 13.5802Z" />
                    </svg> {{ t('get_in_touch') }}</RouterLink>
                <RouterLink class="nav-item"  :class="activeClass('/gutenberg')"  to="/gutenberg"><svg class="w-4 fill-current"
                        viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M19.4652 0.5H2.5352C2.02495 0.5 1.53561 0.694681 1.17482 1.04122C0.814021 1.38775 0.611328 1.85775 0.611328 2.34783V15.6522C0.611328 16.1422 0.814021 16.6122 1.17482 16.9588C1.53561 17.3053 2.02495 17.5 2.5352 17.5H19.4652C19.9755 17.5 20.4648 17.3053 20.8256 16.9588C21.1864 16.6122 21.3891 16.1422 21.3891 15.6522V2.34783C21.3891 1.85775 21.1864 1.38775 20.8256 1.04122C20.4648 0.694681 19.9755 0.5 19.4652 0.5ZM19.0805 2.71739V5.67391H2.91997V2.71739H19.0805ZM2.91997 7.8913H7.53725V15.2826H2.91997V7.8913ZM9.8459 15.2826V7.8913H19.0805V15.2826H9.8459Z"
                            fill="fillCurrent" />
                    </svg> {{ t('gutenberg') }}</RouterLink>
                <RouterLink class="nav-item"  :class="activeClass('/elementor')"  to="/elementor"><svg class="w-4 fill-current"
                        viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M2.38867 0C1.85824 0 1.34953 0.210714 0.974458 0.585786C0.599385 0.960859 0.388672 1.46957 0.388672 2V16C0.388672 16.5304 0.599385 17.0391 0.974458 17.4142C1.34953 17.7893 1.85824 18 2.38867 18H16.3887C16.9191 18 17.4278 17.7893 17.8029 17.4142C18.178 17.0391 18.3887 16.5304 18.3887 16V2C18.3887 1.46957 18.178 0.960859 17.8029 0.585786C17.4278 0.210714 16.9191 0 16.3887 0H2.38867ZM2.38867 2H16.3887V5H2.38867V2ZM2.38867 7V16H16.3887V7H2.38867ZM4.38867 10C4.38867 9.73478 4.49403 9.48043 4.68157 9.29289C4.8691 9.10536 5.12346 9 5.38867 9H13.3887C13.6539 9 13.9082 9.10536 14.0958 9.29289C14.2833 9.48043 14.3887 9.73478 14.3887 10C14.3887 10.2652 14.2833 10.5196 14.0958 10.7071C13.9082 10.8946 13.6539 11 13.3887 11H5.38867C5.12346 11 4.8691 10.8946 4.68157 10.7071C4.49403 10.5196 4.38867 10.2652 4.38867 10ZM5.38867 12C5.12346 12 4.8691 12.1054 4.68157 12.2929C4.49403 12.4804 4.38867 12.7348 4.38867 13C4.38867 13.2652 4.49403 13.5196 4.68157 13.7071C4.8691 13.8946 5.12346 14 5.38867 14H13.3887C13.6539 14 13.9082 13.8946 14.0958 13.7071C14.2833 13.5196 14.3887 13.2652 14.3887 13C14.3887 12.7348 14.2833 12.4804 14.0958 12.2929C13.9082 12.1054 13.6539 12 13.3887 12H5.38867Z"
                            fill="fillCurrent" />
                    </svg> {{ t('elementor') }}</RouterLink>
                <RouterLink class="nav-item"  :class="activeClass('/faq')"  to="/faq"><svg class="w-4 fill-current" viewBox="0 0 20 20"
                        fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M18.1893 7.8642C17.8695 7.53 17.5387 7.18562 17.414 6.88281C17.2987 6.60545 17.2919 6.14571 17.2851 5.7004C17.2724 4.87254 17.2588 3.93442 16.6065 3.28214C15.9543 2.62987 15.0161 2.61629 14.1883 2.60357C13.743 2.59679 13.2832 2.59 13.0059 2.47464C12.7039 2.34996 12.3587 2.01915 12.0245 1.69937C11.4392 1.13701 10.7742 0.5 9.88867 0.5C9.00314 0.5 8.33898 1.13701 7.75287 1.69937C7.41867 2.01915 7.0743 2.34996 6.77148 2.47464C6.49581 2.59 6.03439 2.59679 5.58907 2.60357C4.76122 2.61629 3.82309 2.62987 3.17081 3.28214C2.51854 3.93442 2.50921 4.87254 2.49224 5.7004C2.48546 6.14571 2.47867 6.60545 2.36331 6.88281C2.23863 7.18478 1.90782 7.53 1.58805 7.8642C1.02568 8.44946 0.388672 9.11446 0.388672 10C0.388672 10.8855 1.02568 11.5497 1.58805 12.1358C1.90782 12.47 2.23863 12.8144 2.36331 13.1172C2.47867 13.3946 2.48546 13.8543 2.49224 14.2996C2.50497 15.1275 2.51854 16.0656 3.17081 16.7179C3.82309 17.3701 4.76122 17.3837 5.58907 17.3964C6.03439 17.4032 6.49412 17.41 6.77148 17.5254C7.07345 17.65 7.41867 17.9808 7.75287 18.3006C8.33814 18.863 9.00314 19.5 9.88867 19.5C10.7742 19.5 11.4384 18.863 12.0245 18.3006C12.3587 17.9808 12.703 17.65 13.0059 17.5254C13.2832 17.41 13.743 17.4032 14.1883 17.3964C15.0161 17.3837 15.9543 17.3701 16.6065 16.7179C17.2588 16.0656 17.2724 15.1275 17.2851 14.2996C17.2919 13.8543 17.2987 13.3946 17.414 13.1172C17.5387 12.8152 17.8695 12.47 18.1893 12.1358C18.7517 11.5505 19.3887 10.8855 19.3887 10C19.3887 9.11446 18.7517 8.45031 18.1893 7.8642ZM17.2096 11.1968C16.8033 11.6209 16.3826 12.0595 16.1595 12.5981C15.9458 13.1155 15.9364 13.7067 15.928 14.2792C15.9195 14.873 15.9101 15.4947 15.6463 15.7577C15.3826 16.0206 14.7651 16.0308 14.1679 16.0393C13.5954 16.0478 13.0042 16.0571 12.4868 16.2708C11.9481 16.4939 11.5096 16.9146 11.0855 17.3209C10.6614 17.7272 10.228 18.1429 9.88867 18.1429C9.54939 18.1429 9.11256 17.7255 8.69184 17.3209C8.27113 16.9163 7.82921 16.4939 7.29059 16.2708C6.77318 16.0571 6.18198 16.0478 5.60943 16.0393C5.01568 16.0308 4.39394 16.0215 4.13099 15.7577C3.86805 15.4939 3.85787 14.8764 3.84939 14.2792C3.8409 13.7067 3.83157 13.1155 3.61782 12.5981C3.39474 12.0595 2.97403 11.6209 2.56773 11.1968C2.16144 10.7727 1.74581 10.3393 1.74581 10C1.74581 9.66071 2.16314 9.22388 2.56773 8.80317C2.97233 8.38245 3.39474 7.94054 3.61782 7.40192C3.83157 6.88451 3.8409 6.2933 3.84939 5.72076C3.85787 5.12701 3.8672 4.50527 4.13099 4.24232C4.39479 3.97937 5.01229 3.9692 5.60943 3.96071C6.18198 3.95223 6.77318 3.9429 7.29059 3.72915C7.82921 3.50607 8.26773 3.08536 8.69184 2.67906C9.11595 2.27277 9.54939 1.85714 9.88867 1.85714C10.228 1.85714 10.6648 2.27446 11.0855 2.67906C11.5062 3.08366 11.9481 3.50607 12.4868 3.72915C13.0042 3.9429 13.5954 3.95223 14.1679 3.96071C14.7617 3.9692 15.3834 3.97853 15.6463 4.24232C15.9093 4.50612 15.9195 5.12362 15.928 5.72076C15.9364 6.2933 15.9458 6.88451 16.1595 7.40192C16.3826 7.94054 16.8033 8.37906 17.2096 8.80317C17.6159 9.22728 18.0315 9.66071 18.0315 10C18.0315 10.3393 17.6142 10.7761 17.2096 11.1968ZM10.9065 14.4107C10.9065 14.612 10.8468 14.8088 10.735 14.9762C10.6231 15.1436 10.4642 15.2741 10.2782 15.3511C10.0922 15.4281 9.88754 15.4483 9.6901 15.409C9.49265 15.3697 9.31129 15.2728 9.16894 15.1304C9.02659 14.9881 8.92965 14.8067 8.89037 14.6093C8.8511 14.4118 8.87125 14.2072 8.94829 14.0212C9.02533 13.8352 9.1558 13.6762 9.32318 13.5644C9.49057 13.4526 9.68736 13.3929 9.88867 13.3929C10.1586 13.3929 10.4175 13.5001 10.6084 13.691C10.7993 13.8819 10.9065 14.1408 10.9065 14.4107ZM13.2815 8.30357C13.2815 9.77777 12.1144 11.0119 10.5672 11.2961V11.3571C10.5672 11.5371 10.4958 11.7097 10.3685 11.837C10.2412 11.9642 10.0686 12.0357 9.88867 12.0357C9.7087 12.0357 9.53611 11.9642 9.40885 11.837C9.28159 11.7097 9.2101 11.5371 9.2101 11.3571V10.6786C9.2101 10.4986 9.28159 10.326 9.40885 10.1987C9.53611 10.0715 9.7087 10 9.88867 10C11.0109 10 11.9244 9.23661 11.9244 8.30357C11.9244 7.37054 11.0109 6.60714 9.88867 6.60714C8.76648 6.60714 7.85296 7.37054 7.85296 8.30357V8.64286C7.85296 8.82283 7.78147 8.99542 7.65421 9.12268C7.52695 9.24994 7.35435 9.32143 7.17439 9.32143C6.99442 9.32143 6.82182 9.24994 6.69456 9.12268C6.56731 8.99542 6.49581 8.82283 6.49581 8.64286V8.30357C6.49581 6.61987 8.01751 5.25 9.88867 5.25C11.7598 5.25 13.2815 6.61987 13.2815 8.30357Z"
                            fill="fillCurrent" />
                    </svg> {{ t('faq') }}</RouterLink>
                <RouterLink class="nav-item"  :class="activeClass('/compare')"  to="/compare"><svg class="w-4 fill-current"
                        viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M11.4022 1.41013H10.5327L7.74494 5.72879H14.1785L11.4022 1.41013ZM10.2713 0.00929118C10.1955 -0.00320781 10.1186 -0.00298253 10.0438 0.00929118H5.42791L5.40868 0.00955508C5.04446 0.0195564 4.68769 0.115131 4.36725 0.28855C4.04896 0.460798 3.77537 0.705043 3.56828 1.00176L0.813596 4.81589L0.809695 4.8214C0.514731 5.23822 0.367423 5.74161 0.391148 6.25169C0.414873 6.76177 0.608261 7.24932 0.940642 7.63696L9.20682 17.1597C9.41202 17.419 9.6727 17.6291 9.96981 17.7746C10.2732 17.9232 10.6066 18.0005 10.9444 18.0005C11.2823 18.0005 11.6157 17.9232 11.9191 17.7746C12.2162 17.6291 12.4769 17.419 12.6821 17.1597L20.9455 7.64017L20.9482 7.63695C21.2806 7.24931 21.474 6.76177 21.4977 6.25169C21.5215 5.74161 21.3742 5.2382 21.0792 4.82138L18.3206 1.00178C18.1135 0.705055 17.8399 0.460803 17.5216 0.28855C17.2012 0.115131 16.8444 0.0195564 16.4802 0.00955508L16.461 0.00929118H11.8919C11.8171 -0.0029832 11.7402 -0.0032104 11.6644 0.00929118H10.2713ZM13.0675 1.41013L15.8438 5.72879H19.9961C19.9786 5.69578 19.959 5.66376 19.9374 5.63294L17.1814 1.81694L17.1735 1.8059C17.0912 1.6871 16.982 1.58935 16.8549 1.52055C16.7302 1.45306 16.5916 1.41529 16.45 1.41013H13.0675ZM19.5337 7.12963H15.9283L12.5984 15.1191L19.5337 7.12963ZM9.30597 15.137L5.99105 7.12963H2.35523L9.30597 15.137ZM1.89282 5.72879C1.91028 5.69578 1.92986 5.66376 1.95151 5.63295L4.70752 1.81694L4.71534 1.8059C4.79769 1.6871 4.90685 1.58935 5.03398 1.52055C5.15868 1.45306 5.29725 1.41529 5.43887 1.41013H8.86531L6.0776 5.72879H1.89282ZM7.50718 7.12963H14.4107L10.9473 15.4394L7.50718 7.12963Z"
                            fill="fillCurrent" />
                    </svg> {{ t('free_vs_ultimate') }}</RouterLink>
            </div>
        </div>
     
        <Mailto v-if="state.support" v-model="state.support" />
    </div>
</template>