const discordIcon = ( <svg xmlns="http://www.w3.org/2000/svg" width="31" height="25" viewBox="0 0 31 25" fill="none" > <path d="M24.9624 3.36881C24.9547 3.35396 24.942 3.34233 24.9266 3.33599C23.1395 2.51609 21.2537 1.93143 19.3163 1.59665C19.2987 1.59338 19.2805 1.59574 19.2643 1.6034C19.2481 1.61105 19.2348 1.62362 19.2261 1.63931C18.9694 2.10538 18.7362 2.58411 18.5277 3.07368C16.4393 2.75666 14.3149 2.75666 12.2265 3.07368C12.0166 2.58287 11.7797 2.10402 11.517 1.63931C11.508 1.62396 11.4946 1.61168 11.4785 1.60408C11.4624 1.59647 11.4444 1.59388 11.4269 1.59665C9.48922 1.93072 7.60327 2.51543 5.81648 3.33604C5.80118 3.34252 5.78828 3.3536 5.77954 3.36773C2.20631 8.70388 1.22746 13.9088 1.70765 19.0493C1.709 19.0619 1.71287 19.0741 1.71903 19.0852C1.72519 19.0963 1.73352 19.106 1.74351 19.1138C3.82417 20.6544 6.15142 21.8303 8.62593 22.5914C8.64336 22.5966 8.66197 22.5964 8.67925 22.5907C8.69654 22.5851 8.71168 22.5742 8.72263 22.5597C9.25411 21.8366 9.72503 21.0708 10.1306 20.2702C10.1362 20.2593 10.1394 20.2472 10.14 20.2349C10.1405 20.2226 10.1385 20.2103 10.134 20.1989C10.1295 20.1874 10.1226 20.177 10.1138 20.1684C10.105 20.1598 10.0944 20.1532 10.0829 20.1489C9.34024 19.8648 8.6213 19.5223 7.93279 19.1246C7.92028 19.1172 7.90978 19.1069 7.90221 19.0945C7.89463 19.0821 7.89022 19.0681 7.88936 19.0536C7.88851 19.0391 7.89123 19.0247 7.89729 19.0115C7.90335 18.9983 7.91257 18.9868 7.92412 18.978C8.06859 18.8698 8.21315 18.7572 8.3511 18.6435C8.36336 18.6334 8.37819 18.6269 8.39393 18.6248C8.40966 18.6227 8.42568 18.625 8.44017 18.6315C12.9509 20.6901 17.8344 20.6901 22.2917 18.6315C22.3063 18.6246 22.3224 18.6219 22.3384 18.6239C22.3544 18.6258 22.3695 18.6322 22.3819 18.6424C22.5199 18.7561 22.6644 18.8698 22.81 18.978C22.8216 18.9867 22.8309 18.9981 22.837 19.0113C22.8432 19.0244 22.846 19.0388 22.8453 19.0533C22.8445 19.0678 22.8402 19.0819 22.8327 19.0943C22.8253 19.1067 22.8148 19.1171 22.8024 19.1246C22.1154 19.5256 21.3958 19.8679 20.6513 20.1479C20.6397 20.1523 20.6292 20.159 20.6205 20.1678C20.6117 20.1765 20.6049 20.187 20.6005 20.1986C20.596 20.2101 20.5941 20.2225 20.5948 20.2348C20.5955 20.2472 20.5987 20.2592 20.6044 20.2702C21.0168 21.0664 21.487 21.8311 22.0113 22.5584C22.022 22.5734 22.037 22.5846 22.0544 22.5904C22.0717 22.5963 22.0905 22.5966 22.108 22.5913C24.587 21.8327 26.9183 20.6567 29.0016 19.1138C29.0117 19.1064 29.0201 19.0969 29.0263 19.086C29.0325 19.075 29.0363 19.0629 29.0374 19.0504C29.6123 13.1075 28.075 7.94516 24.9624 3.36881ZM10.8043 15.9193C9.4462 15.9193 8.3272 14.673 8.3272 13.1425C8.3272 11.6119 9.42449 10.3656 10.8043 10.3656C12.1948 10.3656 13.303 11.6227 13.2813 13.1424C13.2813 14.673 12.1839 15.9193 10.8043 15.9193ZM19.9627 15.9193C18.6047 15.9193 17.4857 14.673 17.4857 13.1425C17.4857 11.6119 18.583 10.3656 19.9627 10.3656C21.3533 10.3656 22.4615 11.6227 22.4398 13.1424C22.4398 14.673 21.3533 15.9193 19.9627 15.9193Z" fill="#262626" /> </svg> ); const twitterIcon = ( <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" > <g clip-path="url(#clip0_185_136)"> <path d="M21.908 7.20696C21.9232 7.42015 21.9232 7.63339 21.9232 7.84657C21.9232 14.3491 16.974 21.8415 7.9283 21.8415C5.14148 21.8415 2.55267 21.0343 0.375 19.6334C0.770953 19.679 1.15162 19.6943 1.56281 19.6943C3.86227 19.6943 5.97905 18.9177 7.66941 17.5928C5.50697 17.5471 3.69478 16.1308 3.07041 14.1816C3.375 14.2272 3.67955 14.2577 3.99937 14.2577C4.44098 14.2577 4.88264 14.1968 5.29378 14.0902C3.03998 13.6333 1.34958 11.6537 1.34958 9.26281V9.20192C2.00437 9.5674 2.76586 9.79582 3.57291 9.82625C2.24803 8.94298 1.38005 7.43539 1.38005 5.72979C1.38005 4.81611 1.62366 3.97854 2.05008 3.24757C4.47141 6.23234 8.11102 8.18154 12.1922 8.39478C12.1161 8.02929 12.0704 7.64862 12.0704 7.2679C12.0704 4.55722 14.2633 2.34912 16.9891 2.34912C18.4054 2.34912 19.6845 2.94303 20.583 3.90242C21.6947 3.68923 22.7607 3.27804 23.7049 2.71461C23.3393 3.85676 22.5627 4.81615 21.5424 5.42525C22.5323 5.3187 23.4917 5.04453 24.3749 4.66386C23.705 5.63843 22.8674 6.50642 21.908 7.20696Z" fill="#262626" /> </g> <defs> <clipPath id="clip0_185_136"> <rect width="24" height="24" fill="white" transform="translate(0.375 0.0952148)" /> </clipPath> </defs> </svg> ); const telegramIcon = ( <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" > <g clip-path="url(#clip0_185_139)"> <path d="M12 0.470215C5.57812 0.470215 0.375 5.67334 0.375 12.0952C0.375 18.5171 5.57812 23.7202 12 23.7202C18.4219 23.7202 23.625 18.5171 23.625 12.0952C23.625 5.67334 18.4219 0.470215 12 0.470215ZM17.7094 8.43428L15.8016 17.4249C15.6609 18.0624 15.2813 18.2171 14.7516 17.9171L11.8453 15.7749L10.4438 17.1249C10.2891 17.2796 10.1578 17.4108 9.85781 17.4108L10.0641 14.453L15.45 9.5874C15.6844 9.38115 15.3984 9.26396 15.0891 9.47021L8.43281 13.6608L5.56406 12.7655C4.94062 12.5687 4.92656 12.1421 5.69531 11.8421L16.9031 7.52021C17.4234 7.33271 17.8781 7.64678 17.7094 8.43428Z" fill="#262626" /> </g> <defs> <clipPath id="clip0_185_139"> <rect width="23.25" height="24" fill="white" transform="translate(0.375 0.0952148)" /> </clipPath> </defs> </svg> ); const youtubeIcon = ( <svg xmlns="http://www.w3.org/2000/svg" width="28" height="25" viewBox="0 0 28 25" fill="none" > <path d="M26.3903 5.91161C26.0959 4.80301 25.2284 3.92992 24.127 3.63362C22.1306 3.09521 14.1252 3.09521 14.1252 3.09521C14.1252 3.09521 6.1199 3.09521 4.12345 3.63362C3.02202 3.92996 2.15455 4.80301 1.86013 5.91161C1.3252 7.921 1.3252 12.1134 1.3252 12.1134C1.3252 12.1134 1.3252 16.3058 1.86013 18.3152C2.15455 19.4238 3.02202 20.2605 4.12345 20.5568C6.1199 21.0952 14.1252 21.0952 14.1252 21.0952C14.1252 21.0952 22.1305 21.0952 24.127 20.5568C25.2284 20.2605 26.0959 19.4238 26.3903 18.3152C26.9252 16.3058 26.9252 12.1134 26.9252 12.1134C26.9252 12.1134 26.9252 7.921 26.3903 5.91161ZM11.507 15.9198V8.30701L18.1979 12.1135L11.507 15.9198Z" fill="#262626" /> </svg> ); const Root = styled.div` display: flex; padding: 35px 0px 32px 0px; flex-direction: column; justify-content: center; align-items: center; width: 100%; align-self: stretch; background: var(--nearcon-app-pampas, #F2F1EA); .icons { display: flex; flex-direction: row; gap: 32px; div { cursor: pointer; transition: 0.6s ease-in-out; } div:hover { opacity: 0.5; } } .text { display: flex; margin-top: 20px; p { color: var(--nearcon-app-silver-chalice, #A7A7A7); font-family: Segoe UI; font-size: 15.75px; font-style: normal; padding: 0 15px; font-weight: 400; line-height: 24px; border-right: 1px solid #D1D1D1; cursor: pointer; } p:last-child { border-right: none; } } `; return ( <Root> <div className="icons"> <div>{discordIcon}</div> <div>{twitterIcon}</div> <div>{telegramIcon}</div> <div>{youtubeIcon}</div> </div> <div className="text"> <p>Apply to Speak</p> <p>Privacy Policy</p> <p>2023</p> </div> </Root> );