Convert personal img in svg

src/components/Footer/Footer.jsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import logo from "../../images/logoGuild.png";
+import logo from "../../images/LogoITguild.svg";
 import vk from "../../images/vkLogo.svg";
-import tg from "../../images/tgFooter.png";
+import tg from "../../images/tgFooter.svg";
 import email from "../../images/emailLogo.svg";
 
 import "./footer.scss";
@@ -13,7 +13,7 @@ export const Footer = () => {
       <div className="container">
         <div className="footer">
           <div className="footer__top">
-            <img src={logo} alt="logo" />
+            <img src={logo} alt="logo" className="logo" />
             <p>
               Подберем и документально оформим IT-специалистов, после чего
               передадим исполнителей под ваше руководство. Вы получаете полное

src/components/Footer/footer.scss

@@ -14,6 +14,10 @@ footer {
       row-gap: 15px;
     }
 
+    .logo {
+      width: 83px;
+    }
+
     p {
       max-width: 620px;
       margin-left: 33px;

src/images/PersonalCopy.svg

@@ -0,0 +1,8 @@
+<svg width="48" height="50" viewBox="0 0 48 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.8707 48.0452C36.6295 46.5503 36.4391 44.9538 36.4609 43.2576C36.5105 39.4491 36.4768 35.6406 36.4768 31.834V30.6675C34.5456 32.5805 32.7928 34.3294 31.0241 36.0627C29.2217 37.8292 27.6414 39.8908 24.8933 40.4359C24.927 40.5395 24.9627 40.6431 24.9964 40.7447C26.3804 40.7447 27.7663 40.7291 29.1503 40.7505C29.9018 40.7623 30.8615 40.5063 30.9606 41.6983C31.0241 42.4526 30.4927 42.7242 29.0909 42.7242C22.2879 42.7242 15.4849 42.7242 8.67987 42.7242C8.41616 42.7242 8.14848 42.7418 7.88873 42.7125C7.25027 42.6421 6.81207 42.3138 6.85767 41.6455C6.89931 41.0339 7.32363 40.7466 7.94425 40.7466C9.19936 40.7466 10.4545 40.7447 11.7096 40.7447C13.857 40.7447 16.0044 40.7095 18.1497 40.7642C18.8398 40.7818 19.1729 40.5473 19.385 39.9494C19.5813 39.4003 19.8669 38.8844 20.0691 38.3372C21.1755 35.3377 22.7142 32.6274 25.3136 30.6127C25.3929 30.5502 25.5595 30.4818 25.4504 30.2219C23.2872 30.2219 21.0883 30.2219 18.8893 30.2219C17.5014 30.2219 16.1154 30.2219 14.7274 30.2219C14.0315 30.2219 13.4247 30.0226 13.4168 29.2253C13.4089 28.4203 13.9978 28.2385 14.7096 28.2405C18.7386 28.2483 22.7677 28.2327 26.7968 28.2561C27.4352 28.26 27.9032 28.0959 28.3592 27.6367C30.8595 25.1296 33.3797 22.644 35.9216 20.1779C36.334 19.7793 36.4887 19.3865 36.4867 18.8237C36.4669 13.5184 36.451 8.21303 36.4986 2.90768C36.5066 2.05179 36.2389 1.93259 35.4576 1.93455C24.6573 1.9619 13.859 1.9619 3.05862 1.93455C2.23972 1.93259 1.95816 2.0557 1.96808 2.96044C2.02359 7.93946 1.99583 12.9204 1.99385 17.8994C1.99385 18.1593 2.02558 18.427 1.97997 18.6791C1.88281 19.2263 1.54574 19.5467 0.960811 19.5292C0.421488 19.5135 0.120101 19.195 0.0229439 18.6948C-0.018695 18.4739 0.00906425 18.2395 0.00906425 18.0128C0.00906425 12.512 0.00906425 7.01127 0.00906425 1.51051C0.0150127 0.236445 0.26088 0 1.57945 0C13.3692 0 25.159 0 36.9507 0C38.1979 0 38.4596 0.255986 38.4616 1.46752C38.4636 6.47976 38.4616 11.492 38.4616 16.5042V17.6845C39.6691 16.4866 40.72 15.4334 41.7828 14.3938C42.5779 13.6141 42.9725 13.6122 43.7755 14.3938C44.9751 15.5604 46.1648 16.7348 47.3485 17.9151C48.2269 18.7905 48.221 19.1149 47.3069 20.0177C44.5548 22.7378 41.8046 25.4579 39.0326 28.1584C38.6282 28.5531 38.4299 28.9381 38.4477 29.5126C38.4894 30.943 38.4874 32.3773 38.4477 33.8077C38.4319 34.3626 38.6004 34.5151 39.1615 34.5072C41.6043 34.4779 44.0491 34.4897 46.4939 34.4955C47.7709 34.4994 47.9711 34.7085 47.9731 35.9904C47.9751 38.7574 47.983 41.5244 47.9731 44.2894C47.9612 47.4824 45.4411 49.9914 42.2131 49.9934C30.0585 50.0012 17.9059 50.0032 5.75127 49.9934C2.57878 49.9914 0.0288923 47.4804 0.0209611 44.3597C0.00708144 38.8258 0.0209611 33.2938 0.00906425 27.7598C0.00906425 27.0231 0.169671 26.386 1.02228 26.3978C1.87687 26.4095 2.00971 27.0622 2.00773 27.7891C1.99385 33.1277 1.9998 38.4643 2.00178 43.8028C2.00178 46.5561 3.48889 48.0413 6.24895 48.0413C16.7182 48.0413 27.1854 48.0413 37.8727 48.0413L37.8707 48.0452ZM24.346 34.3411C25.1847 35.1443 26.0274 35.9181 26.8265 36.7329C27.1913 37.1062 27.3738 36.8717 27.6176 36.6313C33.451 30.8785 39.2825 25.1237 45.1298 19.3865C45.5382 18.9859 45.4212 18.7788 45.0743 18.4603C44.4477 17.8838 43.829 17.2937 43.26 16.6625C42.8892 16.2521 42.677 16.26 42.2765 16.6586C36.338 22.5365 30.3817 28.3968 24.348 34.3411H24.346ZM38.4616 40.8287C38.4616 41.9973 38.4418 43.1678 38.4656 44.3363C38.5092 46.4194 40.1866 48.0549 42.2408 48.0452C44.2554 48.0354 45.9427 46.4311 45.9764 44.4027C46.0161 41.9679 45.9705 39.5312 46.0002 37.0964C46.0062 36.5571 45.8099 36.4633 45.3201 36.4672C43.2441 36.4906 41.1681 36.4945 39.0941 36.4652C38.5568 36.4574 38.4358 36.6372 38.4497 37.1277C38.4814 38.3607 38.4596 39.5957 38.4616 40.8287ZM23.2396 36.1956C22.7419 37.2899 22.2165 38.4467 21.6038 39.797C22.9719 39.2068 24.1477 38.6988 25.3017 38.2024C24.6058 37.5243 23.9376 36.8736 23.2396 36.1956Z" fill="#0A0B0C"/>
+<path d="M17.8166 6.37228C22.7082 6.35079 26.7432 10.2492 26.769 15.0269C26.7968 19.9591 22.843 23.9356 17.8821 23.9669C13.0381 23.9982 8.95746 20.0411 8.9297 15.2849C8.90194 10.3371 12.8319 6.39573 17.8166 6.37228ZM17.8662 8.35373C14.0414 8.34591 10.9323 11.3689 10.9165 15.1129C10.9006 18.8941 14.0592 22.0108 17.8821 21.9796C21.691 21.9483 24.7862 18.8843 24.7842 15.1461C24.7802 11.3982 21.6891 8.36154 17.8682 8.35373H17.8662Z" fill="#0F1010"/>
+<path d="M11.3071 34.4955C12.3917 34.4955 13.4783 34.4955 14.5629 34.4955C15.1954 34.4955 15.6792 34.7105 15.7069 35.4139C15.7367 36.1643 15.237 36.4594 14.5728 36.4652C12.4016 36.4867 10.2304 36.4789 8.05925 36.4711C7.38708 36.4691 6.85371 36.1878 6.85172 35.4745C6.84974 34.7632 7.35337 34.4838 8.04934 34.4916C9.13393 34.5033 10.2205 34.4955 11.3051 34.4955H11.3071Z" fill="#0F1010"/>
+<path d="M8.29124 28.2522C9.11212 28.2073 9.83188 28.3225 9.80015 29.2625C9.7724 30.1184 9.07445 30.2239 8.36262 30.2297C7.6151 30.2336 6.8656 30.1281 6.85965 29.2253C6.85371 28.3089 7.59329 28.1916 8.29124 28.2522Z" fill="#0F1010"/>
+<path d="M2.00377 22.9117C1.97402 23.5487 1.61514 23.9259 1.02029 23.9317C0.429419 23.9376 0.0189783 23.5839 0.0229439 22.9547C0.0269095 22.386 0.363986 22.0441 0.942965 22.0148C1.56953 21.9835 1.91652 22.3176 2.00377 22.9117Z" fill="#0F1010"/>
+<path d="M13.2919 15.1813C13.278 11.8476 16.8213 9.65515 19.8589 11.1149C20.5311 11.4373 21.1358 11.8535 20.7076 12.6762C20.315 13.4304 19.6904 13.2507 19.0182 12.9243C18.0268 12.4417 17.0275 12.512 16.1729 13.2683C15.3996 13.9502 15.0823 14.81 15.3877 15.8125C15.7109 16.8716 16.4406 17.5086 17.5708 17.6474C18.2231 17.7275 18.7981 17.5731 19.2819 17.0944C19.7697 16.6117 20.3407 16.5042 20.8265 17.0553C21.3163 17.6083 21.0625 18.132 20.5945 18.5912C19.5 19.664 17.656 19.9591 16.0876 19.3064C14.4141 18.6107 13.3018 16.9673 13.2939 15.1813H13.2919Z" fill="#0F1010"/>
+</svg>

src/images/PersonalDesign.svg

@@ -0,0 +1,10 @@
+<svg width="54" height="48" viewBox="0 0 54 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.8655 47.9914C21.0707 47.9914 15.278 48.0061 9.48322 47.9872C4.553 47.9705 0.940747 44.9965 0.0803841 40.2792C0.00657853 39.8711 0.00868726 39.4483 0.000252335 39.0318C-0.0102913 38.4772 0.310236 38.2135 0.839528 38.1633C0.978704 38.1507 1.11999 38.1591 1.25917 38.1465C2.08157 38.0712 3.20974 38.5274 3.64625 37.9582C4.05745 37.4224 3.78543 36.3571 3.78543 35.5242C3.78964 26.8115 3.77066 18.0989 3.79808 9.3863C3.80651 6.53791 4.70062 3.9846 6.76085 1.91894C8.03241 0.648567 9.58444 0.00396262 11.3874 0.00396262C21.7813 -0.000223119 32.1753 -0.00231599 42.5692 0.00396262C44.8867 0.00396262 46.6728 1.06296 48.0266 2.86282C49.5006 4.82384 50.1564 7.0674 50.1585 9.49932C50.1649 18.6996 50.1754 27.8998 50.1396 37.1001C50.1353 37.9749 50.3504 38.2993 51.2256 38.157C51.5334 38.1068 51.8561 38.1486 52.1724 38.1486C53.9353 38.1486 54.1904 38.45 53.8952 40.1871C53.1002 44.8793 49.45 47.96 44.5641 47.9851C38.6638 48.0144 32.7657 47.9914 26.8655 47.9914ZM26.9393 1.65733C21.7771 1.65733 16.6171 1.66152 11.4549 1.65524C10.0062 1.65314 8.78734 2.15125 7.79623 3.19559C6.17251 4.90337 5.48506 6.98578 5.47874 9.28375C5.45554 18.6221 5.47874 27.9605 5.44289 37.2989C5.44078 38.1089 5.75076 38.1675 6.41501 38.1633C11.05 38.1382 15.685 38.1424 20.32 38.1549C23.112 38.1633 23.0403 37.8012 22.9622 40.6747C22.9454 41.3131 23.19 41.403 23.7467 41.3926C25.5728 41.3612 27.399 41.3821 29.2231 41.3821C30.3758 41.3821 30.9536 40.7996 30.9564 39.6346C30.9607 38.2365 31.0366 38.1528 32.4325 38.1528C37.4534 38.1507 42.4743 38.1277 47.4952 38.1737C48.3556 38.1821 48.5074 37.9142 48.5053 37.1315C48.4779 28.0715 48.4863 19.0114 48.4926 9.95138C48.4926 9.04307 48.4441 8.14523 48.2586 7.25367C47.4741 3.47604 45.2431 1.65942 41.3715 1.65942C36.5614 1.65942 31.7514 1.65942 26.9414 1.65942L26.9393 1.65733ZM1.73996 39.7371C2.02463 43.3703 5.1793 46.3443 8.95604 46.3611C20.9674 46.4113 32.9766 46.4113 44.9879 46.3611C48.7562 46.3464 51.9172 43.3641 52.2082 39.7371H34.6214C33.3084 39.7371 32.6406 40.3754 32.6181 41.6521C32.597 42.7969 32.3545 43.0376 31.1779 43.0397C28.7191 43.0439 26.2603 43.0459 23.8036 43.0397C21.4861 43.0355 21.231 43.3955 21.3491 40.6036C21.3828 39.8104 21.0665 39.7183 20.3811 39.7204C14.7972 39.7455 9.2133 39.735 3.62938 39.735H1.73996V39.7371Z" fill="#111212"/>
+<path d="M26.8634 15.6586C21.8446 15.6586 16.8258 15.6586 11.807 15.6565C11.4317 15.6565 11.0331 15.7424 10.7316 15.3907C10.3014 14.8885 10.546 14.1622 11.2292 14.0241C11.5329 13.9613 11.8577 13.999 12.174 13.999C22.0365 13.999 31.899 13.999 41.7616 13.999C41.9366 13.999 42.1116 14.0032 42.2888 13.999C42.8771 13.9843 43.3853 14.1413 43.398 14.8173C43.4127 15.5749 42.8602 15.667 42.236 15.6649C37.1118 15.6565 31.9876 15.6607 26.8634 15.6607V15.6586Z" fill="#111212"/>
+<path d="M26.9794 11.1025C22.0281 11.1025 17.0768 11.1025 12.1255 11.1025C11.8092 11.1025 11.4907 11.1108 11.1786 11.0753C10.7147 11.0208 10.5249 10.7111 10.5397 10.2737C10.5523 9.87813 10.7463 9.60815 11.1576 9.56001C11.4696 9.52443 11.7881 9.52443 12.1023 9.52443C22.0049 9.52443 31.9054 9.52443 41.808 9.52443C41.9134 9.52443 42.0188 9.52443 42.1243 9.52443C42.7295 9.5328 43.4233 9.48048 43.3958 10.3553C43.3684 11.1485 42.7189 11.1046 42.1475 11.1046C37.0907 11.1046 32.034 11.1046 26.9794 11.1046V11.1025Z" fill="#111212"/>
+<path d="M11.6721 24.3252C11.6721 23.5257 11.6658 22.7263 11.6742 21.9247C11.6805 21.3512 11.826 20.8552 12.543 20.8887C13.1925 20.918 13.3021 21.3722 13.2979 21.9142C13.2895 23.4085 13.3021 24.9049 13.2979 26.3993C13.2979 27.5252 13.7154 27.9961 14.7361 28.0003C15.7736 28.0066 16.1827 27.5441 16.1763 26.416C16.17 24.9217 16.189 23.4253 16.1848 21.931C16.1848 21.3429 16.3113 20.8741 17.0283 20.8866C17.6756 20.8992 17.8422 21.3471 17.8464 21.8807C17.8549 23.5153 17.8992 25.1519 17.8338 26.7843C17.7621 28.5968 16.4926 29.6997 14.6644 29.6641C12.8804 29.6286 11.7396 28.5214 11.6721 26.7257C11.6426 25.9263 11.6679 25.1268 11.6679 24.3273L11.6721 24.3252Z" fill="#111212"/>
+<path d="M38.8473 24.4173C39.4989 23.555 40.0851 22.7765 40.6777 22.0021C41.0045 21.5731 41.3862 21.2906 41.9134 21.6987C42.4068 22.0817 42.3267 22.5253 41.9935 22.9711C41.4305 23.7246 40.9033 24.5073 40.2918 25.221C39.8932 25.6877 39.9586 26.0204 40.3044 26.4599C40.8633 27.1715 41.3651 27.925 41.9029 28.6554C42.2318 29.1032 42.3394 29.5804 41.8649 29.9488C41.3377 30.3548 40.8928 30.1015 40.5448 29.6097C40.0029 28.8416 39.4525 28.0819 38.8262 27.2092C38.2864 27.9166 37.7887 28.5737 37.289 29.2267C36.8988 29.7374 36.5404 30.539 35.7475 29.9802C34.8681 29.3628 35.6231 28.7684 36.0005 28.2284C36.4202 27.6299 36.8229 27.0062 37.3227 26.4788C37.8225 25.9514 37.717 25.5663 37.31 25.0619C36.7407 24.3587 36.2472 23.5948 35.7053 22.8707C35.3679 22.4186 35.254 21.9624 35.758 21.6003C36.2979 21.211 36.728 21.4496 37.0781 21.954C37.6306 22.7535 38.2105 23.5341 38.8473 24.4173Z" fill="#111212"/>
+<path d="M27.7617 25.0117C27.7617 24.1745 27.7744 23.3374 27.7575 22.5023C27.7469 21.9163 27.8671 21.414 28.5757 21.4266C29.2884 21.4391 29.3622 21.9707 29.3601 22.54C29.3559 24.0029 29.3812 25.4679 29.3707 26.9308C29.3622 28.0024 29.8367 28.5696 30.7941 28.5717C31.7578 28.5758 32.2322 28.0338 32.2322 26.9497C32.2322 25.4512 32.2512 23.9527 32.2322 22.4542C32.2259 21.8912 32.3714 21.4559 32.9914 21.4287C33.6472 21.3994 33.9192 21.7991 33.915 22.427C33.9065 24.0992 33.9656 25.7756 33.8918 27.4457C33.8159 29.1681 32.4895 30.2501 30.6907 30.1853C28.9004 30.1204 27.8102 29.0593 27.7659 27.3117C27.7469 26.5458 27.7617 25.7777 27.7617 25.0117Z" fill="#111212"/>
+<path d="M26.5661 20.2378C26.3278 21.1064 26.0304 22.1737 25.7415 23.2453C25.0583 25.7902 24.3751 28.3352 23.7003 30.8801C23.5506 31.4452 23.3671 32.0437 22.6354 31.8805C21.8615 31.7068 21.9142 31.127 22.0934 30.4741C23.0466 26.9978 23.9597 23.509 24.8896 20.0265C25.0225 19.5284 25.227 19.093 25.8744 19.1726C26.3826 19.2354 26.6124 19.5221 26.5639 20.2378H26.5661Z" fill="#111212"/>
+<path d="M19.39 25.177C19.39 24.0992 19.3985 23.0214 19.3858 21.9456C19.3795 21.345 19.5672 20.8824 20.2462 20.8971C20.9273 20.9117 21.0749 21.3952 21.0707 21.9854C21.0602 24.1745 21.0602 26.3637 21.0707 28.5549C21.0728 29.1618 20.8493 29.6306 20.2061 29.616C19.5608 29.6013 19.3732 29.1137 19.3837 28.5151C19.4027 27.4038 19.39 26.2904 19.39 25.1791V25.177Z" fill="#111212"/>
+</svg>

src/images/PersonalFrontend.svg

@@ -0,0 +1,19 @@
+<svg width="51" height="36" viewBox="0 0 51 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.4541 0C38.987 0 43.5178 0 48.0507 0C50.0131 0 50.9976 0.977315 50.9976 2.93409C51.0018 9.5374 50.9997 16.1386 50.9976 22.7419C50.9976 24.7136 50.0238 25.6974 48.0762 25.7017C46.4476 25.706 44.819 25.7274 43.1904 25.6888C42.6291 25.676 42.4824 25.8453 42.4866 26.4025C42.5143 29.1137 42.5015 31.827 42.4973 34.5404C42.4973 35.8349 42.3569 35.9828 41.1195 35.9828C36.7652 35.9871 32.4088 35.9678 28.0544 35.9999C27.3719 36.0042 27.1657 35.8392 27.17 35.1298C27.1742 34.4375 27.3485 34.2468 28.0459 34.251C32.0112 34.2875 35.9764 34.251 39.9416 34.2853C40.6284 34.2918 40.8282 34.1203 40.8134 33.413C40.7666 31.0941 40.8027 28.7729 40.7857 26.4539C40.7857 26.1646 41.0153 25.7017 40.3775 25.6931C39.7375 25.6845 39.9565 26.1453 39.9544 26.4411C39.9374 28.3314 39.914 30.2239 39.9587 32.1142C39.982 33.0958 39.5823 33.4323 38.6319 33.4237C35.0919 33.3916 31.5498 33.383 28.0098 33.4323C27.2444 33.443 27.1848 33.143 27.1742 32.5172C27.1614 31.8828 27.2911 31.6277 27.98 31.6813C28.8602 31.7499 29.7511 31.6556 30.6334 31.7113C31.2691 31.752 31.4924 31.5956 31.4647 30.9054C31.4052 29.4438 31.4137 27.9778 31.4626 26.5161C31.4839 25.8753 31.3414 25.5667 30.6611 25.6995C29.9339 25.8388 29.7213 25.5667 29.7128 24.7994C29.7043 24.0128 30.0296 23.9742 30.6419 23.9764C36.3081 23.9935 41.9721 23.9871 47.6383 23.9871C49.2201 23.9871 49.2966 23.9078 49.2966 22.2704C49.2966 15.9178 49.2966 9.56526 49.2966 3.21271C49.2966 1.87319 49.1436 1.71459 47.8487 1.71459C38.8913 1.71244 29.9318 1.71244 20.9744 1.71459C19.7221 1.71459 19.5499 1.88605 19.5499 3.12698C19.5456 7.19484 19.5329 11.2648 19.5626 15.3327C19.5669 16.0228 19.4818 16.3036 18.6782 16.3164C17.8043 16.3293 17.8341 15.9178 17.8383 15.2941C17.8575 11.1898 17.8447 7.08553 17.849 2.98124C17.8511 0.955883 18.8164 0.00214323 20.8575 0C25.3904 0 29.9212 0 34.4541 0ZM38.177 28.7344C38.2003 28.7344 38.2237 28.7344 38.2471 28.7344C38.2471 27.9135 38.2535 27.0926 38.2429 26.2718C38.2407 26.051 38.3407 25.8024 37.9622 25.6974C37.0118 25.4316 36.5505 25.7488 36.5483 26.7454C36.5483 26.9598 36.5568 27.1741 36.5462 27.3884C36.5143 27.9349 36.223 28.2714 35.6809 28.2607C35.143 28.2478 34.8602 27.9028 34.8496 27.3541C34.8432 26.9983 34.8177 26.6383 34.8538 26.2846C34.9389 25.4316 34.3138 25.7488 33.9311 25.7167C33.5228 25.6824 33.0827 25.5774 33.1295 26.3125C33.1975 27.3777 33.1465 28.4536 33.1465 29.5231C33.1465 31.7049 33.1465 31.7199 35.3428 31.6963C36.2868 31.6856 37.5859 32.1142 38.0749 31.5206C38.5405 30.9547 38.1748 29.6945 38.1748 28.7386L38.177 28.7344Z" fill="#020202"/>
+<path d="M13.3841 35.9828C9.88022 35.9828 6.37635 35.9871 2.87461 35.9828C0.997231 35.9806 0.0107046 34.9776 7.38811e-05 33.0851C-0.00843066 31.5906 0.71729 30.8433 2.17724 30.8433C3.76971 30.8433 5.36431 30.7919 6.95466 30.8647C7.73708 30.9012 8.04112 30.6033 8.30476 29.9067C9.54855 26.6276 10.8519 23.3698 12.1382 20.1078C12.793 18.4511 13.4776 17.9925 15.2742 17.9925C19.2735 17.9925 23.2727 17.9925 27.2699 17.9925C29.5278 17.9925 30.4208 19.287 29.6044 21.3809C28.3818 24.5186 27.1976 27.6713 25.9028 30.7769C25.3819 32.0307 25.5371 33.2887 25.5031 34.5532C25.469 35.837 25.3564 35.9785 24.1041 35.9806C20.53 35.9828 16.956 35.9806 13.382 35.9806L13.3841 35.9828ZM9.76966 30.8433C14.3961 30.8433 18.8887 30.8369 23.3791 30.8519C23.8596 30.8519 24.1168 30.7469 24.3103 30.2389C25.5328 27.0283 26.7936 23.8328 28.0714 20.6458C28.3755 19.8892 28.114 19.6985 27.4017 19.7006C23.2642 19.7113 19.1268 19.7135 14.9893 19.6985C14.4131 19.6985 14.056 19.9192 13.8497 20.4465C12.5081 23.8714 11.1644 27.2941 9.77179 30.8433H9.76966ZM8.09002 32.5579C6.21902 32.5579 4.34377 32.6158 2.47702 32.5343C1.52239 32.4936 1.61806 33.0273 1.74138 33.5802C1.88596 34.2339 2.43025 34.2789 2.99792 34.2768C6.56345 34.266 10.1311 34.2768 13.6966 34.2618C14.0198 34.2618 14.6491 34.5532 14.462 33.7324C14.3515 33.2459 14.8044 32.4936 13.7051 32.5386C11.8363 32.6136 9.96314 32.56 8.09214 32.56L8.09002 32.5579ZM20.0814 32.5579C19.0226 32.5579 17.9574 32.6286 16.9071 32.5365C16.0354 32.4593 16.08 32.9415 16.1693 33.4945C16.2671 34.0903 16.686 34.2789 17.2494 34.2768C19.2246 34.2682 21.2019 34.2382 23.1771 34.2918C23.9637 34.3132 23.7873 33.8374 23.8 33.4045C23.8128 32.9437 23.9106 32.4914 23.1494 32.545C22.131 32.6158 21.1041 32.5622 20.0793 32.5622L20.0814 32.5579Z" fill="#020202"/>
+<path d="M38.1684 22.5083C37.1607 22.5704 36.6461 21.8417 36.9757 21.0637C38.4342 17.6388 39.9204 14.2268 41.3406 10.7848C41.6277 10.0882 41.8722 9.98533 42.5568 10.2618C43.2818 10.5533 43.1925 10.8919 42.9459 11.4599C41.4533 14.9083 39.9905 18.3697 38.5193 21.8288C38.4002 22.1075 38.3364 22.4204 38.1684 22.5083Z" fill="#111213"/>
+<path d="M35.2025 19.4992C34.9282 19.257 34.79 19.1498 34.6688 19.0276C34.0182 18.374 33.3804 17.7053 32.7192 17.0644C32.1791 16.5415 32.1451 16.055 32.7 15.5192C33.3613 14.8783 34.0374 14.2439 34.6369 13.5452C35.1281 12.9751 35.3853 13.3438 35.7043 13.691C36.0019 14.0125 36.4569 14.2461 35.885 14.7712C35.3747 15.2405 34.5158 15.6842 34.5561 16.31C34.5902 16.8265 35.396 17.283 35.8403 17.7846C35.9998 17.9667 36.3931 18.0996 36.0976 18.4618C35.8127 18.8112 35.5108 19.1455 35.2046 19.5013L35.2025 19.4992Z" fill="#111213"/>
+<path d="M44.7042 19.4499C44.3725 19.0855 44.0217 18.7726 43.7687 18.3932C43.5454 18.0589 43.9473 17.9153 44.1174 17.731C45.4653 16.2693 45.4994 16.2414 44.1131 14.8655C43.605 14.3618 43.724 14.1089 44.1684 13.7017C44.5575 13.3438 44.8148 12.9923 45.3186 13.5988C45.8842 14.2782 46.5433 14.8783 47.1811 15.4934C47.7212 16.0143 47.7531 16.5029 47.2003 17.0409C46.539 17.6838 45.9033 18.3504 45.2506 19.0019C45.106 19.1477 44.9338 19.2634 44.7042 19.4499Z" fill="#111213"/>
+<path d="M27.7185 8.56865C27.0466 8.56865 26.3578 8.47864 25.705 8.58794C24.6122 8.77226 24.6037 8.16573 24.6356 7.37702C24.6526 6.94408 24.7993 6.84335 25.1969 6.84764C26.8255 6.86478 28.4541 6.87764 30.0806 6.84549C30.8524 6.83049 30.576 7.37059 30.5888 7.72636C30.6015 8.09714 30.8078 8.62438 30.0551 8.57937C29.2791 8.53222 28.4988 8.56865 27.7206 8.56865H27.7185Z" fill="#020202"/>
+<path d="M27.1147 15.4227C26.6193 15.4227 26.1133 15.3606 25.6306 15.4356C24.7313 15.5749 24.5846 15.1462 24.6292 14.3725C24.6569 13.8924 24.7164 13.676 25.2649 13.6953C26.5385 13.7381 27.8142 13.7553 29.0856 13.691C29.8255 13.6546 29.7745 14.0618 29.749 14.544C29.7256 14.9705 29.9297 15.5084 29.1303 15.4356C28.4626 15.3734 27.7865 15.4227 27.1147 15.4227Z" fill="#020202"/>
+<path d="M34.0948 6.85407C34.3435 6.85407 34.5944 6.88407 34.8368 6.84764C35.5108 6.74905 35.7383 6.98052 35.7255 7.70064C35.7149 8.37791 35.5703 8.66081 34.8559 8.57937C34.2968 8.51507 33.7206 8.5215 33.1593 8.57937C32.4832 8.64581 32.2578 8.44006 32.2705 7.71993C32.2812 7.04053 32.4279 6.73833 33.1401 6.84549C33.4506 6.89264 33.7759 6.85407 34.0948 6.85407Z" fill="#020202"/>
+<path d="M26.2663 11.9957C26.0176 11.9957 25.7667 11.97 25.5243 12C24.878 12.0836 24.591 11.9121 24.6207 11.162C24.6484 10.5126 24.7313 10.1804 25.4754 10.2682C26.0686 10.339 26.6788 10.3154 27.2784 10.2725C27.8439 10.2318 28.0629 10.3647 28.0736 11.0077C28.0863 11.7578 27.9609 12.165 27.1125 12.0043C26.8383 11.9528 26.547 11.9957 26.2642 11.9957H26.2663Z" fill="#020202"/>
+<path d="M22.9113 7.65992C23.1175 8.46792 22.7518 8.57508 22.0927 8.59437C21.3847 8.61366 21.2317 8.38648 21.221 7.70493C21.2125 6.99123 21.4251 6.80906 22.1076 6.83478C22.7518 6.85835 23.209 6.89693 22.9113 7.66207V7.65992Z" fill="#020202"/>
+<path d="M22.2161 10.2982C23.0963 10.0561 22.89 10.7055 22.9645 11.2241C23.092 12.1007 22.5477 11.9443 22.0162 12.015C21.1445 12.1307 21.2976 11.5906 21.2317 11.0548C21.1232 10.1889 21.6207 10.2254 22.2161 10.2982Z" fill="#020202"/>
+<path d="M22.9283 14.6383C23.1579 15.4849 22.5988 15.3799 22.0417 15.442C21.2253 15.5342 21.2827 15.0862 21.2253 14.5076C21.1445 13.6824 21.5782 13.736 22.1565 13.6867C22.956 13.616 23.0516 13.9996 22.9283 14.6383Z" fill="#020202"/>
+<path d="M22.1098 3.37988C22.063 3.91783 21.8015 4.26718 21.2614 4.27361C20.7256 4.28004 20.4088 3.95213 20.4088 3.41417C20.4088 2.92552 20.7065 2.61689 21.1849 2.58046C21.7249 2.53973 22.0098 2.86979 22.1098 3.37988Z" fill="#111213"/>
+<path d="M23.8468 4.29504C23.3131 4.24789 22.9666 3.98427 22.9602 3.43989C22.9538 2.8998 23.277 2.58046 23.8128 2.58046C24.2975 2.58046 24.6037 2.88051 24.6399 3.36274C24.6803 3.90926 24.3528 4.19431 23.8468 4.29504Z" fill="#111213"/>
+<path d="M26.3578 2.55902C26.8765 2.63832 27.2146 2.9148 27.1891 3.46132C27.1615 3.99713 26.8255 4.3079 26.2897 4.27361C25.8114 4.24361 25.5137 3.93498 25.5094 3.44418C25.5031 2.89765 25.8369 2.62761 26.3599 2.55902H26.3578Z" fill="#111213"/>
+<path d="M15.2742 22.2875C14.7597 22.1953 14.4238 21.9146 14.4599 21.3702C14.4961 20.8344 14.8405 20.5301 15.3742 20.5751C15.8483 20.6136 16.1459 20.9265 16.1417 21.4173C16.1374 21.9639 15.7994 22.2296 15.2742 22.2896V22.2875Z" fill="#111213"/>
+<path d="M18.7079 21.4774C18.6016 21.9853 18.3125 22.3197 17.7746 22.2639C17.2494 22.2103 16.9517 21.8567 17.0134 21.3166C17.0687 20.8408 17.3834 20.5472 17.8724 20.5708C18.4124 20.5943 18.6697 20.9373 18.7101 21.4774H18.7079Z" fill="#111213"/>
+</svg>

src/images/PersonalMng.svg

@@ -0,0 +1,17 @@
+<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.6927 39.772C43.2747 39.701 42.9737 39.4957 42.9257 39.0468C42.8759 38.5863 43.1827 38.3599 43.5432 38.1796C44.2239 37.8362 44.4502 37.2606 44.4482 36.5258C44.4367 32.374 44.4482 28.2222 44.4406 24.0704C44.4406 23.0344 43.9267 22.3801 43.0849 22.2804C42.2431 22.1806 41.618 22.691 41.4051 23.7327C41.2997 24.2488 41.0696 24.5865 40.5307 24.5251C40.0475 24.4695 39.8519 24.1049 39.8596 23.6291C39.8654 23.1821 39.8788 22.7332 39.8539 22.288C39.8059 21.4209 39.2383 20.7992 38.456 20.7263C37.689 20.6534 36.9833 21.1753 36.8261 22.031C36.7379 22.5106 36.6458 22.9615 36.0974 22.9922C35.4301 23.0286 35.2307 22.5643 35.2633 21.9772C35.3036 21.2348 35.1732 20.569 34.4656 20.1623C33.5356 19.627 32.4522 20.145 32.224 21.2866C32.1186 21.8122 31.9901 22.2689 31.3803 22.2247C30.7073 22.1749 30.6555 21.6415 30.6555 21.0909C30.6631 17.7372 30.6651 14.3835 30.6555 11.0299C30.6516 9.89024 29.9671 9.14775 29.0237 9.21682C28.1454 9.28013 27.597 9.95931 27.5951 11.0395C27.5874 14.9035 27.5932 18.7694 27.5932 22.6334C27.5932 24.4215 27.5874 26.2115 27.597 27.9996C27.6009 28.5119 27.5587 29.0011 26.9604 29.1239C26.3449 29.2505 26.1455 28.7556 25.9365 28.3181C25.0947 26.5645 24.2644 24.8071 23.4092 23.0612C23.0161 22.2593 22.5156 21.5667 21.4667 21.6453C20.5482 21.5168 20.3871 21.8621 20.6307 22.7312C21.2826 25.0642 21.7102 27.4663 22.4753 29.757C23.4475 32.6675 24.7725 35.4341 27.0908 37.5752C27.482 37.9359 27.6315 38.3177 27.2941 38.7379C26.9796 39.1293 26.5654 39.0449 26.1781 38.7897C25.4973 38.3427 24.9815 37.7249 24.5347 37.0649C22.8301 34.5458 21.3459 31.927 20.6594 28.909C20.1283 26.578 19.4897 24.2719 18.8569 21.9676C18.6652 21.2712 18.8972 20.8856 19.4878 20.5748C21.5108 19.508 23.5261 20.0836 24.6402 22.0981C25.0947 22.9193 25.4762 23.7807 26.0553 24.5903C26.0553 24.2891 26.0553 23.9898 26.0553 23.6886C26.0553 19.5023 26.0534 15.3179 26.0553 11.1316C26.0553 9.08636 27.2864 7.69347 29.0927 7.67621C30.9354 7.65894 32.1857 9.06525 32.1895 11.168C32.1933 13.6583 32.1895 16.1505 32.1895 18.7425C33.7408 18.1516 35.0888 18.3415 36.1607 19.6232C36.3179 19.8112 36.4618 19.7555 36.6612 19.6845C39.0351 18.8365 39.6065 19.0111 41.2076 21.0237C41.2172 21.0352 41.2613 21.0199 41.3131 21.016C41.4722 20.7666 41.3821 20.4769 41.3821 20.2083C41.3879 14.2972 41.3744 8.38608 41.4032 2.47688C41.407 1.74974 41.2536 1.51951 40.477 1.52143C32.7168 1.55404 24.9566 1.54061 17.1964 1.54061C16.7227 1.54061 16.2031 1.44277 16.0248 2.07973C13.7314 4.43574 11.4361 6.79366 9.15427 9.13816C10.9241 9.13816 12.7611 9.11514 14.5981 9.15159C15.1849 9.1631 15.2731 8.91752 15.2597 8.41869C15.2309 7.27331 15.2693 6.126 15.2424 4.98061C15.229 4.36859 15.3977 3.92156 16.0267 3.7393C16.6518 3.95801 16.8896 4.37434 16.8685 5.05544C16.8225 6.55576 16.8282 8.058 16.8646 9.56024C16.8857 10.4217 16.5406 10.767 15.6758 10.7555C13.2808 10.7248 10.8858 10.7689 8.4908 10.7287C7.83117 10.7171 7.62408 10.8764 7.63751 11.5632C7.68161 13.9576 7.65476 16.3558 7.65476 18.7502C7.65476 19.1339 7.68928 19.5253 7.31536 19.7882C7.08526 19.9493 6.8494 19.9858 6.59629 19.8611C6.23771 19.6845 6.12266 19.3795 6.12458 18.9958C6.13033 17.3669 6.12074 15.738 6.12841 14.1073C6.13608 12.6396 5.76792 11.0088 6.28757 9.75018C6.80913 8.4916 8.22235 7.60138 9.25398 6.5596C11.2348 4.56428 13.2309 2.58623 15.1983 0.579409C15.5933 0.18802 15.973 0 16.5367 0C24.9029 0.0172671 33.2691 0.00959286 41.6371 0.01343C42.7857 0.01343 42.9238 0.163079 42.9238 1.37562C42.9238 7.50929 42.9334 13.643 42.9123 19.7766C42.9104 20.3887 42.9909 20.7033 43.6927 20.8626C45.1079 21.181 45.9765 22.3322 45.9842 23.7884C46.0053 28.1339 46.0053 32.4776 45.9842 36.8231C45.9765 38.2698 45.1922 39.2271 43.6947 39.7739L43.6927 39.772Z" fill="#1D1D1B"/>
+<path d="M7.60682 41.4162C5.81969 41.4162 4.03064 41.4431 2.24542 41.4009C1.6414 41.3874 1.48033 41.5716 1.50909 42.1529C1.55703 43.1084 1.51676 44.0677 1.52443 45.027C1.52827 45.5795 1.33652 46.0093 0.730577 45.992C0.186 45.9786 0 45.5718 0 45.0596C0.00575258 43.6552 0.00383505 42.2489 0 40.8445C0 40.2171 0.308722 39.8603 0.935753 39.9101C1.49375 39.9543 1.49951 39.6703 1.54744 39.2367C1.91177 35.8754 2.29336 32.514 2.7133 29.1585C2.79959 28.4678 3.09105 27.8155 3.53975 27.2476C4.88777 25.5458 6.23579 23.8459 7.55505 22.1211C7.92322 21.6396 8.34124 21.465 8.9395 21.4727C11.1734 21.5014 13.4093 21.5091 15.6432 21.4727C16.5598 21.4573 16.8838 21.8218 16.8781 22.7236C16.8608 25.2139 15.3555 26.8543 12.8839 26.8754C12.1379 26.8811 11.6777 27.119 11.3748 27.7637C11.2942 27.9363 11.1984 28.1109 11.0699 28.2491C10.2894 29.0779 10.3451 29.8261 10.9069 30.8506C12.3067 33.3966 12.4428 36.2169 12.1725 39.0506C12.1092 39.7106 12.1629 39.9293 12.8896 39.9121C15.578 39.8487 15.3306 39.7164 15.3306 42.4024C15.3306 43.2964 15.3306 44.1905 15.3306 45.0845C15.3306 45.5968 15.1216 45.9882 14.577 45.9997C14.0248 46.0131 13.7928 45.6045 13.7793 45.1114C13.7525 44.1214 13.7352 43.1295 13.7755 42.1414C13.7985 41.5831 13.601 41.4431 13.0699 41.4527C11.2501 41.4814 9.43039 41.4642 7.61066 41.4642C7.61066 41.4488 7.61066 41.4335 7.61066 41.4201L7.60682 41.4162ZM6.76503 39.889C7.81775 39.889 8.87239 39.8737 9.92511 39.8967C10.3412 39.9063 10.5502 39.8123 10.6001 39.3442C10.9414 36.1612 10.7362 33.0877 8.84746 30.3518C8.48697 29.83 8.43903 29.4117 8.80528 28.8841C9.4419 27.967 10.0478 27.0288 10.6269 26.0753C10.9261 25.5822 11.3153 25.3578 11.8791 25.3674C12.3259 25.375 12.7746 25.3712 13.2194 25.3367C14.1974 25.2599 14.949 24.6114 15.2347 23.6905C15.3843 23.207 15.3172 22.9883 14.7477 23.0094C13.8234 23.044 12.8781 23.1399 11.9749 22.9941C9.62214 22.6142 8.12264 23.5543 6.78037 25.494C5.39208 27.4989 3.79095 29.2985 3.88299 31.9385C3.90025 32.4104 3.78711 32.8901 3.72959 33.364C3.51099 35.1674 3.30006 36.9747 3.06612 38.7763C2.96258 39.5782 3.11406 40.0195 4.08625 39.9121C4.96831 39.8142 5.87146 39.8909 6.76503 39.8909V39.889Z" fill="#1D1D1B"/>
+<path d="M29.1272 39.866C33.9824 39.8852 38.8376 39.9562 43.6927 39.818C43.8174 39.843 43.9401 39.8852 44.0647 39.8909C45.3482 39.9511 45.9899 40.6098 45.9899 41.8671C45.9899 42.9204 45.9823 43.9737 45.9919 45.0289C45.9957 45.5373 45.8327 45.9536 45.292 45.9958C44.686 46.0438 44.4502 45.5968 44.4367 45.0672C44.4099 44.0773 44.4003 43.0873 44.4367 42.0992C44.454 41.5927 44.2853 41.4527 43.7867 41.4527C38.6171 41.4527 33.4474 41.4392 28.2778 41.4066C27.7447 41.4028 27.551 41.5352 27.5759 42.0935C27.62 43.0489 27.5779 44.0082 27.5913 44.9675C27.5989 45.5047 27.4647 45.9786 26.8588 45.9939C26.1877 46.0112 26.0573 45.5028 26.0592 44.933C26.0668 43.5919 26.0707 42.2508 26.0592 40.9097C26.0515 40.1749 26.4062 39.8718 27.1196 39.8871C27.7888 39.9005 28.458 39.8756 29.1272 39.866Z" fill="#1D1D1B"/>
+<path d="M17.6336 16.8815C15.7199 16.8815 13.8081 16.8758 11.8944 16.8854C11.3019 16.8873 10.7305 16.8086 10.7573 16.0719C10.7822 15.4042 11.3307 15.3409 11.8829 15.3428C15.7084 15.3505 19.5358 15.3505 23.3612 15.3428C23.9537 15.3428 24.5252 15.4196 24.4983 16.1563C24.4734 16.822 23.925 16.8892 23.3727 16.8873C21.459 16.8777 19.5473 16.8834 17.6336 16.8834V16.8815Z" fill="#1D1D1B"/>
+<path d="M34.5634 6.14135C35.4551 6.14135 36.3467 6.15094 37.2383 6.13751C37.8098 6.12984 38.3102 6.2603 38.3026 6.92796C38.2968 7.52848 37.8366 7.68196 37.2959 7.68004C35.4167 7.67237 33.5375 7.67429 31.6603 7.68004C31.1099 7.68004 30.6766 7.49394 30.69 6.89151C30.7034 6.28908 31.1579 6.13367 31.6986 6.13943C32.6535 6.15094 33.6085 6.14327 34.5653 6.14327L34.5634 6.14135Z" fill="#1D1D1B"/>
+<path d="M14.5042 19.9493C13.5799 19.9493 12.6576 19.9436 11.7333 19.9512C11.1868 19.957 10.7477 19.7747 10.7535 19.1723C10.7612 18.5699 11.2079 18.4087 11.7525 18.4106C13.6317 18.4183 15.5109 18.4183 17.3881 18.4106C17.9365 18.4087 18.3737 18.589 18.368 19.1896C18.3603 19.7901 17.9135 19.957 17.3689 19.9512C16.414 19.9416 15.4591 19.9474 14.5022 19.9474L14.5042 19.9493Z" fill="#1D1D1B"/>
+<path d="M21.4322 9.21106C22.1321 9.21106 22.832 9.21682 23.5319 9.20914C24.0822 9.20339 24.5098 9.39525 24.5021 9.99576C24.4964 10.5349 24.1071 10.7478 23.5913 10.7459C22.1589 10.7421 20.7265 10.7459 19.2961 10.744C18.7764 10.744 18.4063 10.5023 18.4198 9.96122C18.4332 9.42019 18.8167 9.20914 19.3325 9.21106C20.0324 9.2149 20.7323 9.21106 21.4322 9.21106Z" fill="#1D1D1B"/>
+<path d="M20.6997 7.67237C20.1915 7.67237 19.6815 7.69539 19.1753 7.66661C18.6978 7.63975 18.3948 7.3558 18.4178 6.86657C18.4389 6.43105 18.7304 6.16245 19.1676 6.15478C20.1839 6.13559 21.2021 6.12984 22.2184 6.15478C22.6978 6.16629 22.9988 6.46367 22.9758 6.9529C22.9566 7.38842 22.6632 7.64551 22.226 7.66661C21.7179 7.68964 21.2098 7.67237 20.7016 7.67237H20.6997Z" fill="#1D1D1B"/>
+<path d="M36.0667 9.21874C36.5749 9.21874 37.0849 9.1938 37.5912 9.22641C38.0284 9.25327 38.3026 9.52955 38.3083 9.96698C38.316 10.4063 38.0437 10.7095 37.6103 10.7229C36.5634 10.7555 35.5126 10.7536 34.4656 10.7267C34.0303 10.7152 33.7485 10.4255 33.7485 9.98808C33.7485 9.49885 34.0591 9.236 34.5385 9.21874C35.0466 9.19955 35.5548 9.2149 36.0648 9.2149C36.0648 9.2149 36.0648 9.21874 36.0648 9.22066L36.0667 9.21874Z" fill="#1D1D1B"/>
+<path d="M13.0123 13.8099C12.5349 13.8099 12.0593 13.8176 11.5819 13.8099C11.1025 13.8022 10.7727 13.5605 10.7516 13.077C10.7305 12.5897 11.0411 12.3 11.5205 12.2904C12.5368 12.2693 13.555 12.2712 14.5713 12.2942C15.0085 12.3038 15.2942 12.582 15.3076 13.0175C15.321 13.5067 15.0161 13.7811 14.5368 13.806C14.0286 13.831 13.5205 13.8118 13.0123 13.8118V13.8099Z" fill="#1D1D1B"/>
+<path d="M35.9555 13.8118C35.5107 13.8118 35.0658 13.8156 34.6209 13.8118C34.0994 13.8041 33.7427 13.5605 33.7542 13.0194C33.7657 12.5359 34.0994 12.2885 34.5787 12.2846C35.5317 12.2769 36.4867 12.2789 37.4397 12.2846C37.9613 12.2865 38.3237 12.5359 38.3064 13.0751C38.2872 13.6142 37.8999 13.8214 37.386 13.8176C36.9085 13.8137 36.433 13.8176 35.9555 13.8176V13.8118Z" fill="#1D1D1B"/>
+<path d="M35.9287 16.8758C35.4512 16.8758 34.9738 16.893 34.4982 16.87C34.061 16.8489 33.7695 16.5918 33.7504 16.1563C33.7274 15.6671 34.0303 15.3716 34.5078 15.3582C35.5241 15.3332 36.5423 15.3371 37.5586 15.3582C37.9958 15.3658 38.2872 15.6364 38.3064 16.0719C38.3294 16.5611 38.0265 16.8451 37.549 16.87C37.0102 16.8988 36.4694 16.8758 35.9287 16.8758Z" fill="#1D1D1B"/>
+<path d="M26.0534 7.67621C25.831 7.67621 25.6086 7.68004 25.388 7.67429C24.9106 7.66278 24.5712 7.43063 24.5539 6.94715C24.5347 6.40803 24.8856 6.1567 25.4072 6.14519C25.8195 6.13751 26.2318 6.1471 26.644 6.14135C27.156 6.13367 27.5529 6.33512 27.5721 6.87232C27.5932 7.469 27.179 7.6858 26.6268 7.67812C26.4369 7.67621 26.2452 7.67812 26.0553 7.67812L26.0534 7.67621Z" fill="#1D1D1B"/>
+<path d="M18.4006 13.8118C18.2107 13.8118 18.019 13.8118 17.8292 13.8118C17.2769 13.8176 16.8627 13.5988 16.8876 13.0022C16.9087 12.465 17.3095 12.2673 17.8196 12.2769C18.1992 12.2827 18.5808 12.2808 18.9624 12.2769C19.5166 12.2712 19.9288 12.4918 19.9039 13.0866C19.8828 13.6238 19.4821 13.8233 18.972 13.8118C18.7822 13.808 18.5904 13.8118 18.4006 13.8118Z" fill="#1D1D1B"/>
+<path d="M23.0007 12.2789C23.2232 12.2789 23.4456 12.2769 23.6661 12.2789C24.1455 12.2865 24.4849 12.5206 24.5041 13.0022C24.5271 13.5394 24.1781 13.7965 23.6546 13.808C23.2423 13.8176 22.8301 13.808 22.4178 13.8118C21.9077 13.8195 21.507 13.6238 21.4859 13.0847C21.4629 12.488 21.8732 12.2693 22.4274 12.275C22.6172 12.2769 22.809 12.275 22.9988 12.275L23.0007 12.2789Z" fill="#1D1D1B"/>
+</svg>

src/images/PersonalSMM.svg

@@ -0,0 +1,9 @@
+<svg width="49" height="50" viewBox="0 0 49 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.61283 0.0321734C13.6309 0.0551556 16.4903 1.95502 18.2848 5.49811C18.5587 6.04011 18.7904 6.13587 19.3439 5.97691C22.7931 4.97909 26.2539 4.98676 29.7012 5.98648C30.226 6.1397 30.4577 6.03819 30.699 5.54024C32.6123 1.58156 36.1554 -0.460029 40.9797 0.0877138C44.7277 0.512885 48.064 3.67677 48.7975 7.71015C49.5885 12.0576 47.8552 16.0584 43.5173 18.2283C42.9639 18.5041 42.8221 18.7359 42.9964 19.3353C43.9885 22.752 43.9808 26.184 42.9945 29.5988C42.8202 30.2021 42.9581 30.4396 43.5193 30.7077C47.3918 32.5558 49.4563 36.4877 48.9067 40.8639C48.426 44.6924 45.1606 48.0516 41.1617 48.8311C36.9502 49.6508 32.6372 47.4579 30.7392 43.4762C30.4692 42.9093 30.2164 42.781 29.6246 42.9515C26.206 43.9359 22.7721 43.9339 19.3611 42.94C18.7119 42.7504 18.5299 42.9706 18.2733 43.5011C15.5997 49.0303 8.68013 50.6907 3.78301 46.9982C3.62979 46.8833 3.48232 46.7627 3.33485 46.642C2.92117 46.3011 2.67794 45.8874 3.09929 45.4259C3.48424 45.0045 3.90558 45.1999 4.27521 45.5197C5.43198 46.5214 6.76303 47.1285 8.27411 47.4004C12.5565 48.1761 16.6435 45.3588 17.6202 40.9233C18.5184 36.8439 15.7721 32.4371 11.6621 31.4757C8.53075 30.7441 5.74607 31.4967 3.58574 33.908C1.38328 36.3671 0.892993 39.236 2.0287 42.3558C2.08232 42.5033 2.16085 42.6431 2.21256 42.7925C2.36194 43.2272 2.34662 43.6428 1.86974 43.842C1.40243 44.0374 1.07494 43.7865 0.873841 43.3613C0.249491 42.0437 -0.0550234 40.6398 0.00817766 39.1958C0.184375 35.3003 2.03061 32.4333 5.52965 30.7019C6.13102 30.4032 6.16167 30.1159 6.00654 29.572C5.02979 26.1515 5.03554 22.7233 6.01611 19.3066C6.16933 18.7723 6.11953 18.5156 5.55072 18.2417C1.60544 16.3438 -0.399757 12.5766 0.107767 8.13723C0.542514 4.33751 3.67384 1.04339 7.69381 0.143254C8.32965 0.00153044 8.9655 0.10112 9.61283 0.0321734ZM6.7841 24.424C6.71515 26.0576 6.99286 27.6491 7.38355 29.233C7.52145 29.7903 7.74935 29.9646 8.36221 29.8669C14.5042 28.8883 20.0506 34.4557 19.1064 40.6513C19.0183 41.224 19.1696 41.4365 19.6963 41.5744C22.908 42.4114 26.1121 42.4152 29.3239 41.5706C29.8487 41.4327 29.9885 41.2278 29.8927 40.6494C28.8834 34.5342 34.5121 28.8959 40.6484 29.8707C41.267 29.9684 41.4853 29.7769 41.6271 29.233C42.4563 26.0538 42.4563 22.8803 41.6309 19.6992C41.4872 19.1476 41.2613 18.9714 40.6484 19.0672C34.5102 20.0363 28.87 14.3903 29.8927 8.2847C30.0019 7.62779 29.7759 7.47075 29.2416 7.33286C26.1255 6.53231 23.021 6.5055 19.8955 7.30413C19.1868 7.48416 19.0279 7.70632 19.1313 8.44558C19.4933 11.0272 18.7808 13.358 17.2161 15.4264C16.7277 16.0718 16.1072 16.091 15.8468 15.5164C15.6629 15.1085 15.8889 14.8021 16.1245 14.4784C17.2506 12.9405 17.7983 11.2264 17.7466 9.30358C17.6317 4.95994 14.0235 1.41877 9.66071 1.40345C5.26153 1.38812 1.55373 4.95228 1.45031 9.29592C1.30093 15.5088 7.54443 19.5 13.2804 16.8494C13.7803 16.6177 14.282 16.3955 14.5846 17.0122C14.8892 17.6327 14.3989 17.9353 13.9124 18.1613C12.1466 18.9868 10.3061 19.4292 8.35647 19.0653C7.74744 18.9523 7.51379 19.1361 7.37589 19.7011C6.99669 21.2543 6.71899 22.8152 6.78027 24.424H6.7841ZM39.3825 17.6998C43.8985 17.7074 47.5507 14.0973 47.568 9.6081C47.5852 5.14188 43.9176 1.42643 39.4667 1.40153C34.9124 1.37663 31.2602 5.01357 31.2659 9.56596C31.2717 14.1011 34.8569 17.6902 39.3844 17.6978L39.3825 17.6998ZM31.264 39.3835C31.2717 43.8918 34.9028 47.5307 39.392 47.5287C43.8582 47.5268 47.5507 43.8535 47.566 39.3969C47.5814 34.8656 43.9138 31.219 39.3576 31.2324C34.832 31.2478 31.2544 34.8483 31.2621 39.3816L31.264 39.3835Z" fill="#111213"/>
+<path d="M6.99477 39.2935C6.99477 38.401 6.97753 37.5104 6.9986 36.6179C7.0235 35.5933 7.70722 35.1701 8.59587 35.6623C10.1491 36.5222 11.6889 37.4127 13.2115 38.3263C14.1039 38.8625 14.1269 39.6612 13.2498 40.1936C11.7042 41.132 10.1338 42.0322 8.55182 42.9055C7.72637 43.3613 7.02924 42.9227 7.00052 41.9671C6.9737 41.0765 6.99477 40.184 6.99477 39.2915V39.2935ZM11.9455 39.259C10.7409 38.5676 9.66071 37.9471 8.52117 37.294V41.2565C9.6971 40.5709 10.7734 39.9427 11.9455 39.259Z" fill="#111213"/>
+<path d="M28.9562 27.3542V19.7605C27.2708 20.5706 25.6238 21.3022 23.858 21.7082C23.5496 21.7791 23.4424 21.9457 23.4539 22.2464C23.4673 22.6294 23.4539 23.0125 23.4577 23.3955C23.4654 24.0007 23.2987 24.6902 23.5381 25.1862C23.7699 25.6669 24.5494 25.5673 25.076 25.7627C25.5414 25.935 25.9072 26.1859 25.7425 26.7356C25.5797 27.2776 25.1277 27.3733 24.6623 27.1703C23.8139 26.8007 22.9406 26.8505 22.05 26.8735C21.5138 26.8869 21.4238 27.0688 21.464 27.5591C21.5617 28.7657 21.5885 29.9799 21.6689 31.1884C21.7053 31.7476 21.6536 32.3107 21.0063 32.3567C20.2747 32.4084 20.2153 31.8108 20.1961 31.2229C20.1559 29.9799 20.0582 28.7389 20.0199 27.4959C20.0065 27.0688 19.9108 26.9022 19.4339 26.8735C18.3212 26.8065 17.9075 26.3353 17.8979 25.2475C17.8864 24.1309 17.8864 23.0144 17.8979 21.8978C17.9094 20.8253 18.392 20.2565 19.4339 20.245C20.6079 20.2335 21.7915 20.1071 22.9617 20.335C23.2566 20.3925 23.519 20.3063 23.8005 20.2335C25.2829 19.8448 26.6924 19.2721 28.0446 18.5635C28.4985 18.326 29.05 18.1881 29.0577 17.4623C29.0615 17.1233 29.458 17.0026 29.8065 17.0467C30.1206 17.0869 30.339 17.2554 30.3773 17.5887C30.4002 17.7783 30.4079 17.9698 30.4079 18.1613C30.4079 21.7657 30.4079 25.3701 30.4079 28.9744C30.4079 29.166 30.4022 29.3575 30.3773 29.5471C30.337 29.8688 30.1417 30.0642 29.8257 30.1159C29.4675 30.1753 29.0864 30.024 29.0673 29.7003C29.0213 28.9017 28.3759 28.7944 27.8799 28.511C27.38 28.2256 26.7193 27.9939 27.1214 27.2527C27.4949 26.5651 28.035 26.9558 28.5157 27.2067C28.6249 27.2642 28.7493 27.2891 28.9543 27.358L28.9562 27.3542ZM21.9773 23.5736C21.9773 22.2904 21.3331 21.6635 20.0448 21.6929C19.9816 21.6929 19.9165 21.7006 19.8552 21.6929C19.4416 21.6412 19.3037 21.8212 19.3132 22.2311C19.3362 23.1178 19.3266 24.0045 19.3132 24.8913C19.3075 25.2724 19.4128 25.439 19.8418 25.4773C21.9792 25.6707 21.9773 25.6861 21.9773 23.5736Z" fill="#111213"/>
+<path d="M5.9012 11.9006C4.30585 10.4527 4.00517 8.66391 4.51461 6.67978C4.62569 6.24695 4.74251 5.77773 5.25195 5.65324C5.75182 5.53067 5.96823 5.9635 6.24019 6.2661C6.58492 6.64914 6.98903 6.94408 7.44484 7.18922C8.10941 7.54736 8.54033 7.68908 8.89272 6.72383C9.37726 5.39661 10.9286 4.84886 12.2385 5.41001C12.7403 5.62451 13.1559 5.76432 13.6309 5.37554C13.9277 5.13231 14.2801 5.12656 14.5846 5.41384C14.8815 5.69537 14.9198 6.03819 14.7015 6.3676C13.9775 7.46309 14.0024 8.76542 13.6558 9.96624C12.4281 14.2237 7.87384 15.4877 4.32117 13.6108C3.99176 13.4366 3.72747 13.1857 3.80407 12.7873C3.88643 12.3621 4.20243 12.1725 4.63526 12.1381C5.03362 12.1074 5.46071 12.2281 5.9012 11.9006ZM7.59614 13.0095C10.6585 12.7892 12.5373 10.807 12.522 7.9438C12.5182 7.07622 11.9972 6.71234 11.2867 6.6702C10.626 6.6319 10.1548 7.02643 10.0552 7.74462C9.86755 9.09483 9.62623 9.2423 8.26071 8.98758C7.36632 8.82096 6.59067 8.37089 5.73841 7.90167C5.67138 9.40892 6.22104 10.4316 7.40654 11.123C8.5499 11.7895 8.57671 11.981 7.59997 13.0095H7.59614Z" fill="#111213"/>
+<path d="M41.244 4.00427C41.3264 4.01001 41.5849 4.00427 41.832 4.04832C42.192 4.11343 42.3874 4.37007 42.3893 4.72246C42.3893 5.07677 42.169 5.30276 41.8358 5.41193C41.7764 5.43108 41.7094 5.4215 41.6462 5.42916C39.4437 5.72793 39.4591 5.72793 39.5069 8.04722C39.5165 8.52602 39.6123 8.73669 40.1332 8.68881C40.6944 8.6371 41.3015 8.67157 41.2747 9.45488C41.2498 10.1673 40.6656 10.1922 40.1466 10.1558C39.6429 10.1195 39.4782 10.2861 39.5089 10.7917C39.551 11.4907 39.5989 12.2051 39.4993 12.8926C39.3863 13.674 40.0566 15.0798 38.7504 15.0549C37.4768 15.0319 38.1644 13.6357 38.0457 12.8467C37.9442 12.161 37.9959 11.4467 38.0342 10.7476C38.0591 10.2822 37.9116 10.1233 37.4481 10.1597C36.908 10.2018 36.3316 10.0984 36.3277 9.43382C36.322 8.69455 36.9349 8.63518 37.5075 8.68689C37.9422 8.72711 38.0667 8.55091 38.0323 8.1449C38.0035 7.79633 38.0246 7.44394 38.0265 7.09346C38.038 5.07869 39.0818 4.0215 41.2459 4.00427H41.244Z" fill="#111213"/>
+<path d="M39.5261 34.2948C40.5124 34.2948 41.5007 34.2757 42.487 34.3006C43.6686 34.3293 44.4749 35.0877 44.4941 36.2694C44.5305 38.3378 44.5305 40.41 44.4941 42.4784C44.473 43.6409 43.6399 44.4415 42.4736 44.4568C40.4358 44.4836 38.3961 44.4817 36.3584 44.4568C35.1173 44.4415 34.3474 43.6658 34.3321 42.4152C34.3091 40.3775 34.3072 38.3397 34.3321 36.3C34.3474 35.0226 35.081 34.3331 36.3699 34.291C36.4331 34.2891 36.4982 34.291 36.5614 34.291C37.5477 34.291 38.5359 34.291 39.5223 34.291V34.2948H39.5261ZM43.0156 39.3835C43.0156 38.4278 42.9964 37.4702 43.0232 36.5164C43.0385 35.9476 42.8068 35.6987 42.2437 35.7006C40.363 35.7082 38.4823 35.7082 36.6035 35.7006C36.0079 35.6987 35.7321 35.9495 35.7359 36.5605C35.7494 38.4412 35.7474 40.32 35.7359 42.2007C35.7321 42.7714 35.9849 42.9936 36.5461 42.9879C38.4574 42.9725 40.3707 42.9744 42.282 42.9879C42.8049 42.9917 43.0328 42.7868 43.0213 42.2524C43.0002 41.2967 43.0156 40.3411 43.0156 39.3854V39.3835Z" fill="#111213"/>
+<path d="M37.2355 39.3184C37.2566 38.108 38.2295 37.1695 39.4437 37.1925C40.6235 37.2155 41.6232 38.2497 41.5887 39.4122C41.5543 40.5843 40.5048 41.5917 39.3518 41.5591C38.1644 41.5247 37.2164 40.5211 37.2374 39.3184H37.2355ZM39.4208 40.0729C39.8268 40.0366 40.1007 39.8067 40.1026 39.3586C40.1026 38.897 39.8172 38.6729 39.3691 38.6787C38.9515 38.6844 38.7141 38.9353 38.7026 39.3337C38.6892 39.7684 38.9113 40.05 39.4188 40.0749L39.4208 40.0729Z" fill="#111213"/>
+</svg>

src/images/tgFooter.svg

@@ -0,0 +1,10 @@
+<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_931_833)">
+<path d="M10.9461 22.0001C4.87347 21.9702 -0.0423218 16.9977 0.000274756 10.9273C0.0436186 4.86661 4.99678 -0.0297562 11.0545 0.000136144C17.1159 0.0307758 22.0317 4.98468 22.0018 11.0349C21.9719 17.1247 17.0262 22.0293 10.9468 22.0001H10.9461ZM16.0487 7.6025C16.0711 6.87985 15.8103 6.63324 15.2715 6.68256C14.9591 6.71096 14.664 6.8126 14.3777 6.93217C12.3622 7.77513 10.3475 8.61809 8.335 9.46778C7.12361 9.97969 5.91447 10.4968 4.71056 11.0259C4.48935 11.1231 4.25096 11.2531 4.27338 11.567C4.2958 11.8749 4.56782 11.9234 4.77557 11.9937C5.37491 12.1962 5.97874 12.392 6.59303 12.5415C7.0997 12.6655 7.61161 12.6199 8.06298 12.3173C9.56955 11.3069 11.0709 10.2898 12.5782 9.28021C12.7307 9.17857 12.9108 8.94392 13.0901 9.15316C13.2747 9.36764 13.0087 9.5029 12.8801 9.62995C11.8354 10.6612 10.7809 11.6828 9.7362 12.7133C9.26839 13.1752 9.31397 13.6011 9.85727 13.9718C10.1547 14.1743 10.4603 14.3656 10.76 14.5667C11.5544 15.0995 12.3361 15.6525 13.1447 16.1629C14.0243 16.7182 14.4457 16.5523 14.7476 15.5852C14.7768 15.4911 14.8029 15.3947 14.8239 15.2983C15.1318 13.9016 15.3246 12.4847 15.5465 11.073C15.7378 9.85713 15.8993 8.63678 16.0472 7.6025H16.0487Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_931_833">
+<rect width="22.0015" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/pages/AuthForCandidate/AuthForCandidate.jsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { useNavigate } from "react-router-dom";
+
 import { loading, selectIsLoading } from "../../redux/loaderSlice";
 import { apiRequest } from "../../api/request";
 import { auth, selectAuth, setUserInfo } from "../../redux/outstaffingSlice";
 import { setRole } from "../../redux/roleSlice";
-import { useDispatch, useSelector } from "react-redux";
-import { useNavigate } from "react-router-dom";
 
 import AuthHeader from "../../components/AuthHeader/AuthHeader";
 import SideBar from "../../components/SideBar/SideBar";
@@ -12,15 +13,15 @@ import CategoriesItem from "../../components/CategoriesItem/CategoriesItem";
 import StepsForCandidate from "../../components/StepsForCandidate/StepsForCandidate";
 import { Footer } from "../../components/Footer/Footer";
 
-import BackEndImg from "../../pages/PartnerСategories/images/personalBackEnd.png";
+import BackEndImg from "../../images/personalBackEnd.svg";
-import FrontendImg from "../../pages/PartnerСategories/images/PersonalFrontend.png";
+import FrontendImg from "../../images/PersonalFrontend.svg";
-import ArchitectureImg from "../../pages/PartnerСategories/images/PersonalArchitecture.png";
+import ArchitectureImg from "../../images/PersonalArchitecture.svg";
-import DesignImg from "../../pages/PartnerСategories/images/PersonalDesign.png";
+import DesignImg from "../../images/PersonalDesign.svg";
-import TestImg from "../../pages/PartnerСategories/images/PersonalTesters.png";
+import TestImg from "../../images/PersonalTesters.svg";
-import AdminImg from "../../pages/PartnerСategories/images/PersonalAdmin.png";
+import AdminImg from "../../images/PersonalAdmin.svg";
-import ManageImg from "../../pages/PartnerСategories/images/PersonalMng.png";
+import ManageImg from "../../images/PersonalMng.svg";
-import CopyImg from "../../pages/PartnerСategories/images/PersonalCopy.png";
+import CopyImg from "../../images/PersonalCopy.svg";
-import SmmImg from "../../pages/PartnerСategories/images/PersonalSMM.png";
+import SmmImg from "../../images/PersonalSMM.svg";
 
 import authImg from "../../images/authCandidateFormImg.png";
 import arrowBtn from "../../images/arrowRight.svg";

src/pages/PartnerСategories/PartnerСategories.js

@@ -9,15 +9,15 @@ import { Footer } from "../../components/Footer/Footer";
 
 import { setPartnerEmployees } from "../../redux/outstaffingSlice";
 
-import BackEndImg from "./images/personalBackEnd.png";
+import BackEndImg from "../../images/personalBackEnd.svg";
-import FrontendImg from "./images/PersonalFrontend.png";
+import FrontendImg from "../../images/PersonalFrontend.svg";
-import ArchitectureImg from "./images/PersonalArchitecture.png";
+import ArchitectureImg from "../../images/PersonalArchitecture.svg";
-import DesignImg from "./images/PersonalDesign.png";
+import DesignImg from "../../images/PersonalDesign.svg";
-import TestImg from "./images/PersonalTesters.png";
+import TestImg from "../../images/PersonalTesters.svg";
-import AdminImg from "./images/PersonalAdmin.png";
+import AdminImg from "../../images/PersonalAdmin.svg";
-import ManageImg from "./images/PersonalMng.png";
+import ManageImg from "../../images/PersonalMng.svg";
-import CopyImg from "./images/PersonalCopy.png";
+import CopyImg from "../../images/PersonalCopy.svg";
-import SmmImg from "./images/PersonalSMM.png";
+import SmmImg from "../../images/PersonalSMM.svg";
 import rightArrow from "../../images/arrowRight.svg";
 import avatarImg from "../PartnerEmployees/avatarMok.png";
 

src/pages/RegistrationForCandidate/RegistrationForCandidate.js

@@ -5,7 +5,7 @@ import SideBar from "../../components/SideBar/SideBar";
 import StepsForCandidate from "../../components/StepsForCandidate/StepsForCandidate";
 import { Footer } from "../../components/Footer/Footer";
 
-import BackEndImg from "../../pages/PartnerСategories/images/personalBackEnd.png";
+import BackEndImg from "../../images/personalBackEnd.svg";
 import arrowBtn from "../../images/arrowRight.svg";
 
 import "./registationForCandidate.scss";

src/pages/quiz/QuizPage.js

@@ -1,144 +1,176 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { questionnairesSelector, setQuestionnaires } from "../../redux/quizSlice";
+import { Link } from "react-router-dom";
-import { ProfileHeader } from '../../components/ProfileHeader/ProfileHeader';
+import {
-import { HeadBottom } from '../../components/features/Candidate-lk/HeadBottom';
+  questionnairesSelector,
-import { ProfileBreadcrumbs } from '../../components/ProfileBreadcrumbs/ProfileBreadcrumbs';
+  setQuestionnaires,
-import './quiz-page.scss'
+} from "../../redux/quizSlice";
-import { SelectedCategory } from '../../components/features/quiz/SelectedCategory';
+import { apiRequest } from "../../api/request";
-import { Footer } from '../../components/Footer/Footer';
-import { Link } from 'react-router-dom';
-import { CardAvailableTest } from '../../components/features/quiz/CardAviableTest';
-import { apiRequest } from '../../api/request';
-import CategoriesItem from '../../components/CategoriesItem/CategoriesItem';
 
-import BackEndImg from "../../pages/PartnerСategories/images/personalBackEnd.png"
+import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
-import FrontendImg from "../../pages/PartnerСategories/images/PersonalFrontend.png"
+import { HeadBottom } from "../../components/features/Candidate-lk/HeadBottom";
-import ArchitectureImg from "../../pages/PartnerСategories/images/PersonalArchitecture.png"
+import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
-import DesignImg from "../../pages/PartnerСategories/images/PersonalDesign.png"
+import { SelectedCategory } from "../../components/features/quiz/SelectedCategory";
-import TestImg from "../../pages/PartnerСategories/images/PersonalTesters.png"
+import { Footer } from "../../components/Footer/Footer";
-import AdminImg from "../../pages/PartnerСategories/images/PersonalAdmin.png"
+import { CardAvailableTest } from "../../components/features/quiz/CardAviableTest";
-import ManageImg from "../../pages/PartnerСategories/images/PersonalMng.png"
+import CategoriesItem from "../../components/CategoriesItem/CategoriesItem";
-import CopyImg from "../../pages/PartnerСategories/images/PersonalCopy.png"
+
-import SmmImg from "../../pages/PartnerСategories/images/PersonalSMM.png"
+import BackEndImg from "../../images/personalBackEnd.svg";
+import FrontendImg from "../../images/PersonalFrontend.svg";
+import ArchitectureImg from "../../images/PersonalArchitecture.svg";
+import DesignImg from "../../images/PersonalDesign.svg";
+import TestImg from "../../images/PersonalTesters.svg";
+import AdminImg from "../../images/PersonalAdmin.svg";
+import ManageImg from "../../images/PersonalMng.svg";
+import CopyImg from "../../images/PersonalCopy.svg";
+import SmmImg from "../../images/PersonalSMM.svg";
+
+import "./quiz-page.scss";
 
 export const QuizPage = () => {
+  const questionnaires = useSelector(questionnairesSelector);
+  const dispatch = useDispatch();
+  const [personalInfoItems] = useState([
+    {
+      title: "Backend разработчики",
+      link: "/registration-candidate",
+      description:
+        "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
+      available: true,
+      img: BackEndImg,
+    },
+    {
+      title: "Frontend разработчики",
+      link: "/registration-candidate",
+      description:
+        "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
+      available: true,
+      img: FrontendImg,
+    },
+    {
+      title: "Архитектура проектов",
+      link: "/registration-candidate",
+      description: "Потоки данных ER ERP CRM CQRS UML BPMN",
+      available: true,
+      img: ArchitectureImg,
+    },
+    {
+      title: "Дизайн проектов",
+      link: "/registration-candidate",
+      description:
+        "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
+      available: true,
+      img: DesignImg,
+    },
+    {
+      title: "Тестирование проектов",
+      link: "/registration-candidate",
+      description: "SQL Postman TestRail Kibana Ручное тестирование",
+      available: false,
+      img: TestImg,
+    },
+    {
+      title: "Администрирование проектов",
+      link: "/registration-candidate",
+      description: "DevOps ELK Kubernetes Docker Bash Apache Oracle Git",
+      available: false,
+      img: AdminImg,
+    },
+    {
+      title: "Управление проектом",
+      link: "/registration-candidate",
+      description: "Scrum Kanban Agile Miro CustDev",
+      available: false,
+      img: ManageImg,
+    },
+    {
+      title: "Копирайтинг проектов",
+      link: "/registration-candidate",
+      description: "Теги Заголовок H1 Дескриптор Абзац Сценарий",
+      available: false,
+      img: CopyImg,
+    },
+    {
+      title: "Реклама и SMM",
+      link: "/registration-candidate",
+      description:
+        "Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript",
+      available: false,
+      img: SmmImg,
+    },
+  ]);
+  const userId = localStorage.getItem("id");
+  const [selectedCategory, setsetSelectedCategory] = useState(false);
 
-   const questionnaires = useSelector(questionnairesSelector)
+  useEffect(() => {
-   const dispatch = useDispatch()
+    apiRequest(
-   const [personalInfoItems] = useState([
+      `/user-questionnaire/questionnaires-list?user_id=${userId}`
-      {
+    ).then((res) => dispatch(setQuestionnaires(res)));
-         title: 'Backend разработчики',
+  }, []);
-         link: '/registration-candidate',
-         description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
-         available: true,
-         img: BackEndImg
-      },
-      {
-         title: 'Frontend разработчики',
-         link: '/registration-candidate',
-         description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
-         available: true,
-         img: FrontendImg
-      },
-      {
-         title: 'Архитектура проектов',
-         link: '/registration-candidate',
-         description: 'Потоки данных ER ERP CRM CQRS UML BPMN',
-         available: true,
-         img: ArchitectureImg
-      },
-      {
-         title: 'Дизайн проектов',
-         link: '/registration-candidate',
-         description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
-         available: true,
-         img: DesignImg
-      },
-      {
-         title: 'Тестирование проектов',
-         link: '/registration-candidate',
-         description: 'SQL Postman TestRail Kibana Ручное тестирование',
-         available: false,
-         img: TestImg
-      },
-      {
-         title: 'Администрирование проектов',
-         link: '/registration-candidate',
-         description: 'DevOps ELK Kubernetes Docker Bash Apache Oracle Git',
-         available: false,
-         img: AdminImg
-      },
-      {
-         title: 'Управление проектом',
-         link: '/registration-candidate',
-         description: 'Scrum Kanban Agile Miro CustDev',
-         available: false,
-         img: ManageImg
-      },
-      {
-         title: 'Копирайтинг проектов',
-         link: '/registration-candidate',
-         description: 'Теги Заголовок H1 Дескриптор Абзац Сценарий',
-         available: false,
-         img: CopyImg
-      },
-      {
-         title: 'Реклама и SMM',
-         link: '/registration-candidate',
-         description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
-         available: false,
-         img: SmmImg
-      },
-   ]);
-   const userId = localStorage.getItem('id')
-   const [selectedCategory, setsetSelectedCategory] = useState(false)
 
-   useEffect(() => {
+  return (
-      apiRequest(`/user-questionnaire/questionnaires-list?user_id=${userId}`)
+    <div className="quiz-page">
-         .then(res => dispatch(setQuestionnaires(res)))
+      <ProfileHeader />
-   }, [])
+      <HeadBottom />
+      <div className="quiz-page__container">
+        <ProfileBreadcrumbs
+          links={[
+            { name: "Главная", link: "/profile-candidate" },
+            { name: "Тестирование", link: "/quiz" },
+          ]}
+        />
+        <div className="quiz-page__title main-title">
+          {!selectedCategory ? "Тестирование" : "Замена специализации"}
+        </div>
+        {!selectedCategory && (
+          <>
+            <div className="quiz-page__specialization">
+              <SelectedCategory setSelectedCategory={setsetSelectedCategory} />
+            </div>
+            <div className="quiz-page__block">Доступные тесты</div>
+            <div className="quiz-page__cards-test">
+              {questionnaires.length ? (
+                questionnaires.map((item, index) => (
+                  <CardAvailableTest
+                    description={
+                      "Вы новичок с реальным опытом работы до 1 года, или без опыта"
+                    }
+                    path={"quiz/test"}
+                    status={item.status}
+                    title={item.questionnaire_title}
+                    passedTest={item.passedTest}
+                    key={index}
+                  />
+                ))
+              ) : (
+                <h1>Анкет нет</h1>
+              )}
+            </div>
+            <div className="block-text">
+              ИЛИ <Link to={""}>выполните тестове задание</Link> , без
+              прохождения тестов
+            </div>
+          </>
+        )}
 
-   return (
+        {selectedCategory && (
-      <div className='quiz-page'>
+          <div className="quiz-page__categories-items">
-         <ProfileHeader />
+            {personalInfoItems.map((item, index) => {
-         <HeadBottom />
+              return (
-         <div className="quiz-page__container">
+                <CategoriesItem
-            <ProfileBreadcrumbs links={[{ name: 'Главная', link: '/profile-candidate' }, { name: 'Тестирование', link: '/quiz' }]} />
+                  link={item.link}
-            <div className="quiz-page__title main-title">{!selectedCategory ? 'Тестирование' : 'Замена специализации'}</div>
+                  key={index}
-            {!selectedCategory && <>
+                  title={item.title}
-               <div className="quiz-page__specialization">
+                  img={item.img}
-                  <SelectedCategory setSelectedCategory={setsetSelectedCategory} />
+                  skills={item.description}
-               </div>
+                  available={item.available}
-               <div className="quiz-page__block">
+                />
-                  Доступные тесты
+              );
-               </div>
+            })}
-               <div className="quiz-page__cards-test">
+          </div>
-                  {
+        )}
-                     questionnaires.length ? questionnaires.map((item, index) => (
-                        <CardAvailableTest
-                           description={'Вы новичок с реальным опытом работы до 1 года, или без опыта'}
-                           path={'quiz/test'}
-                           status={item.status}
-                           title={item.questionnaire_title}
-                           passedTest={item.passedTest}
-                           key={index}
-                        />)) : <h1>Анкет нет</h1>
-                  }
-               </div>
-               <div className="block-text">
-                  ИЛИ <Link to={''} >выполните тестове задание</Link> , без прохождения тестов
-               </div>
-            </>}
-
-            {selectedCategory && <div className="quiz-page__categories-items">
-               {personalInfoItems.map((item, index) => {
-                  return <CategoriesItem link={item.link} key={index} title={item.title} img={item.img} skills={item.description} available={item.available} />
-               })
-               }
-            </div>}
-         </div>
-         <Footer />
       </div>
-   )
+      <Footer />
-}
+    </div>
+  );
+};