"use client"
import { useSession } from 'next-auth/react'
import React from 'react'
import { getTranslation } from '../../../../i18n';
import Link from 'next/link';

const { t } = getTranslation();
export const ComponentsTraining = () => {
    const session = useSession();
    return (
        session.status == "authenticated" ?
            <div className='flex justify-center gap-8 items-center max-md:flex-col'>
                <div className=" w-full h-[532px] px-8 py-12 bg-white rounded-[32px] border border-gray-200 flex-col justify-center items-center gap-[34px] inline-flex">
                    <div className=" relative flex-col justify-start items-start inline-flex">
                        <div className="w-[104px] h-[95.68px] relative">
                            <svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clipPath="url(#clip0_149_2219)">
                                    <path d="M12.9964 12.8479C12.5715 11.828 11.3656 11.3256 10.3435 11.751C9.32151 12.1764 8.82058 13.3799 9.24452 14.4039C9.66724 15.4253 10.8777 15.9242 11.8975 15.5009C12.9231 15.0751 13.4171 13.8738 12.9964 12.8479ZM19.9456 12.85C19.5262 11.8258 18.3124 11.3283 17.2927 11.751C16.2699 12.1749 15.771 13.3783 16.1938 14.4019C16.6159 15.4243 17.8247 15.9264 18.8469 15.5009C19.866 15.0765 20.3718 13.8721 19.9456 12.85ZM27.3011 12.85C26.8815 11.8253 25.6677 11.3299 24.6482 11.751C23.6246 12.1737 23.1269 13.3793 23.5493 14.4019C23.9716 15.4243 25.1802 15.9262 26.2024 15.5009C27.2215 15.0767 27.7273 13.8719 27.3011 12.85Z" fill="black" fillOpacity="0.87" />
                                    <path d="M103.41 89.663L94.42 80.6732L102.493 78.1723C103.331 77.9127 103.92 77.117 103.923 76.2398C103.927 75.3627 103.344 74.5624 102.508 74.2962L91.9184 70.9252V56.1311C91.9184 55.0092 91.0087 54.0998 89.887 54.0998C88.7653 54.0998 87.8557 55.0092 87.8557 56.1311V69.6319L70.8521 64.219C69.3087 63.7284 67.81 65.2336 68.2997 66.7709L73.9666 84.57H9.7206C6.60065 84.57 4.06269 82.032 4.06269 78.9123V23.0944H87.8557V38.2443C87.8557 39.3662 88.7653 40.2757 89.887 40.2757C91.0087 40.2757 91.9184 39.3662 91.9184 38.2443L91.9202 13.8775C91.9202 8.51824 87.5601 4.15796 82.2006 4.15796H9.7206C4.36109 4.15796 0.00101567 8.51824 0.00101567 13.8775L0 78.9123C0 84.2722 4.36069 88.6329 9.7206 88.6329H75.2599L78.3778 98.427C78.6431 99.2605 79.4394 99.8424 80.3139 99.8422C81.1888 99.842 81.9853 99.259 82.2496 98.4248L84.8576 90.2003L93.865 99.2076C94.6585 100.001 95.9443 100.001 96.7379 99.2076L103.41 92.5357C104.197 91.7794 104.197 90.4194 103.41 89.663ZM4.06371 13.8775C4.06371 10.7584 6.60126 8.22065 9.7206 8.22065H82.2008C85.32 8.22065 87.8577 10.7584 87.8577 13.8775V19.0313H4.06371V13.8775ZM95.3014 94.8988L85.3677 84.9649C84.309 83.9061 82.4464 84.364 81.9948 85.7872L80.3094 91.1024L73.3633 69.2825L95.1125 76.2057L90.002 77.7887C88.5693 78.2328 88.1039 80.1026 89.1667 81.1656L99.1006 91.0995L95.3014 94.8988Z" fill="black" fillOpacity="0.87" />
                                    <path d="M23.8083 27.3146C23.2647 27.241 22.7169 27.2036 22.1684 27.2026C15.3961 27.2026 9.88623 32.7125 9.88623 39.4846C9.88623 46.2567 15.3961 51.7665 22.1684 51.7665C27.9857 51.7665 33.047 47.6333 34.2029 41.9386C34.4261 40.8393 33.7159 39.7671 32.6162 39.5437C31.5168 39.3208 30.4447 40.0306 30.2214 41.1304C29.4481 44.9391 26.0614 47.7038 22.1681 47.7038C17.6358 47.7038 13.9487 44.0167 13.9487 39.4846C13.9487 34.9524 17.6358 31.2653 22.1681 31.2653C22.5218 31.2653 22.8925 31.2909 23.2697 31.3413C24.3805 31.4904 25.4037 30.7093 25.5524 29.5972C25.7011 28.4852 24.9204 27.4633 23.8083 27.3146ZM22.1684 80.2299C28.9407 80.2299 34.4503 74.7201 34.4503 67.948C34.4503 61.1757 28.9407 55.6658 22.1684 55.6658C15.3961 55.6658 9.88623 61.1757 9.88623 67.948C9.88623 74.7201 15.3961 80.2299 22.1684 80.2299ZM22.1684 59.7283C26.7005 59.7283 30.3876 63.4154 30.3876 67.9478C30.3876 72.4799 26.7005 76.167 22.1684 76.167C17.636 76.167 13.9489 72.4799 13.9489 67.9478C13.9489 63.4156 17.636 59.7283 22.1684 59.7283ZM74.4852 32.3078H41.3459C40.2242 32.3078 39.3145 33.2172 39.3145 34.3392C39.3145 35.4611 40.2242 36.3705 41.3459 36.3705H74.4852C75.6069 36.3705 76.5166 35.4611 76.5166 34.3392C76.5166 33.2172 75.6069 32.3078 74.4852 32.3078ZM76.5166 44.0979C76.5166 42.976 75.6069 42.0666 74.4852 42.0666H41.3459C40.2242 42.0666 39.3145 42.976 39.3145 44.0979C39.3145 45.2199 40.2242 46.1293 41.3459 46.1293H74.4852C75.6069 46.1293 76.5166 45.2199 76.5166 44.0979ZM41.3459 65.2302H60.0501C61.1718 65.2302 62.0814 64.3208 62.0814 63.1989C62.0814 62.077 61.1718 61.1675 60.0501 61.1675H41.3459C40.2242 61.1675 39.3145 62.077 39.3145 63.1989C39.3145 64.3208 40.2242 65.2302 41.3459 65.2302ZM41.3459 74.9892H62.0833C63.205 74.9892 64.1146 74.0798 64.1146 72.9579C64.1146 71.836 63.205 70.9265 62.0833 70.9265H41.3459C40.2242 70.9265 39.3145 71.836 39.3145 72.9579C39.3145 74.0798 40.2242 74.9892 41.3459 74.9892Z" fill="black" fillOpacity="0.87" />
                                    <path d="M20.6283 36.8541C19.8348 36.0609 18.549 36.0609 17.7553 36.8541C16.9621 37.6474 16.9621 38.9336 17.7553 39.727L20.869 42.8407C21.6624 43.6339 22.9483 43.6339 23.7419 42.8407L33.6108 32.9718C34.404 32.1786 34.404 30.8923 33.6108 30.0991C32.8178 29.3058 31.5319 29.3058 30.7379 30.0991L22.3053 38.5316L20.6283 36.8541ZM91.575 46.0441C91.1023 45.3212 90.1738 44.9856 89.346 45.2164C88.526 45.4449 87.928 46.1739 87.8623 47.0226C87.7165 48.9069 90.1151 49.9256 91.3847 48.5435C92.0099 47.8624 92.0875 46.8124 91.575 46.0441Z" fill="black" fillOpacity="0.87" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_149_2219">
                                        <rect width="104" height="104" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg>

                        </div>
                    </div>
                    <div className="flex-col justify-center items-center gap-2 inline-flex">
                        <div className=" text-black text-opacity-90 text-2xl font-bold font-['Alexandria'] leading-9">
                            {t("theoretical-training")}                        </div>
                        <div className="self-stretch text-center text-black text-opacity-60 text-xl font-normal font-['Alexandria'] leading-[30px]">
                            {t("this-section-includes")}
                        </div>
                    </div>
                    <ComponentButton to={'/theoreticalTraining'} />
                </div>
                <div className=" w-full h-[532px] px-8 py-12 bg-white rounded-[32px] border border-gray-200 flex-col justify-center items-center gap-[34px] inline-flex">
                    <div className=" relative flex-col justify-start items-start inline-flex">
                        <div className="w-[104px] h-[95.68px] relative">
                            <svg width="106" height="106" viewBox="0 0 106 106" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M68.4359 101.078C63.4897 101.094 58.5545 100.611 53.7054 99.6349C52.6202 99.4064 51.6463 98.8124 50.9463 97.9523C50.2462 97.0921 49.8625 96.0179 49.8591 94.9089V37.5656C49.8591 36.2851 50.3678 35.057 51.2733 34.1515C52.1788 33.246 53.4069 32.7373 54.6874 32.7373H82.1811C83.4616 32.7373 84.6897 33.246 85.5952 34.1515C86.5007 35.057 87.0094 36.2851 87.0094 37.5656V94.9089C87.0062 96.0179 86.6225 97.0923 85.9224 97.9524C85.2224 98.8126 84.2484 99.4065 83.1631 99.6349C78.3151 100.61 73.381 101.094 68.4359 101.078ZM54.6874 35.6032C54.1665 35.6032 53.667 35.8101 53.2987 36.1785C52.9303 36.5468 52.7234 37.0464 52.7234 37.5673V94.9105C52.7245 95.3611 52.8801 95.7977 53.1643 96.1474C53.4485 96.4971 53.844 96.7388 54.2848 96.832C63.6259 98.6771 73.2377 98.6771 82.5788 96.832C83.0195 96.7386 83.4148 96.4969 83.6988 96.1472C83.9828 95.7975 84.1383 95.361 84.1394 94.9105V37.5656C84.1394 37.0447 83.9325 36.5452 83.5641 36.1768C83.1958 35.8085 82.6962 35.6016 82.1753 35.6016L54.6874 35.6032Z" fill="black" fillOpacity="0.87" />
                                <path d="M79.8355 76.0473H57.036C56.8479 76.0474 56.6616 76.0104 56.4878 75.9385C56.314 75.8665 56.1561 75.761 56.0231 75.628C55.8901 75.495 55.7846 75.3371 55.7127 75.1633C55.6408 74.9895 55.6038 74.8032 55.6039 74.6151V51.8156C55.6038 51.6275 55.6408 51.4413 55.7127 51.2674C55.7846 51.0936 55.8901 50.9357 56.0231 50.8027C56.1561 50.6697 56.314 50.5642 56.4878 50.4923C56.6616 50.4204 56.8479 50.3834 57.036 50.3835H79.8355C80.2153 50.3835 80.5796 50.5344 80.8482 50.803C81.1168 51.0715 81.2676 51.4358 81.2676 51.8156V74.6151C81.2676 74.9949 81.1168 75.3592 80.8482 75.6278C80.5796 75.8964 80.2153 76.0473 79.8355 76.0473ZM58.4681 73.183H78.4034V53.2453H58.4681V73.183ZM68.4358 87.5673C62.1693 87.619 55.9979 86.0334 50.5325 82.9673C50.2188 82.7615 49.9984 82.4407 49.9188 82.0741C49.8391 81.7074 49.9065 81.3242 50.1064 81.0067C50.3064 80.6892 50.623 80.4629 50.9881 80.3764C51.3532 80.2899 51.7376 80.3501 52.0588 80.5441C57.0859 83.2739 62.7157 84.7038 68.4362 84.7038C74.1567 84.7038 79.7864 83.2739 84.8136 80.5441C85.1351 80.342 85.5238 80.2758 85.8942 80.3602C86.2645 80.4446 86.5861 80.6727 86.7883 80.9942C86.9905 81.3158 87.0566 81.7045 86.9722 82.0748C86.8878 82.4451 86.6597 82.7668 86.3382 82.9689C80.8729 86.0344 74.7018 87.6195 68.4358 87.5673ZM85.5706 48.8728C85.3009 48.8728 85.0368 48.7965 84.8087 48.6527C79.7818 45.9229 74.1523 44.493 68.4321 44.493C62.7118 44.493 57.0824 45.9229 52.0555 48.6527C51.7343 48.8467 51.3499 48.9069 50.9848 48.8204C50.6197 48.7339 50.3031 48.5076 50.1032 48.1901C49.9032 47.8726 49.8358 47.4894 49.9155 47.1227C49.9952 46.7561 50.2155 46.4354 50.5292 46.2295C56.0136 43.2113 62.1721 41.6287 68.4321 41.6287C74.6921 41.6287 80.8505 43.2113 86.3349 46.2295C86.5981 46.3948 86.8003 46.6413 86.911 46.9317C87.0216 47.222 87.0348 47.5406 86.9485 47.8391C86.8622 48.1376 86.681 48.4 86.4325 48.5864C86.1839 48.7729 85.8813 48.8734 85.5706 48.8728Z" fill="black" fillOpacity="0.87" />
                                <path d="M85.5764 83.1882C85.362 83.1884 85.1503 83.1405 84.9569 83.0478C84.7636 82.9552 84.5935 82.8203 84.4593 82.653L78.7194 75.5129C78.6015 75.3663 78.5136 75.198 78.4608 75.0175C78.4079 74.837 78.3911 74.6479 78.4114 74.4609C78.4316 74.2739 78.4885 74.0928 78.5788 73.9278C78.6691 73.7628 78.7909 73.6172 78.9375 73.4993C79.084 73.3814 79.2523 73.2935 79.4328 73.2407C79.6133 73.1878 79.8024 73.1711 79.9894 73.1913C80.1764 73.2116 80.3576 73.2684 80.5226 73.3587C80.6875 73.449 80.8331 73.5708 80.951 73.7174L86.691 80.8584C86.8603 81.0687 86.9666 81.3227 86.9977 81.5909C87.0289 81.8591 86.9836 82.1306 86.8671 82.3742C86.7506 82.6177 86.5676 82.8234 86.3392 82.9674C86.1108 83.1115 85.8464 83.188 85.5764 83.1882ZM51.2953 83.1882C51.0253 83.1882 50.7607 83.1117 50.5322 82.9678C50.3037 82.8238 50.1206 82.6181 50.004 82.3745C49.8874 82.1309 49.842 81.8593 49.8731 81.5911C49.9043 81.3228 50.0106 81.0688 50.1799 80.8584L55.9199 73.7174C56.0378 73.5706 56.1834 73.4484 56.3485 73.3579C56.5136 73.2674 56.6949 73.2103 56.8821 73.1899C57.0693 73.1694 57.2586 73.186 57.4394 73.2388C57.6201 73.2915 57.7887 73.3793 57.9355 73.4972C58.0823 73.6151 58.2044 73.7608 58.295 73.9259C58.3855 74.091 58.4426 74.2723 58.463 74.4594C58.4835 74.6466 58.4668 74.836 58.4141 75.0167C58.3614 75.1975 58.2735 75.3661 58.1556 75.5129L52.4157 82.653C52.2812 82.8208 52.1106 82.956 51.9167 83.0487C51.7227 83.1414 51.5103 83.1891 51.2953 83.1882ZM57.0345 53.2453C56.7211 53.2458 56.4164 53.1424 56.1678 52.9515L50.4279 48.5806C50.2767 48.4673 50.1494 48.3251 50.0534 48.1623C49.9575 47.9995 49.8946 47.8193 49.8686 47.6321C49.8426 47.4449 49.8539 47.2545 49.9018 47.0717C49.9498 46.8889 50.0334 46.7173 50.1479 46.567C50.2624 46.4167 50.4056 46.2905 50.5691 46.1958C50.7326 46.101 50.9133 46.0396 51.1007 46.015C51.288 45.9904 51.4784 46.0031 51.6609 46.0524C51.8433 46.1017 52.0142 46.1867 52.1636 46.3023L57.9036 50.6773C58.1407 50.8593 58.3149 51.111 58.4017 51.397C58.4886 51.6831 58.4837 51.9891 58.3879 52.2723C58.2921 52.5554 58.1101 52.8015 57.8673 52.976C57.6246 53.1505 57.3334 53.2446 57.0345 53.2453ZM79.8364 53.2453C79.5367 53.2455 79.2444 53.1517 79.0008 52.9771C78.7572 52.8024 78.5745 52.5557 78.4785 52.2717C78.3826 51.9878 78.3781 51.6808 78.4658 51.3942C78.5535 51.1076 78.7289 50.8557 78.9673 50.674L84.7073 46.2991C84.8568 46.1834 85.0276 46.0985 85.2101 46.0491C85.3925 45.9998 85.5829 45.9871 85.7703 46.0117C85.9576 46.0363 86.1383 46.0978 86.3018 46.1925C86.4653 46.2872 86.6085 46.4134 86.723 46.5637C86.8375 46.7141 86.9212 46.8856 86.9691 47.0684C87.017 47.2512 87.0283 47.4417 87.0023 47.6289C86.9763 47.816 86.9135 47.9962 86.8175 48.159C86.7215 48.3218 86.5942 48.464 86.443 48.5774L80.7031 52.9515C80.4547 53.1427 80.1499 53.246 79.8364 53.2453ZM57.0361 64.6475H51.2953C50.9155 64.6475 50.5512 64.4966 50.2827 64.228C50.0141 63.9595 49.8632 63.5952 49.8632 63.2154C49.8632 62.8355 50.0141 62.4713 50.2827 62.2027C50.5512 61.9341 50.9155 61.7832 51.2953 61.7832H57.0361C57.4159 61.7832 57.7802 61.9341 58.0488 62.2027C58.3174 62.4713 58.4682 62.8355 58.4682 63.2154C58.4682 63.5952 58.3174 63.9595 58.0488 64.228C57.7802 64.4966 57.4159 64.6475 57.0361 64.6475ZM85.5756 64.6475H79.8356C79.4558 64.6475 79.0915 64.4966 78.8229 64.228C78.5544 63.9595 78.4035 63.5952 78.4035 63.2154C78.4035 62.8355 78.5544 62.4713 78.8229 62.2027C79.0915 61.9341 79.4558 61.7832 79.8356 61.7832H85.5756C85.9554 61.7832 86.3197 61.9341 86.5882 62.2027C86.8568 62.4713 87.0077 62.8355 87.0077 63.2154C87.0077 63.5952 86.8568 63.9595 86.5882 64.228C86.3197 64.4966 85.9554 64.6475 85.5756 64.6475ZM61.1508 100.728C60.883 100.728 60.6205 100.653 60.3931 100.512C60.1657 100.371 59.9825 100.168 59.8644 99.9278L57.7808 95.687L50.8722 93.5356C50.5096 93.4226 50.2066 93.1702 50.03 92.8339C49.8535 92.4975 49.8177 92.1048 49.9307 91.7421C50.0437 91.3795 50.2961 91.0765 50.6324 90.9C50.9688 90.7234 51.3615 90.6877 51.7242 90.8006L59.2228 93.1354C59.4086 93.1933 59.5807 93.2885 59.7286 93.4152C59.8765 93.5418 59.997 93.6972 60.0829 93.8719L62.4357 98.6642C62.5428 98.8825 62.5926 99.1245 62.5803 99.3673C62.5681 99.6101 62.4942 99.8459 62.3657 100.052C62.2371 100.259 62.0582 100.429 61.8456 100.547C61.6331 100.665 61.394 100.728 61.1508 100.728ZM75.7201 100.728C75.4769 100.728 75.2378 100.666 75.0253 100.548C74.8128 100.43 74.6338 100.259 74.5052 100.053C74.3767 99.8467 74.3028 99.611 74.2906 99.3681C74.2784 99.1253 74.3281 98.8833 74.4353 98.6651L76.7905 93.8711C76.8763 93.6964 76.9969 93.541 77.1448 93.4143C77.2926 93.2877 77.4647 93.1925 77.6506 93.1346L85.15 90.7998C85.5127 90.6869 85.9054 90.7228 86.2416 90.8994C86.5779 91.0761 86.8302 91.3791 86.9431 91.7417C87.0559 92.1044 87.0201 92.4971 86.8434 92.8333C86.6668 93.1696 86.3638 93.4219 86.0011 93.5348L79.0901 95.6862L77.0065 99.927C76.8885 100.167 76.7054 100.37 76.478 100.512C76.2506 100.653 75.988 100.728 75.7201 100.728Z" fill="black" fillOpacity="0.87" />
                                <path d="M51.2953 83.1883C51.0912 83.1885 50.8894 83.1446 50.7036 83.0598L45.6347 80.7578C45.2978 80.5951 45.0378 80.3071 44.9104 79.9553C44.7829 79.6035 44.7982 79.2158 44.9528 78.8751C45.1075 78.5343 45.3893 78.2676 45.738 78.1319C46.0867 77.9962 46.4746 78.0023 46.8189 78.1488L51.8878 80.4517C52.1861 80.5868 52.429 80.8201 52.5761 81.1126C52.7233 81.4051 52.7657 81.7392 52.6964 82.0592C52.6272 82.3792 52.4503 82.6658 52.1954 82.8713C51.9404 83.0767 51.6228 83.1886 51.2953 83.1883ZM85.5764 83.1883C85.2489 83.1888 84.9311 83.0771 84.676 82.8717C84.4209 82.6663 84.2439 82.3797 84.1745 82.0596C84.1051 81.7396 84.1475 81.4054 84.2947 81.1128C84.4418 80.8202 84.6848 80.5869 84.9831 80.4517L90.052 78.1488C90.3967 77.9997 90.7862 77.9918 91.1366 78.127C91.487 78.2621 91.7704 78.5294 91.9257 78.8714C92.0811 79.2133 92.0959 79.6026 91.9671 79.9554C91.8383 80.3082 91.5761 80.5963 91.237 80.7578L86.1632 83.0598C85.979 83.144 85.7789 83.1878 85.5764 83.1883Z" fill="black" fillOpacity="0.87" />
                                <path d="M76.2414 30.0557C75.8616 30.0557 75.4973 29.9048 75.2287 29.6362C74.9602 29.3676 74.8093 29.0034 74.8093 28.6235C74.8032 23.099 72.606 17.8024 68.6996 13.8959C64.7932 9.98938 59.4968 7.79193 53.9722 7.78564C53.5924 7.78564 53.2281 7.63476 52.9595 7.36618C52.691 7.09761 52.5401 6.73334 52.5401 6.35352C52.5401 5.97369 52.691 5.60942 52.9595 5.34085C53.2281 5.07227 53.5924 4.92139 53.9722 4.92139C60.2558 4.92962 66.2797 7.42947 70.7228 11.8727C75.1659 16.316 77.6655 22.3399 77.6735 28.6235C77.6736 28.8116 77.6367 28.9979 77.5647 29.1717C77.4928 29.3455 77.3873 29.5034 77.2543 29.6364C77.1213 29.7694 76.9634 29.8749 76.7896 29.9469C76.6158 30.0188 76.4295 30.0558 76.2414 30.0557ZM15.3555 38.7704C14.9756 38.7704 14.6114 38.6195 14.3428 38.3509C14.0742 38.0823 13.9233 37.7181 13.9233 37.3382V28.6235C13.9314 22.3398 16.4311 16.3157 20.8744 11.8724C25.3177 7.42915 31.3417 4.9294 37.6255 4.92139H46.2518C46.6316 4.92139 46.9959 5.07227 47.2645 5.34085C47.5331 5.60942 47.6839 5.97369 47.6839 6.35352C47.6839 6.73334 47.5331 7.09761 47.2645 7.36618C46.9959 7.63476 46.6316 7.78564 46.2518 7.78564H37.6255C32.1009 7.79193 26.8043 9.98936 22.8978 13.8959C18.9913 17.8024 16.7939 23.0989 16.7876 28.6235V37.3382C16.7876 37.7181 16.6367 38.0823 16.3681 38.3509C16.0996 38.6195 15.7353 38.7704 15.3555 38.7704ZM15.3555 48.3599C14.9756 48.3599 14.6114 48.209 14.3428 47.9404C14.0742 47.6719 13.9233 47.3076 13.9233 46.9278V44.3303C13.9233 43.9505 14.0742 43.5862 14.3428 43.3176C14.6114 43.0491 14.9756 42.8982 15.3555 42.8982C15.7353 42.8982 16.0996 43.0491 16.3681 43.3176C16.6367 43.5862 16.7876 43.9505 16.7876 44.3303V46.9278C16.7876 47.3076 16.6367 47.6719 16.3681 47.9404C16.0996 48.209 15.7353 48.3599 15.3555 48.3599Z" fill="black" fillOpacity="0.87" />
                                <path d="M68.436 30.0557C68.0562 30.0557 67.6919 29.9048 67.4233 29.6362C67.1548 29.3677 67.0039 29.0034 67.0039 28.6236C67.0099 26.5003 66.4703 24.4111 65.4368 22.5564C64.4033 20.7017 62.9106 19.1436 61.1019 18.0315C60.7962 17.8233 60.5829 17.5049 60.5066 17.143C60.4303 16.7811 60.4969 16.4037 60.6924 16.0897C60.888 15.7758 61.1973 15.5496 61.5558 15.4585C61.9143 15.3674 62.2941 15.4185 62.6158 15.601C64.8392 16.9694 66.6738 18.8859 67.9437 21.1669C69.2136 23.448 69.8763 26.017 69.8681 28.6277C69.8671 29.0068 69.7157 29.37 69.4472 29.6377C69.1788 29.9054 68.8151 30.0557 68.436 30.0557ZM28.7497 18.9203C28.4479 18.9215 28.1534 18.8274 27.9084 18.6513C27.6633 18.4752 27.48 18.2262 27.3849 17.9399C27.2897 17.6535 27.2874 17.3444 27.3783 17.0566C27.4692 16.7689 27.6488 16.5172 27.8912 16.3375C30.5334 14.3576 33.7486 13.2924 37.0503 13.3031H54.5476C54.9275 13.3031 55.2917 13.4539 55.5603 13.7225C55.8289 13.9911 55.9798 14.3554 55.9798 14.7352C55.9798 15.115 55.8289 15.4793 55.5603 15.7479C55.2917 16.0164 54.9275 16.1673 54.5476 16.1673H37.0503C34.3655 16.159 31.7512 17.0257 29.6032 18.6363C29.3568 18.8205 29.0574 18.9202 28.7497 18.9203ZM23.1619 43.6585C22.7821 43.6585 22.4178 43.5076 22.1492 43.239C21.8807 42.9704 21.7298 42.6062 21.7298 42.2263V28.6236C21.7244 26.4106 22.2022 24.2232 23.13 22.2142C23.2087 22.0434 23.3203 21.8897 23.4584 21.762C23.5965 21.6343 23.7584 21.5351 23.9349 21.47C24.1113 21.4048 24.2989 21.3751 24.4868 21.3825C24.6748 21.3898 24.8594 21.4341 25.0302 21.5128C25.201 21.5916 25.3547 21.7032 25.4824 21.8413C25.6101 21.9794 25.7093 22.1413 25.7744 22.3177C25.8396 22.4942 25.8693 22.6817 25.8619 22.8697C25.8546 23.0576 25.8103 23.2422 25.7316 23.4131C24.9774 25.0463 24.5889 26.8246 24.5932 28.6236V42.2263C24.5932 42.606 24.4424 42.9702 24.1741 43.2387C23.9057 43.5073 23.5416 43.6582 23.1619 43.6585ZM23.1619 53.2455C22.7821 53.2455 22.4178 53.0947 22.1492 52.8261C21.8807 52.5575 21.7298 52.1932 21.7298 51.8134V49.2184C21.7298 48.8386 21.8807 48.4743 22.1492 48.2057C22.4178 47.9371 22.7821 47.7863 23.1619 47.7863C23.5417 47.7863 23.906 47.9371 24.1746 48.2057C24.4432 48.4743 24.594 48.8386 24.594 49.2184V51.8159C24.5934 52.1953 24.4422 52.5589 24.1737 52.827C23.9052 53.095 23.5413 53.2455 23.1619 53.2455ZM60.6297 30.0557C60.4416 30.0558 60.2553 30.0188 60.0815 29.9469C59.9077 29.875 59.7498 29.7695 59.6168 29.6365C59.4838 29.5035 59.3783 29.3455 59.3063 29.1717C59.2344 28.9979 59.1974 28.8117 59.1975 28.6236C59.1962 27.545 58.7669 26.511 58.0039 25.7487C57.2408 24.9864 56.2064 24.5582 55.1278 24.558H43.8148C43.435 24.558 43.0708 24.4071 42.8022 24.1385C42.5336 23.8699 42.3827 23.5057 42.3827 23.1258C42.3827 22.746 42.5336 22.3817 42.8022 22.1132C43.0708 21.8446 43.435 21.6937 43.8148 21.6937H55.1278C56.9652 21.6956 58.7268 22.4264 60.0261 23.7255C61.3254 25.0247 62.0564 26.7862 62.0585 28.6236C62.0585 29.0028 61.9081 29.3666 61.6402 29.6351C61.3724 29.9036 61.0089 30.0548 60.6297 30.0557ZM30.9682 38.7704C30.7801 38.7705 30.5939 38.7335 30.4201 38.6616C30.2463 38.5897 30.0883 38.4842 29.9553 38.3512C29.8223 38.2182 29.7168 38.0603 29.6449 37.8865C29.573 37.7127 29.536 37.5264 29.5361 37.3383V28.6236C29.5381 26.7857 30.2692 25.0237 31.5691 23.7244C32.869 22.4251 34.6314 21.6948 36.4693 21.6937C36.8491 21.6937 37.2133 21.8446 37.4819 22.1132C37.7505 22.3817 37.9014 22.746 37.9014 23.1258C37.9014 23.5057 37.7505 23.8699 37.4819 24.1385C37.2133 24.4071 36.8491 24.558 36.4693 24.558C35.3913 24.559 34.3578 24.9877 33.5956 25.7499C32.8334 26.5122 32.4047 27.5456 32.4036 28.6236V37.3383C32.4036 37.5266 32.3665 37.7131 32.2943 37.8871C32.2221 38.061 32.1164 38.2191 31.983 38.3521C31.8497 38.4851 31.6914 38.5905 31.5173 38.6623C31.3432 38.7341 31.1566 38.7708 30.9682 38.7704ZM30.9682 48.3599C30.7801 48.36 30.5939 48.3231 30.4201 48.2511C30.2463 48.1792 30.0883 48.0737 29.9553 47.9407C29.8223 47.8077 29.7168 47.6498 29.6449 47.476C29.573 47.3022 29.536 47.1159 29.5361 46.9278V44.3303C29.5361 43.9505 29.687 43.5862 29.9556 43.3177C30.2241 43.0491 30.5884 42.8982 30.9682 42.8982C31.3481 42.8982 31.7123 43.0491 31.9809 43.3177C32.2495 43.5862 32.4004 43.9505 32.4004 44.3303V46.9278C32.4004 47.3076 32.2495 47.6719 31.9809 47.9405C31.7123 48.209 31.3481 48.3599 30.9682 48.3599Z" fill="black" fillOpacity="0.87" />
                            </svg>


                        </div>
                    </div>
                    <div className="flex-col justify-center items-center gap-2 inline-flex">
                        <div className=" text-black text-opacity-90 text-2xl font-bold font-['Alexandria'] leading-9">
                            {t("practical-training")}
                        </div>
                        <div className="self-stretch text-center text-black text-opacity-60 text-xl font-normal font-['Alexandria'] leading-[30px]">
                            {
                                t('this-section-contains')
                            }
                        </div>
                    </div>

                    <ComponentButton to={'/practicalTraining'} />
                </div>

            </div>
            : <></>
    )
}



export const ComponentButton = ({ to }: { to: string }) => {
    return (
        <Link href={to} className="w-[170px] h-[62px] px-8 py-[26px] bg-primary rounded-[96px] justify-center items-center gap-3 inline-flex">
            <div className="text-center text-white text-lg font-normal font-['Alexandria'] leading-[27px]">
                {t("start-learning")}
            </div>
            <div className="w-[18px] h-[18px] relative" >
                <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fillRule="evenodd" clipRule="evenodd" d="M11.6161 3.69793C11.8519 3.9001 11.8793 4.25521 11.6771 4.49108L7.49086 9.37501L11.6771 14.2589C11.8793 14.4948 11.8519 14.8499 11.6161 15.0521C11.3802 15.2543 11.0251 15.227 10.8229 14.9911L6.32292 9.74108C6.14236 9.53043 6.14236 9.21959 6.32292 9.00894L10.8229 3.75894C11.0251 3.52307 11.3802 3.49575 11.6161 3.69793Z" fill="white" />
                </svg>
            </div>
        </Link>
    )
}

