Add social icons plugin (#2035)

2025-12-22 01:44:25 +04:00 · 2025-01-04 23:26:27 +01:00
parent 3a04567fba
commit 9015472597
60 changed files with 573 additions and 3 deletions
--- a/.changeset/grumpy-taxis-smile.md
+++ b/.changeset/grumpy-taxis-smile.md
@@ -0,0 +1,5 @@
 ---
 "@tabler/core": patch
 ---
 Add social icons plugin
--- a/_config.yml
+++ b/_config.yml
@@ -45,6 +45,7 @@ plugins:
 tabler-css-plugins:
  - tabler-flags
  - tabler-socials
  - tabler-payments
  - tabler-vendors
--- a/package.json
+++ b/package.json
@@ -97,11 +97,11 @@
        "maxSize": "2 kB"
      },
      {
-        "path": "./dist/css/tabler-social.css",
+        "path": "./dist/css/tabler-socials.css",
        "maxSize": "2 kB"
      },
      {
-        "path": "./dist/css/tabler-social.min.css",
+        "path": "./dist/css/tabler-socials.min.css",
        "maxSize": "2 kB"
      },
      {
--- a/src/img/social/apple-gray.svg
+++ b/src/img/social/apple-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.1426 17.1447C20.8099 17.9133 20.4161 18.6208 19.9598 19.2713C19.3379 20.158 18.8286 20.7719 18.4362 21.1127C17.8278 21.6722 17.176 21.9587 16.478 21.975C15.9769 21.975 15.3726 21.8324 14.6691 21.5432C13.9634 21.2553 13.3148 21.1127 12.7218 21.1127C12.0998 21.1127 11.4328 21.2553 10.7193 21.5432C10.0047 21.8324 9.42909 21.9832 8.98897 21.9981C8.31962 22.0266 7.65244 21.7319 6.98649 21.1127C6.56144 20.742 6.02979 20.1064 5.3929 19.2061C4.70956 18.2446 4.14777 17.1297 3.70764 15.8587C3.23629 14.4857 3 13.1563 3 11.8692C3 10.3948 3.31858 9.12321 3.9567 8.0576C4.4582 7.20166 5.12538 6.52647 5.9604 6.03081C6.79542 5.53514 7.69766 5.28256 8.6693 5.2664C9.20095 5.2664 9.89814 5.43085 10.7645 5.75405C11.6285 6.07834 12.1832 6.24279 12.4264 6.24279C12.6083 6.24279 13.2245 6.0505 14.2692 5.66714C15.2571 5.31162 16.0909 5.16441 16.774 5.2224C18.6249 5.37178 20.0155 6.10142 20.9403 7.41595C19.2849 8.41896 18.466 9.82379 18.4823 11.626C18.4973 13.0297 19.0065 14.1979 20.0074 15.1254C20.4609 15.5558 20.9674 15.8885 21.531 16.1248C21.4088 16.4793 21.2798 16.8188 21.1426 17.1447ZM16.8976 0.440125C16.8976 1.54038 16.4956 2.56768 15.6944 3.51854C14.7275 4.64892 13.558 5.30211 12.2898 5.19904C12.2737 5.06705 12.2643 4.92812 12.2643 4.78214C12.2643 3.7259 12.7241 2.59552 13.5406 1.67127C13.9483 1.20331 14.4668 0.814209 15.0955 0.503814C15.7229 0.19805 16.3164 0.0289566 16.8745 0C16.8908 0.147086 16.8976 0.294196 16.8976 0.440125Z" fill="#707987"/>
 </svg>
--- a/src/img/social/apple.svg
+++ b/src/img/social/apple.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.1426 17.1447C20.8099 17.9133 20.4161 18.6208 19.9598 19.2713C19.3379 20.158 18.8286 20.7719 18.4362 21.1127C17.8278 21.6722 17.176 21.9587 16.478 21.975C15.9769 21.975 15.3726 21.8324 14.6691 21.5432C13.9634 21.2553 13.3148 21.1127 12.7218 21.1127C12.0998 21.1127 11.4328 21.2553 10.7193 21.5432C10.0047 21.8324 9.42909 21.9832 8.98897 21.9981C8.31962 22.0266 7.65244 21.7319 6.98649 21.1127C6.56144 20.742 6.02979 20.1064 5.3929 19.2061C4.70956 18.2446 4.14777 17.1297 3.70764 15.8587C3.23629 14.4857 3 13.1563 3 11.8692C3 10.3948 3.31858 9.12321 3.9567 8.0576C4.4582 7.20166 5.12538 6.52647 5.9604 6.03081C6.79542 5.53514 7.69766 5.28256 8.6693 5.2664C9.20095 5.2664 9.89814 5.43085 10.7645 5.75405C11.6285 6.07834 12.1832 6.24279 12.4264 6.24279C12.6083 6.24279 13.2245 6.0505 14.2692 5.66714C15.2571 5.31162 16.0909 5.16441 16.774 5.2224C18.6249 5.37178 20.0155 6.10142 20.9403 7.41595C19.2849 8.41896 18.466 9.82379 18.4823 11.626C18.4973 13.0297 19.0065 14.1979 20.0074 15.1254C20.4609 15.5558 20.9674 15.8885 21.531 16.1248C21.4088 16.4793 21.2798 16.8188 21.1426 17.1447ZM16.8976 0.440125C16.8976 1.54038 16.4956 2.56768 15.6944 3.51854C14.7275 4.64892 13.558 5.30211 12.2898 5.19904C12.2737 5.06705 12.2643 4.92812 12.2643 4.78214C12.2643 3.7259 12.7241 2.59552 13.5406 1.67127C13.9483 1.20331 14.4668 0.814209 15.0955 0.503814C15.7229 0.19805 16.3164 0.0289566 16.8745 0C16.8908 0.147086 16.8976 0.294196 16.8976 0.440125Z" fill="#313B49"/>
 </svg>
--- a/src/img/social/discord-gray.svg
+++ b/src/img/social/discord-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.6239 5.39005C18.2217 4.74665 16.7181 4.27263 15.1459 4.00114C15.1173 3.9959 15.0887 4.00899 15.0739 4.03518C14.8805 4.37913 14.6663 4.82784 14.5163 5.18052C12.8254 4.92736 11.1431 4.92736 9.48679 5.18052C9.33676 4.82 9.11478 4.37913 8.92053 4.03518C8.90578 4.00987 8.87718 3.99677 8.84855 4.00114C7.27725 4.27176 5.7736 4.74579 4.37052 5.39005C4.35838 5.39528 4.34797 5.40402 4.34106 5.41536C1.48894 9.67636 0.707629 13.8326 1.09092 17.9374C1.09265 17.9574 1.10392 17.9767 1.11953 17.9889C3.00127 19.3708 4.82407 20.2097 6.61301 20.7658C6.64164 20.7745 6.67197 20.7641 6.69019 20.7405C7.11337 20.1626 7.49059 19.5532 7.81402 18.9125C7.83311 18.8749 7.81489 18.8304 7.77588 18.8156C7.17754 18.5886 6.6078 18.3119 6.05975 17.9976C6.0164 17.9723 6.01293 17.9103 6.05281 17.8806C6.16814 17.7942 6.2835 17.7043 6.39363 17.6135C6.41355 17.5969 6.44131 17.5934 6.46474 17.6039C10.0652 19.2477 13.9631 19.2477 17.521 17.6039C17.5445 17.5925 17.5722 17.596 17.593 17.6126C17.7032 17.7034 17.8185 17.7942 17.9347 17.8806C17.9746 17.9103 17.972 17.9723 17.9286 17.9976C17.3806 18.318 16.8108 18.5886 16.2116 18.8147C16.1726 18.8295 16.1553 18.8749 16.1744 18.9125C16.5047 19.5523 16.882 20.1617 17.2973 20.7396C17.3147 20.7641 17.3459 20.7745 17.3745 20.7658C19.1721 20.2097 20.9949 19.3708 22.8766 17.9889C22.8931 17.9767 22.9035 17.9583 22.9053 17.9382C23.364 13.1927 22.1369 9.07052 19.6525 5.41623C19.6465 5.40402 19.6361 5.39528 19.6239 5.39005ZM8.35169 15.438C7.26771 15.438 6.37454 14.4428 6.37454 13.2207C6.37454 11.9985 7.25039 11.0033 8.35169 11.0033C9.46163 11.0033 10.3462 12.0072 10.3288 13.2207C10.3288 14.4428 9.45296 15.438 8.35169 15.438ZM15.6619 15.438C14.5779 15.438 13.6847 14.4428 13.6847 13.2207C13.6847 11.9985 14.5606 11.0033 15.6619 11.0033C16.7718 11.0033 17.6563 12.0072 17.639 13.2207C17.639 14.4428 16.7718 15.438 15.6619 15.438Z" fill="#707987"/>
 </svg>
--- a/src/img/social/discord.svg
+++ b/src/img/social/discord.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.6239 5.39005C18.2217 4.74665 16.7181 4.27263 15.1459 4.00114C15.1173 3.9959 15.0887 4.00899 15.0739 4.03518C14.8805 4.37913 14.6663 4.82784 14.5163 5.18052C12.8254 4.92736 11.1431 4.92736 9.48679 5.18052C9.33676 4.82 9.11478 4.37913 8.92053 4.03518C8.90578 4.00987 8.87718 3.99677 8.84855 4.00114C7.27725 4.27176 5.7736 4.74579 4.37052 5.39005C4.35838 5.39528 4.34797 5.40402 4.34106 5.41536C1.48894 9.67636 0.707629 13.8326 1.09092 17.9374C1.09265 17.9574 1.10392 17.9766 1.11953 17.9889C3.00127 19.3708 4.82406 20.2097 6.61301 20.7658C6.64164 20.7745 6.67197 20.764 6.69019 20.7405C7.11337 20.1626 7.49059 19.5532 7.81402 18.9125C7.83311 18.8749 7.81489 18.8304 7.77588 18.8156C7.17754 18.5886 6.6078 18.3119 6.05975 17.9976C6.0164 17.9723 6.01293 17.9103 6.05281 17.8806C6.16814 17.7942 6.2835 17.7043 6.39363 17.6135C6.41355 17.5969 6.44131 17.5934 6.46474 17.6039C10.0652 19.2477 13.9631 19.2477 17.521 17.6039C17.5445 17.5925 17.5722 17.596 17.593 17.6126C17.7032 17.7034 17.8185 17.7942 17.9347 17.8806C17.9746 17.9103 17.972 17.9723 17.9286 17.9976C17.3806 18.318 16.8108 18.5886 16.2116 18.8147C16.1726 18.8295 16.1553 18.8749 16.1744 18.9125C16.5047 19.5523 16.882 20.1617 17.2973 20.7396C17.3147 20.764 17.3459 20.7745 17.3745 20.7658C19.1721 20.2097 20.9949 19.3708 22.8766 17.9889C22.8931 17.9766 22.9035 17.9583 22.9053 17.9382C23.364 13.1927 22.1369 9.07052 19.6525 5.41623C19.6465 5.40402 19.6361 5.39528 19.6239 5.39005ZM8.35169 15.438C7.26771 15.438 6.37454 14.4428 6.37454 13.2207C6.37454 11.9985 7.25039 11.0033 8.35169 11.0033C9.46163 11.0033 10.3462 12.0072 10.3288 13.2207C10.3288 14.4428 9.45296 15.438 8.35169 15.438ZM15.6619 15.438C14.5779 15.438 13.6847 14.4428 13.6847 13.2207C13.6847 11.9985 14.5606 11.0033 15.6619 11.0033C16.7718 11.0033 17.6563 12.0072 17.639 13.2207C17.639 14.4428 16.7718 15.438 15.6619 15.438Z" fill="#5865F2"/>
 </svg>
--- a/src/img/social/dribbble-gray.svg
+++ b/src/img/social/dribbble-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92733 1 1 5.92733 1 12C1 18.0727 5.92733 23 12 23C18.0607 23 23 18.0727 23 12C23 5.92733 18.0607 1 12 1ZM19.2657 6.0705C20.5781 7.6692 21.3655 9.70932 21.3894 11.9165C21.0792 11.8569 17.9772 11.2245 14.8514 11.6182C14.7798 11.4631 14.7202 11.2961 14.6486 11.1291C14.4577 10.6757 14.243 10.2104 14.0282 9.76899C17.488 8.3612 19.0629 6.33297 19.2657 6.0705ZM12 2.62256C14.3861 2.62256 16.5694 3.51736 18.2278 4.98482C18.0607 5.22343 16.641 7.12039 13.3004 8.37309C11.7614 5.54555 10.0553 3.23102 9.79285 2.8731C10.4967 2.70607 11.2365 2.62256 12 2.62256ZM8.00329 3.50542C8.25381 3.83948 9.92409 6.16594 11.487 8.93382C7.09653 10.1031 3.21909 10.0792 2.80152 10.0792C3.40998 7.16811 5.37852 4.7462 8.00329 3.50542ZM2.5987 12.012C2.5987 11.9165 2.5987 11.821 2.5987 11.7256C3.00434 11.7375 7.56182 11.7972 12.2505 10.3894C12.525 10.9143 12.7755 11.4512 13.0141 11.988C12.8948 12.0239 12.7635 12.0597 12.6443 12.0954C7.80043 13.6583 5.22343 17.9295 5.00868 18.2874C3.51735 16.6291 2.5987 14.4219 2.5987 12.012ZM12 21.4013C9.8286 21.4013 7.8243 20.6616 6.23753 19.4208C6.40455 19.0749 8.31342 15.4002 13.6106 13.551C13.6345 13.539 13.6464 13.539 13.6703 13.5271C14.9945 16.9512 15.5315 19.8264 15.6746 20.6496C14.5412 21.1388 13.3004 21.4013 12 21.4013ZM17.2375 19.7907C17.1421 19.218 16.641 16.474 15.4121 13.0976C18.359 12.6323 20.936 13.3959 21.2582 13.5033C20.8525 16.1161 19.3492 18.3709 17.2375 19.7907Z" fill="#707987"/>
 </svg>
--- a/src/img/social/dribbble.svg
+++ b/src/img/social/dribbble.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 22.6562C17.8853 22.6562 22.6562 17.8853 22.6562 12C22.6562 6.11472 17.8853 1.34375 12 1.34375C6.11472 1.34375 1.34375 6.11472 1.34375 12C1.34375 17.8853 6.11472 22.6562 12 22.6562Z" fill="#EA4C89"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92733 1 1 5.92733 1 12C1 18.0727 5.92733 23 12 23C18.0607 23 23 18.0727 23 12C23 5.92733 18.0607 1 12 1ZM19.2657 6.0705C20.5781 7.6692 21.3655 9.70932 21.3894 11.9165C21.0792 11.8569 17.9772 11.2245 14.8514 11.6182C14.7798 11.4631 14.7202 11.2961 14.6486 11.1291C14.4577 10.6757 14.243 10.2104 14.0282 9.76899C17.488 8.3612 19.0629 6.33297 19.2657 6.0705ZM12 2.62256C14.3861 2.62256 16.5694 3.51736 18.2278 4.98482C18.0607 5.22343 16.641 7.12039 13.3004 8.37309C11.7614 5.54555 10.0553 3.23102 9.79285 2.8731C10.4967 2.70607 11.2365 2.62256 12 2.62256ZM8.00329 3.50542C8.25381 3.83948 9.92409 6.16594 11.487 8.93382C7.09653 10.1031 3.21909 10.0792 2.80152 10.0792C3.40998 7.16811 5.37852 4.7462 8.00329 3.50542ZM2.5987 12.012C2.5987 11.9165 2.5987 11.821 2.5987 11.7256C3.00434 11.7375 7.56182 11.7972 12.2505 10.3894C12.525 10.9143 12.7755 11.4512 13.0141 11.988C12.8948 12.0239 12.7635 12.0597 12.6443 12.0954C7.80043 13.6583 5.22343 17.9295 5.00868 18.2874C3.51735 16.6291 2.5987 14.4219 2.5987 12.012ZM12 21.4013C9.8286 21.4013 7.8243 20.6616 6.23753 19.4208C6.40455 19.0749 8.31342 15.4002 13.6106 13.551C13.6345 13.539 13.6464 13.539 13.6703 13.5271C14.9945 16.9512 15.5315 19.8264 15.6746 20.6496C14.5412 21.1388 13.3004 21.4013 12 21.4013ZM17.2375 19.7907C17.1421 19.218 16.641 16.474 15.4121 13.0976C18.359 12.6323 20.936 13.3959 21.2582 13.5033C20.8525 16.1161 19.3492 18.3709 17.2375 19.7907Z" fill="#C32361"/>
 </svg>
--- a/src/img/social/facebook-gray.svg
+++ b/src/img/social/facebook-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23 12C23 5.92486 18.0751 1 12 1C5.92486 1 1 5.92486 1 12C1 17.4903 5.02252 22.0412 10.2812 22.8664V15.1797H7.48828V12H10.2812V9.57656C10.2812 6.81969 11.9235 5.29688 14.4361 5.29688C15.6392 5.29688 16.8984 5.51172 16.8984 5.51172V8.21875H15.5114C14.145 8.21875 13.7188 9.06674 13.7188 9.9375V12H16.7695L16.2818 15.1797H13.7188V22.8664C18.9775 22.0412 23 17.4903 23 12Z" fill="#707987"/>
 </svg>
--- a/src/img/social/facebook.svg
+++ b/src/img/social/facebook.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23 12C23 5.92486 18.0751 1 12 1C5.92486 1 1 5.92486 1 12C1 17.4903 5.02252 22.0412 10.2812 22.8664V15.1797H7.48828V12H10.2812V9.57656C10.2812 6.81969 11.9235 5.29688 14.4361 5.29688C15.6392 5.29688 16.8984 5.51172 16.8984 5.51172V8.21875H15.5114C14.145 8.21875 13.7188 9.06674 13.7188 9.9375V12H16.7695L16.2818 15.1797H13.7188V22.8664C18.9775 22.0412 23 17.4903 23 12Z" fill="#1877F2"/>
 <path d="M16.2818 15.1797L16.7695 12H13.7188V9.9375C13.7188 9.0676 14.145 8.21875 15.5114 8.21875H16.8984V5.51172C16.8984 5.51172 15.6392 5.29688 14.4361 5.29688C11.9235 5.29688 10.2812 6.81969 10.2812 9.57656V12H7.48828V15.1797H10.2812V22.8664C11.4202 23.0445 12.5798 23.0445 13.7188 22.8664V15.1797H16.2818Z" fill="white"/>
 </svg>
--- a/src/img/social/figma-gray.svg
+++ b/src/img/social/figma-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2416 5.24163C19.2416 2.90001 17.3415 1 14.9999 1H8.24162C5.90001 1 3.99997 2.90001 3.99997 5.24163C3.99997 6.62098 4.65932 7.8464 5.67847 8.62077C4.65932 9.39518 3.99997 10.6206 3.99997 12C3.99997 13.3793 4.65932 14.6048 5.67849 15.3792C4.65933 16.1536 3.99997 17.379 3.99997 18.7584C3.99997 21.1 5.90001 23 8.24162 23C10.5832 23 12.4833 21.1 12.4833 18.7584V15.414C13.1872 15.9338 14.0578 16.2416 14.9999 16.2416C17.3415 16.2416 19.2416 14.3416 19.2416 12C19.2416 10.6206 18.5822 9.39518 17.5631 8.62078C18.5822 7.8464 19.2416 6.62098 19.2416 5.24163ZM8.24162 7.75835L10.7583 7.75835V2.7248H8.24162C6.85258 2.7248 5.72477 3.8526 5.72477 5.24163C5.72477 6.62772 6.84785 7.75367 8.23291 7.75836L8.24162 7.75835ZM17.5168 5.24163C17.5168 6.62773 16.3937 7.7537 15.0086 7.75836L14.9999 7.75835L14.9861 7.75837H12.4833V2.7248H14.9999C16.389 2.7248 17.5168 3.8526 17.5168 5.24163ZM12.4833 12.0327C12.5008 13.4066 13.6218 14.5168 14.9999 14.5168C16.389 14.5168 17.5168 13.389 17.5168 12C17.5168 10.6138 16.3936 9.48778 15.0085 9.48316L15.0077 9.48316L14.9999 9.48317H14.9888C13.6158 9.48912 12.5007 10.5971 12.4833 11.9673V12.0327ZM8.23297 9.48316L8.2411 9.48317H10.7583C10.7584 11.161 10.7585 12.8389 10.7585 14.5167H8.24159C6.85257 14.5168 5.72477 13.389 5.72477 12C5.72477 10.6138 6.84791 9.48782 8.23297 9.48316ZM8.24162 16.2415C6.85258 16.2415 5.72477 17.3694 5.72477 18.7584C5.72477 20.1474 6.85258 21.2752 8.24162 21.2752C9.63067 21.2752 10.7585 20.1474 10.7585 18.7584V16.2415H8.24162Z" fill="#707987"/>
 </svg>
--- a/src/img/social/figma.svg
+++ b/src/img/social/figma.svg
@@ -0,0 +1,7 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.66672 23C10.6907 23 12.3334 21.3573 12.3334 19.3333V15.6666H8.66672C6.64271 15.6666 5 17.3093 5 19.3333C5 21.3573 6.64271 23 8.66672 23Z" fill="#0ACF83"/>
 <path d="M5 12C5 9.97599 6.64271 8.33329 8.66672 8.33329H12.3334V15.6666H8.66672C6.64271 15.6667 5 14.024 5 12Z" fill="#A259FF"/>
 <path d="M5 4.6667C5 2.6427 6.64271 1 8.66672 1H12.3334V8.33329H8.66672C6.64271 8.33329 5 6.69069 5 4.6667Z" fill="#F24E1E"/>
 <path d="M12.3334 1H15.9999C18.024 1 19.6667 2.6427 19.6667 4.6667C19.6667 6.69069 18.024 8.3333 15.9999 8.3333L12.3334 8.33329V1Z" fill="#FF7262"/>
 <path d="M19.6667 12C19.6667 14.024 18.024 15.6667 15.9999 15.6667C13.9759 15.6667 12.3332 14.024 12.3332 12C12.3332 9.97599 13.9759 8.3333 15.9999 8.3333C18.024 8.3333 19.6667 9.97599 19.6667 12Z" fill="#1ABCFE"/>
 </svg>
--- a/src/img/social/github-gray.svg
+++ b/src/img/social/github-gray.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9962 1C9.3848 1.00135 6.85899 1.92628 4.87046 3.60937C2.88192 5.29247 1.56033 7.624 1.14199 10.187C0.723651 12.7501 1.23584 15.3775 2.58699 17.5996C3.93814 19.8216 6.04013 21.4933 8.5171 22.3157C9.06356 22.4172 9.2694 22.0785 9.2694 21.7905C9.2694 21.5025 9.25846 20.6676 9.25482 19.7547C6.19464 20.4158 5.548 18.4634 5.548 18.4634C5.0489 17.1955 4.32757 16.8623 4.32757 16.8623C3.32936 16.1849 4.40226 16.1976 4.40226 16.1976C5.50793 16.2755 6.089 17.3259 6.089 17.3259C7.06899 18.9977 8.66282 18.5141 9.28943 18.2315C9.38779 17.5234 9.67378 17.0416 9.9889 16.7681C7.5444 16.4928 4.97603 15.5546 4.97603 11.3635C4.96088 10.2766 5.36653 9.22549 6.10903 8.42763C5.9961 8.15233 5.61903 7.04027 6.2165 5.52975C6.2165 5.52975 7.14003 5.23634 9.24208 6.65087C11.0451 6.16061 12.9474 6.16061 14.7504 6.65087C16.8506 5.23634 17.7723 5.52975 17.7723 5.52975C18.3716 7.03665 17.9946 8.14871 17.8816 8.42763C18.6265 9.22562 19.033 10.2786 19.0164 11.3672C19.0164 15.5673 16.4426 16.4928 13.9945 16.7627C14.3879 17.1032 14.7395 17.7679 14.7395 18.7894C14.7395 20.2528 14.7267 21.4301 14.7267 21.7905C14.7267 22.0821 14.9253 22.4226 15.4827 22.3157C17.9599 21.4932 20.0621 19.8212 21.4132 17.5988C22.7644 15.3764 23.2763 12.7485 22.8575 10.1853C22.4387 7.62198 21.1164 5.29043 19.1272 3.60762C17.138 1.92481 14.6116 1.0005 11.9999 1H11.9962Z" fill="#707987"/>
 <path d="M8.35476 18.8527C8.35476 18.9415 8.25276 19.0176 8.12161 19.0194C7.99045 19.0212 7.88298 18.9487 7.88298 18.86C7.88298 18.7712 7.98498 18.6952 8.11614 18.6934C8.24729 18.6916 8.35476 18.7622 8.35476 18.8527Z" fill="#707987"/>
 <path d="M9.19267 18.7133C9.20906 18.802 9.11798 18.8944 8.98683 18.9161C8.85568 18.9379 8.74093 18.8854 8.72453 18.7984C8.70814 18.7115 8.80286 18.6173 8.93037 18.5938C9.05787 18.5702 9.17627 18.6245 9.19267 18.7133Z" fill="#707987"/>
 <path d="M7.45488 18.7912C7.42756 18.8763 7.30369 18.9143 7.17983 18.8781C7.05596 18.8419 6.974 18.7405 6.99767 18.6535C7.02136 18.5666 7.14704 18.5267 7.27273 18.5666C7.39841 18.6064 7.47856 18.7024 7.45488 18.7912Z" fill="#707987"/>
 <path d="M6.62975 18.4362C6.56964 18.5032 6.4476 18.4851 6.34742 18.3945C6.24723 18.304 6.22355 18.1808 6.28366 18.1156C6.34377 18.0504 6.46581 18.0685 6.56964 18.1573C6.67347 18.246 6.69351 18.371 6.62975 18.4362Z" fill="#707987"/>
 <path d="M6.04141 17.8276C5.97402 17.8747 5.85925 17.8276 5.7955 17.7335C5.77787 17.7166 5.76385 17.6963 5.75428 17.6739C5.7447 17.6515 5.73976 17.6274 5.73976 17.603C5.73976 17.5787 5.7447 17.5546 5.75428 17.5322C5.76385 17.5098 5.77787 17.4895 5.7955 17.4726C5.8629 17.4274 5.97766 17.4726 6.04141 17.565C6.10517 17.6574 6.10699 17.7805 6.04141 17.8276Z" fill="#707987"/>
 <path d="M5.60786 17.1992C5.57014 17.2181 5.52698 17.2233 5.48578 17.2141C5.44457 17.2048 5.40789 17.1816 5.38199 17.1484C5.31095 17.0724 5.29637 16.9673 5.35102 16.9202C5.40566 16.8731 5.50404 16.8949 5.57508 16.9709C5.64612 17.047 5.66251 17.1521 5.60786 17.1992Z" fill="#707987"/>
 <path d="M5.16157 16.7047C5.13789 16.759 5.05046 16.7753 4.97942 16.7373C4.90838 16.6993 4.85556 16.6286 4.88106 16.5725C4.90656 16.5163 4.99217 16.5019 5.06321 16.5399C5.13425 16.5779 5.18889 16.6504 5.16157 16.7047Z" fill="#707987"/>
 </svg>
--- a/src/img/social/github.svg
+++ b/src/img/social/github.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9962 1C9.3848 1.00135 6.85899 1.92628 4.87046 3.60937C2.88192 5.29247 1.56033 7.624 1.14199 10.187C0.723652 12.7501 1.23584 15.3775 2.58699 17.5996C3.93814 19.8216 6.04013 21.4933 8.5171 22.3157C9.06356 22.4172 9.2694 22.0785 9.2694 21.7905C9.2694 21.5025 9.25846 20.6676 9.25482 19.7547C6.19464 20.4158 5.548 18.4634 5.548 18.4634C5.0489 17.1955 4.32757 16.8623 4.32757 16.8623C3.32936 16.1849 4.40226 16.1976 4.40226 16.1976C5.50793 16.2755 6.089 17.3259 6.089 17.3259C7.06899 18.9977 8.66282 18.5141 9.28943 18.2315C9.38779 17.5234 9.67378 17.0416 9.9889 16.7681C7.5444 16.4928 4.97603 15.5546 4.97603 11.3635C4.96088 10.2766 5.36653 9.22549 6.10903 8.42763C5.9961 8.15233 5.61903 7.04027 6.2165 5.52975C6.2165 5.52975 7.14003 5.23634 9.24208 6.65087C11.0451 6.16061 12.9474 6.16061 14.7504 6.65087C16.8506 5.23634 17.7723 5.52975 17.7723 5.52975C18.3716 7.03665 17.9946 8.14871 17.8816 8.42763C18.6265 9.22562 19.033 10.2786 19.0164 11.3672C19.0164 15.5673 16.4426 16.4928 13.9945 16.7627C14.3879 17.1032 14.7395 17.7679 14.7395 18.7894C14.7395 20.2528 14.7267 21.4301 14.7267 21.7905C14.7267 22.0821 14.9253 22.4226 15.4827 22.3157C17.9599 21.4932 20.0621 19.8212 21.4132 17.5988C22.7644 15.3764 23.2763 12.7485 22.8575 10.1853C22.4387 7.62198 21.1164 5.29043 19.1272 3.60762C17.138 1.92481 14.6116 1.0005 11.9999 1H11.9962Z" fill="#313B49"/>
 <path d="M8.35476 18.8527C8.35476 18.9415 8.25276 19.0176 8.12161 19.0194C7.99045 19.0212 7.88298 18.9487 7.88298 18.86C7.88298 18.7712 7.98499 18.6952 8.11614 18.6934C8.24729 18.6916 8.35476 18.7622 8.35476 18.8527Z" fill="#313B49"/>
 <path d="M9.19267 18.7133C9.20906 18.802 9.11798 18.8944 8.98683 18.9161C8.85568 18.9379 8.74093 18.8853 8.72453 18.7984C8.70814 18.7115 8.80286 18.6173 8.93037 18.5938C9.05787 18.5702 9.17627 18.6245 9.19267 18.7133Z" fill="#313B49"/>
 <path d="M7.45488 18.7912C7.42756 18.8763 7.30369 18.9143 7.17983 18.8781C7.05596 18.8419 6.974 18.7405 6.99767 18.6535C7.02135 18.5666 7.14704 18.5267 7.27273 18.5666C7.39841 18.6064 7.47856 18.7024 7.45488 18.7912Z" fill="#313B49"/>
 <path d="M6.62975 18.4362C6.56964 18.5032 6.4476 18.4851 6.34742 18.3945C6.24723 18.304 6.22355 18.1808 6.28366 18.1156C6.34377 18.0504 6.46581 18.0685 6.56964 18.1573C6.67347 18.246 6.69351 18.371 6.62975 18.4362Z" fill="#313B49"/>
 <path d="M6.04141 17.8276C5.97402 17.8747 5.85925 17.8276 5.7955 17.7335C5.77787 17.7166 5.76385 17.6963 5.75428 17.6739C5.7447 17.6515 5.73976 17.6274 5.73976 17.603C5.73976 17.5787 5.7447 17.5546 5.75428 17.5322C5.76385 17.5098 5.77787 17.4895 5.7955 17.4726C5.8629 17.4274 5.97766 17.4726 6.04141 17.565C6.10517 17.6574 6.10699 17.7805 6.04141 17.8276Z" fill="#313B49"/>
 <path d="M5.60786 17.1992C5.57014 17.2181 5.52698 17.2233 5.48578 17.2141C5.44457 17.2048 5.40789 17.1816 5.38199 17.1484C5.31095 17.0724 5.29637 16.9673 5.35102 16.9202C5.40566 16.8731 5.50404 16.8949 5.57508 16.9709C5.64612 17.047 5.66251 17.1521 5.60786 17.1992Z" fill="#313B49"/>
 <path d="M5.16157 16.7047C5.13789 16.759 5.05046 16.7753 4.97942 16.7373C4.90838 16.6993 4.85555 16.6286 4.88106 16.5725C4.90656 16.5163 4.99217 16.5019 5.06321 16.5399C5.13425 16.5779 5.18889 16.6504 5.16157 16.7047Z" fill="#313B49"/>
 </svg>
--- a/src/img/social/google-gray.svg
+++ b/src/img/social/google-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2192 7.00274C15.0835 5.91955 13.5678 5.32946 11.9996 5.35371C9.12998 5.35371 6.69281 7.28969 5.82383 9.8966C5.36307 11.2627 5.36307 12.742 5.82383 14.1082H5.82786C6.70088 16.711 9.13401 18.647 12.0037 18.647C13.485 18.647 14.7567 18.2681 15.7423 17.5989V17.5962C16.9023 16.8283 17.6945 15.6198 17.941 14.2537H11.9996V10.0179H22.3748C22.5042 10.7535 22.5648 11.5053 22.5648 12.253C22.5648 15.5986 21.3691 18.4271 19.2888 20.3429L19.2909 20.3446C17.4681 22.0259 14.9663 23 11.9996 23C7.84065 23 4.03736 20.6558 2.17008 16.9414C0.609971 13.8333 0.609975 10.1715 2.17009 7.06339C4.03737 3.34498 7.84065 1.00074 11.9996 1.00074C14.7318 0.968407 17.3711 1.99501 19.3596 3.8623L16.2192 7.00274Z" fill="#707987"/>
 </svg>
--- a/src/img/social/google.svg
+++ b/src/img/social/google.svg
@@ -0,0 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.5648 12.253C22.5648 11.5053 22.5042 10.7535 22.3748 10.0179H11.9996V14.2537H17.941C17.6945 15.6198 16.9023 16.8283 15.7423 17.5962V20.3446H19.2869C21.3684 18.4288 22.5648 15.5996 22.5648 12.253Z" fill="#4285F4"/>
 <path d="M11.9996 23C14.9663 23 17.4681 22.0259 19.2909 20.3446L15.7463 17.5962C14.7601 18.2671 13.487 18.647 12.0037 18.647C9.13402 18.647 6.70088 16.711 5.82787 14.1082H2.17008V16.9414C4.03737 20.6558 7.84066 23 11.9996 23Z" fill="#34A853"/>
 <path d="M5.82383 14.1081C5.36307 12.742 5.36307 11.2628 5.82383 9.89665V7.06338H2.17009C0.609977 10.1715 0.609966 13.8333 2.17008 16.9414L5.82383 14.1081Z" fill="#FBBC04"/>
 <path d="M11.9996 5.35371C13.5678 5.32946 15.0835 5.91955 16.2192 7.00274L19.3596 3.8623C17.3711 1.99501 14.7318 0.968407 11.9996 1.00074C7.84066 1.00074 4.03738 3.34497 2.17009 7.06338L5.82383 9.89665C6.69281 7.28972 9.12998 5.35371 11.9996 5.35371Z" fill="#EA4335"/>
 </svg>
--- a/src/img/social/instagram-gray.svg
+++ b/src/img/social/instagram-gray.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.0022 2.98125C14.9418 2.98125 15.2899 2.99414 16.446 3.04571C17.5204 3.09299 18.1006 3.27349 18.4874 3.42391C18.9988 3.62161 19.3684 3.86228 19.7509 4.24477C20.1377 4.63157 20.3741 4.99687 20.5718 5.5083C20.7222 5.8951 20.9027 6.47959 20.95 7.54972C21.0016 8.7101 21.0145 9.05822 21.0145 11.9936C21.0145 14.9332 21.0016 15.2813 20.95 16.4374C20.9027 17.5118 20.7222 18.092 20.5718 18.4788C20.3741 18.9902 20.1334 19.3598 19.7509 19.7423C19.3641 20.1291 18.9988 20.3655 18.4874 20.5632C18.1006 20.7136 17.5161 20.8941 16.446 20.9414C15.2856 20.993 14.9375 21.0059 12.0022 21.0059C9.06252 21.0059 8.7144 20.993 7.55831 20.9414C6.48389 20.8941 5.90369 20.7136 5.5169 20.5632C5.00547 20.3655 4.63587 20.1248 4.25337 19.7423C3.86658 19.3555 3.6302 18.9902 3.43251 18.4788C3.28209 18.092 3.10158 17.5075 3.05431 16.4374C3.00274 15.277 2.98984 14.9289 2.98984 11.9936C2.98984 9.05392 3.00274 8.7058 3.05431 7.54972C3.10158 6.47529 3.28209 5.8951 3.43251 5.5083C3.6302 4.99687 3.87087 4.62727 4.25337 4.24477C4.64017 3.85798 5.00547 3.62161 5.5169 3.42391C5.90369 3.27349 6.48818 3.09299 7.55831 3.04571C8.7144 2.99414 9.06252 2.98125 12.0022 2.98125ZM12.0022 1C9.01524 1 8.64134 1.01289 7.46806 1.06447C6.29908 1.11604 5.49541 1.30514 4.79918 1.57589C4.07287 1.85954 3.45829 2.23344 2.84802 2.84802C2.23344 3.45829 1.85954 4.07287 1.57589 4.79488C1.30514 5.49541 1.11604 6.29478 1.06447 7.46376C1.01289 8.64134 1 9.01524 1 12.0021C1 14.9891 1.01289 15.363 1.06447 16.5362C1.11604 17.7052 1.30514 18.5089 1.57589 19.2051C1.85954 19.9314 2.23344 20.546 2.84802 21.1563C3.45829 21.7666 4.07287 22.1448 4.79488 22.4241C5.49541 22.6949 6.29479 22.884 7.46376 22.9355C8.63704 22.9871 9.01094 23 11.9979 23C14.9848 23 15.3587 22.9871 16.5319 22.9355C17.7009 22.884 18.5046 22.6949 19.2008 22.4241C19.9228 22.1448 20.5374 21.7666 21.1477 21.1563C21.758 20.546 22.1362 19.9314 22.4155 19.2094C22.6863 18.5089 22.8754 17.7095 22.9269 16.5405C22.9785 15.3673 22.9914 14.9934 22.9914 12.0064C22.9914 9.01954 22.9785 8.64563 22.9269 7.47236C22.8754 6.30338 22.6863 5.49971 22.4155 4.80348C22.1448 4.07287 21.7709 3.45829 21.1563 2.84802C20.546 2.23774 19.9314 1.85954 19.2094 1.58019C18.5089 1.30944 17.7095 1.12034 16.5405 1.06876C15.363 1.01289 14.9891 1 12.0022 1Z" fill="#707987"/>
 <path d="M12.0022 6.35065C8.88201 6.35065 6.35066 8.88201 6.35066 12.0021C6.35066 15.1223 8.88201 17.6536 12.0022 17.6536C15.1223 17.6536 17.6536 15.1223 17.6536 12.0021C17.6536 8.88201 15.1223 6.35065 12.0022 6.35065ZM12.0022 15.6681C9.97793 15.6681 8.3362 14.0264 8.3362 12.0021C8.3362 9.97793 9.97793 8.3362 12.0022 8.3362C14.0264 8.3362 15.6681 9.97793 15.6681 12.0021C15.6681 14.0264 14.0264 15.6681 12.0022 15.6681Z" fill="#707987"/>
 <path d="M19.1965 6.12713C19.1965 6.85775 18.6034 7.44653 17.8771 7.44653C17.1465 7.44653 16.5577 6.85345 16.5577 6.12713C16.5577 5.39652 17.1508 4.80773 17.8771 4.80773C18.6034 4.80773 19.1965 5.40082 19.1965 6.12713Z" fill="#707987"/>
 </svg>
--- a/src/img/social/instagram.svg
+++ b/src/img/social/instagram.svg
@@ -0,0 +1,18 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.0063 1C7.41278 1 6.06935 1.00474 5.80821 1.0264C4.86555 1.10476 4.27896 1.25319 3.63991 1.57137C3.14742 1.81593 2.75902 2.09942 2.37569 2.4968C1.67757 3.22151 1.25447 4.11309 1.10131 5.17291C1.02685 5.68741 1.00518 5.79234 1.00078 8.42038C0.99909 9.2964 1.00078 10.4493 1.00078 11.9957C1.00078 16.5856 1.00586 17.9277 1.02786 18.1884C1.10402 19.1057 1.24787 19.6828 1.5525 20.3141C2.13469 21.5225 3.2466 22.4296 4.55651 22.7681C5.01008 22.8849 5.51103 22.9492 6.15414 22.9797C6.42662 22.9915 9.20384 23 11.9828 23C14.7617 23 17.5406 22.9966 17.8063 22.9831C18.551 22.948 18.9834 22.89 19.4615 22.7664C20.7799 22.4263 21.8715 21.5326 22.4655 20.3073C22.7642 19.6913 22.9157 19.0921 22.9842 18.2227C22.9991 18.0332 23.0054 15.011 23.0054 11.9928C23.0054 8.97415 22.9986 5.95753 22.9837 5.76797C22.9143 4.88451 22.7628 4.29046 22.4545 3.66256C22.2015 3.14857 21.9205 2.76472 21.5127 2.37224C20.7848 1.67698 19.8946 1.25387 18.8338 1.10087C18.3198 1.02657 18.2174 1.00457 15.5874 1H12.0063Z" fill="url(#paint0_radial_183_4273)"/>
 <path d="M12.0063 1C7.41278 1 6.06935 1.00474 5.80821 1.0264C4.86555 1.10476 4.27896 1.25319 3.63991 1.57137C3.14742 1.81593 2.75902 2.09942 2.37569 2.4968C1.67757 3.22151 1.25447 4.11309 1.10131 5.17291C1.02685 5.68741 1.00518 5.79234 1.00078 8.42038C0.99909 9.2964 1.00078 10.4493 1.00078 11.9957C1.00078 16.5856 1.00586 17.9277 1.02786 18.1884C1.10402 19.1057 1.24787 19.6828 1.5525 20.3141C2.13469 21.5225 3.2466 22.4296 4.55651 22.7681C5.01008 22.8849 5.51103 22.9492 6.15414 22.9797C6.42662 22.9915 9.20384 23 11.9828 23C14.7617 23 17.5406 22.9966 17.8063 22.9831C18.551 22.948 18.9834 22.89 19.4615 22.7664C20.7799 22.4263 21.8715 21.5326 22.4655 20.3073C22.7642 19.6913 22.9157 19.0921 22.9842 18.2227C22.9991 18.0332 23.0054 15.011 23.0054 11.9928C23.0054 8.97415 22.9986 5.95753 22.9837 5.76797C22.9143 4.88451 22.7628 4.29046 22.4545 3.66256C22.2015 3.14857 21.9205 2.76472 21.5127 2.37224C20.7848 1.67698 19.8946 1.25387 18.8338 1.10087C18.3198 1.02657 18.2174 1.00457 15.5874 1H12.0063Z" fill="url(#paint1_radial_183_4273)"/>
 <path d="M12.0012 3.87717C9.795 3.87717 9.51812 3.88681 8.65161 3.92625C7.7868 3.96585 7.19649 4.10277 6.67997 4.30366C6.14568 4.51116 5.69245 4.78872 5.24092 5.24044C4.78905 5.69198 4.5115 6.14522 4.30333 6.67936C4.10194 7.19606 3.96485 7.78656 3.92593 8.65106C3.88717 9.5176 3.87702 9.79465 3.87702 12.0009C3.87702 14.2072 3.88683 14.4832 3.9261 15.3498C3.96587 16.2146 4.10278 16.805 4.3035 17.3215C4.51116 17.8558 4.78871 18.309 5.24041 18.7606C5.69178 19.2125 6.145 19.4907 6.67895 19.6982C7.19581 19.8991 7.78629 20.036 8.65094 20.0756C9.51744 20.115 9.79415 20.1247 12.0002 20.1247C14.2066 20.1247 14.4826 20.115 15.3491 20.0756C16.2139 20.036 16.8049 19.8991 17.3218 19.6982C17.8559 19.4907 18.3084 19.2125 18.7598 18.7606C19.2117 18.309 19.4892 17.8558 19.6974 17.3217C19.8971 16.805 20.0342 16.2145 20.0748 15.35C20.1137 14.4834 20.1239 14.2072 20.1239 12.0009C20.1239 9.79465 20.1137 9.51777 20.0748 8.65123C20.0342 7.78639 19.8971 7.19606 19.6974 6.67953C19.4892 6.14522 19.2117 5.69198 18.7598 5.24044C18.3079 4.78855 17.8561 4.51099 17.3213 4.30366C16.8034 4.10277 16.2127 3.96585 15.3479 3.92625C14.4814 3.88681 14.2056 3.87717 11.9987 3.87717H12.0012ZM11.2725 5.34114C11.4888 5.3408 11.7301 5.34114 12.0012 5.34114C14.1702 5.34114 14.4273 5.34892 15.2838 5.38785C16.0758 5.42407 16.5057 5.55642 16.7921 5.66761C17.1712 5.81485 17.4414 5.99087 17.7256 6.2752C18.0099 6.55953 18.1859 6.83032 18.3335 7.20943C18.4447 7.49546 18.5772 7.92534 18.6132 8.71741C18.6522 9.57379 18.6606 9.83104 18.6606 11.9991C18.6606 14.1671 18.6522 14.4244 18.6132 15.2807C18.577 16.0728 18.4447 16.5027 18.3335 16.7887C18.1863 17.1678 18.0099 17.4378 17.7256 17.7219C17.4413 18.0063 17.1713 18.1823 16.7921 18.3295C16.506 18.4412 16.0758 18.5732 15.2838 18.6094C14.4274 18.6484 14.1702 18.6568 12.0012 18.6568C9.83206 18.6568 9.57499 18.6484 8.71863 18.6094C7.92659 18.5729 7.49672 18.4405 7.2102 18.3293C6.8311 18.1821 6.56031 18.0061 6.27599 17.7218C5.99167 17.4374 5.81566 17.1673 5.66808 16.788C5.55689 16.502 5.42438 16.0721 5.38833 15.2801C5.3494 14.4237 5.34162 14.1664 5.34162 11.997C5.34162 9.82765 5.3494 9.57176 5.38833 8.71538C5.42455 7.92331 5.55689 7.49343 5.66808 7.20706C5.81532 6.82795 5.99167 6.55716 6.27599 6.27283C6.56031 5.9885 6.8311 5.81248 7.2102 5.6649C7.49655 5.5532 7.92659 5.42119 8.71863 5.3848C9.46803 5.35095 9.75844 5.3408 11.2725 5.33911V5.34114ZM16.3375 6.69002C15.7993 6.69002 15.3627 7.12616 15.3627 7.66453C15.3627 8.20273 15.7993 8.63939 16.3375 8.63939C16.8757 8.63939 17.3123 8.20273 17.3123 7.66453C17.3123 7.12633 16.8757 6.69002 16.3375 6.69002ZM12.0012 7.82904C9.69735 7.82904 7.82945 9.697 7.82945 12.0009C7.82945 14.3049 9.69735 16.172 12.0012 16.172C14.3051 16.172 16.1723 14.3049 16.1723 12.0009C16.1723 9.697 14.3051 7.82904 12.0012 7.82904ZM12.0012 9.29301C13.4966 9.29301 14.709 10.5053 14.709 12.0009C14.709 13.4964 13.4966 14.7089 12.0012 14.7089C10.5056 14.7089 9.29337 13.4964 9.29337 12.0009C9.29337 10.5053 10.5056 9.29301 12.0012 9.29301Z" fill="white"/>
 <defs>
 <radialGradient id="paint0_radial_183_4273" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.84522 24.6945) rotate(-90) scale(21.8036 20.284)">
 <stop stop-color="#FFDD55"/>
 <stop offset="0.1" stop-color="#FFDD55"/>
 <stop offset="0.5" stop-color="#FF543E"/>
 <stop offset="1" stop-color="#C837AB"/>
 </radialGradient>
 <radialGradient id="paint1_radial_183_4273" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-2.68598 2.58484) rotate(78.678) scale(9.7464 40.1841)">
 <stop stop-color="#3771C8"/>
 <stop offset="0.128" stop-color="#3771C8"/>
 <stop offset="1" stop-color="#6600FF" stop-opacity="0"/>
 </radialGradient>
 </defs>
 </svg>
--- a/src/img/social/linkedin-gray.svg
+++ b/src/img/social/linkedin-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.3715 1H2.62422C1.72617 1 1 1.70898 1 2.58555V21.4102C1 22.2867 1.72617 23 2.62422 23H21.3715C22.2695 23 23 22.2867 23 21.4145V2.58555C23 1.70898 22.2695 1 21.3715 1ZM7.52695 19.7473H4.26133V9.2457H7.52695V19.7473ZM5.89414 7.81484C4.8457 7.81484 3.99922 6.96836 3.99922 5.92422C3.99922 4.88008 4.8457 4.03359 5.89414 4.03359C6.93828 4.03359 7.78477 4.88008 7.78477 5.92422C7.78477 6.96406 6.93828 7.81484 5.89414 7.81484ZM19.7473 19.7473H16.4859V14.6426C16.4859 13.4266 16.4645 11.8582 14.7887 11.8582C13.0914 11.8582 12.8336 13.1859 12.8336 14.5566V19.7473H9.57656V9.2457H12.7047V10.6809H12.7477C13.1816 9.85586 14.2473 8.98359 15.8328 8.98359C19.1371 8.98359 19.7473 11.1578 19.7473 13.9852V19.7473Z" fill="#707987"/>
 </svg>
--- a/src/img/social/linkedin.svg
+++ b/src/img/social/linkedin.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.376 1H2.62403C2.19331 1 1.78023 1.1711 1.47567 1.47567C1.1711 1.78023 1 2.19331 1 2.62403V21.376C1 21.8067 1.1711 22.2198 1.47567 22.5243C1.78023 22.8289 2.19331 23 2.62403 23H21.376C21.8067 23 22.2198 22.8289 22.5243 22.5243C22.8289 22.2198 23 21.8067 23 21.376V2.62403C23 2.19331 22.8289 1.78023 22.5243 1.47567C22.2198 1.1711 21.8067 1 21.376 1ZM7.55722 19.7413H4.24958V9.23472H7.55722V19.7413ZM5.90111 7.77875C5.52592 7.77664 5.15976 7.66343 4.84884 7.45341C4.53792 7.2434 4.29619 6.94599 4.15414 6.59871C4.01209 6.25144 3.97609 5.86988 4.0507 5.50217C4.1253 5.13446 4.30715 4.79709 4.57331 4.53263C4.83947 4.26818 5.178 4.08849 5.54618 4.01626C5.91436 3.94402 6.29569 3.98246 6.64204 4.12674C6.98839 4.27101 7.28424 4.51465 7.49226 4.82691C7.70027 5.13917 7.81113 5.50605 7.81083 5.88125C7.81437 6.13245 7.7673 6.38179 7.67243 6.6144C7.57755 6.84702 7.43682 7.05816 7.25861 7.23523C7.0804 7.4123 6.86836 7.55168 6.63514 7.64505C6.40192 7.73843 6.15228 7.7839 5.90111 7.77875ZM19.7489 19.7504H16.4428V14.0106C16.4428 12.3178 15.7232 11.7953 14.7943 11.7953C13.8135 11.7953 12.851 12.5347 12.851 14.0533V19.7504H9.54333V9.24236H12.7242V10.6983H12.7669C13.0863 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513L19.7489 19.7504Z" fill="#0A66C2"/>
 </svg>
--- a/src/img/social/medium-gray.svg
+++ b/src/img/social/medium-gray.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23 12.2587C23 15.1731 22.5116 17.5371 21.9089 17.5371C21.3062 17.5371 20.818 15.1737 20.818 12.2587C20.818 9.34371 21.3064 6.98032 21.9089 6.98032C22.5114 6.98032 23 9.3435 23 12.2587Z" fill="#707987"/>
 <path d="M20.2159 12.2587C20.2159 15.5123 18.8269 18.1508 17.1135 18.1508C15.4001 18.1508 14.0111 15.5123 14.0111 12.2587C14.0111 9.00519 15.3999 6.36662 17.1133 6.36662C18.8267 6.36662 20.2159 9.00435 20.2159 12.2587Z" fill="#707987"/>
 <path d="M13.4093 12.2587C13.4093 15.7152 10.6314 18.5173 7.20477 18.5173C3.77817 18.5173 1 15.7146 1 12.2587C1 8.80287 3.77796 6 7.20477 6C10.6316 6 13.4093 8.80224 13.4093 12.2587Z" fill="#707987"/>
 </svg>
--- a/src/img/social/medium.svg
+++ b/src/img/social/medium.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23 12.2587C23 15.1731 22.5116 17.5371 21.9089 17.5371C21.3062 17.5371 20.818 15.1737 20.818 12.2587C20.818 9.34371 21.3064 6.98032 21.9089 6.98032C22.5114 6.98032 23 9.3435 23 12.2587Z" fill="#313B49"/>
 <path d="M20.2159 12.2587C20.2159 15.5123 18.8269 18.1508 17.1135 18.1508C15.4001 18.1508 14.0111 15.5123 14.0111 12.2587C14.0111 9.00519 15.3999 6.36662 17.1133 6.36662C18.8267 6.36662 20.2159 9.00435 20.2159 12.2587Z" fill="#313B49"/>
 <path d="M13.4093 12.2587C13.4093 15.7152 10.6314 18.5173 7.20477 18.5173C3.77817 18.5173 1 15.7146 1 12.2587C1 8.80287 3.77796 6 7.20477 6C10.6316 6 13.4093 8.80224 13.4093 12.2587Z" fill="#313B49"/>
 </svg>
--- a/src/img/social/meta-gray.svg
+++ b/src/img/social/meta-gray.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515C3.39574 17.1081 3.91149 17.343 4.43745 17.343C5.11149 17.343 5.72936 17.1745 6.91915 15.5302C7.87404 14.2077 8.99745 12.354 9.75319 11.1949L11.0349 9.22383C11.9234 7.85532 12.9549 6.33872 14.1345 5.30723C15.0996 4.46468 16.1362 4 17.183 4C18.9396 4 20.6145 5.01617 21.8962 6.93106C23.2953 9.01957 23.9796 11.6545 23.9796 14.3762C23.9796 15.9898 23.6579 17.1796 23.1166 18.1191C22.5957 19.023 21.5745 19.9319 19.8536 19.9319V17.343C21.3243 17.343 21.6919 15.9949 21.6919 14.4477C21.6919 12.2417 21.1813 9.79574 20.0477 8.04936C19.246 6.80851 18.2043 6.05277 17.0604 6.05277C15.8196 6.05277 14.8238 6.98723 13.7055 8.65192C13.1081 9.53532 12.5004 10.6179 11.8111 11.8332L11.0553 13.1711C9.53872 15.8621 9.15574 16.4749 8.39489 17.4911C7.06723 19.263 5.92851 19.9319 4.43745 19.9319C2.66043 19.9319 1.54213 19.166 0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119L2.58894 14.5089Z" fill="#707987"/>
 <path d="M2.04248 7.10979C3.22716 5.2817 4.94291 4 6.90886 4C8.04759 4 9.1761 4.33702 10.3608 5.30213C11.6527 6.35915 13.0314 8.09532 14.7472 10.96L15.365 11.9864C16.851 14.463 17.6986 15.7396 18.194 16.3421C18.8323 17.1132 19.2765 17.343 19.8535 17.343C21.3242 17.343 21.6918 15.9949 21.6918 14.4477L23.9795 14.3762C23.9795 15.9898 23.6578 17.1796 23.1165 18.1191C22.5957 19.023 21.5744 19.9319 19.8535 19.9319C18.7863 19.9319 17.8416 19.7021 16.7948 18.7115C15.9931 17.9557 15.0535 16.6128 14.3284 15.4026L12.1786 11.8077C11.1012 10.0051 10.1106 8.65702 9.53865 8.04936C8.92078 7.39575 8.12929 6.60426 6.86801 6.60426C5.84163 6.60426 4.97354 7.32426 4.24844 8.42213L2.04248 7.10979Z" fill="#707987"/>
 <path d="M6.86809 6.60426C5.8417 6.60426 4.97362 7.32426 4.24851 8.42213C3.21702 9.97447 2.58894 12.2877 2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515L0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119C0 11.8485 0.704681 9.17787 2.04255 7.10979C3.22723 5.2817 4.94298 4 6.90894 4L6.86809 6.60426Z" fill="#707987"/>
 </svg>
--- a/src/img/social/meta.svg
+++ b/src/img/social/meta.svg
@@ -0,0 +1,17 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515C3.39574 17.1081 3.91149 17.343 4.43745 17.343C5.11149 17.343 5.72936 17.1745 6.91915 15.5302C7.87404 14.2077 8.99745 12.354 9.75319 11.1949L11.0349 9.22383C11.9234 7.85532 12.9549 6.33872 14.1345 5.30723C15.0996 4.46468 16.1362 4 17.183 4C18.9396 4 20.6145 5.01617 21.8962 6.93106C23.2953 9.01957 23.9796 11.6545 23.9796 14.3762C23.9796 15.9898 23.6579 17.1796 23.1166 18.1191C22.5957 19.023 21.5745 19.9319 19.8536 19.9319V17.343C21.3243 17.343 21.6919 15.9949 21.6919 14.4477C21.6919 12.2417 21.1813 9.79574 20.0477 8.04936C19.246 6.80851 18.2043 6.05277 17.0604 6.05277C15.8196 6.05277 14.8238 6.98723 13.7055 8.65192C13.1081 9.53532 12.5004 10.6179 11.8111 11.8332L11.0553 13.1711C9.53872 15.8621 9.15574 16.4749 8.39489 17.4911C7.06723 19.263 5.92851 19.9319 4.43745 19.9319C2.66043 19.9319 1.54213 19.166 0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119L2.58894 14.5089Z" fill="#0081FB"/>
 <path d="M2.04248 7.10979C3.22716 5.2817 4.94291 4 6.90886 4C8.04759 4 9.1761 4.33702 10.3608 5.30213C11.6527 6.35915 13.0314 8.09532 14.7472 10.96L15.365 11.9864C16.851 14.463 17.6986 15.7396 18.194 16.3421C18.8323 17.1132 19.2765 17.343 19.8535 17.343C21.3242 17.343 21.6918 15.9949 21.6918 14.4477L23.9795 14.3762C23.9795 15.9898 23.6578 17.1796 23.1165 18.1191C22.5957 19.023 21.5744 19.9319 19.8535 19.9319C18.7863 19.9319 17.8416 19.7021 16.7948 18.7115C15.9931 17.9557 15.0535 16.6128 14.3284 15.4026L12.1786 11.8077C11.1012 10.0051 10.1106 8.65702 9.53865 8.04936C8.92078 7.39575 8.12929 6.60426 6.86801 6.60426C5.84163 6.60426 4.97354 7.32426 4.24844 8.42213L2.04248 7.10979Z" fill="url(#paint0_linear_183_4903)"/>
 <path d="M6.86809 6.60426C5.8417 6.60426 4.97362 7.32426 4.24851 8.42213C3.21702 9.97447 2.58894 12.2877 2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515L0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119C0 11.8485 0.704681 9.17787 2.04255 7.10979C3.22723 5.2817 4.94298 4 6.90894 4L6.86809 6.60426Z" fill="url(#paint1_linear_183_4903)"/>
 <defs>
 <linearGradient id="paint0_linear_183_4903" x1="5.08588" y1="13.7583" x2="21.5948" y2="14.5957" gradientUnits="userSpaceOnUse">
 <stop stop-color="#0064E1"/>
 <stop offset="0.4" stop-color="#0064E1"/>
 <stop offset="0.8" stop-color="#0073EE"/>
 <stop offset="1" stop-color="#0082FB"/>
 </linearGradient>
 <linearGradient id="paint1_linear_183_4903" x1="3.75319" y1="15.5966" x2="3.75319" y2="9.50468" gradientUnits="userSpaceOnUse">
 <stop stop-color="#0082FB"/>
 <stop offset="1" stop-color="#0064E0"/>
 </linearGradient>
 </defs>
 </svg>
--- a/src/img/social/metamask-gray.svg
+++ b/src/img/social/metamask-gray.svg
@@ -0,0 +1,12 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.9049 2L13.3206 8.37569L14.908 4.61412L21.9049 2Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2.08728 2L10.6026 8.43608L9.09277 4.61412L2.08728 2ZM18.8159 16.7788L16.5296 20.2816L21.4214 21.6275L22.8277 16.8565L18.8159 16.7788ZM1.1814 16.8565L2.57904 21.6275L7.47081 20.2816L5.18453 16.7788L1.1814 16.8565Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M7.19468 10.8605L5.83154 12.9225L10.6888 13.1382L10.5162 7.91855L7.19468 10.8605ZM16.797 10.8605L13.4323 7.85815L13.3202 13.1382L18.1688 12.9225L16.797 10.8605ZM7.47076 20.2817L10.3868 18.8582L7.86762 16.8911L7.47076 20.2817ZM13.6049 18.8582L16.5296 20.2817L16.1241 16.8911L13.6049 18.8582Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16.53 20.2817L13.6053 18.8582L13.8383 20.7648L13.8124 21.5672L16.53 20.2817ZM7.47119 20.2817L10.1888 21.5672L10.1716 20.7648L10.3873 18.8582L7.47119 20.2817Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M7.4706 20.2817L7.88472 16.779L5.18433 16.8566L7.4706 20.2817ZM16.1153 16.779L16.5294 20.2817L18.8157 16.8566L16.1153 16.779ZM18.1686 12.9225L13.32 13.1382L13.7686 15.6315L14.4847 14.1303L16.2102 14.9154L18.1686 12.9225ZM7.79844 14.9154L9.52393 14.1303L10.2314 15.6315L10.6886 13.1382L5.83139 12.9225L7.79844 14.9154Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5.83154 12.9225L7.86762 16.8911L7.7986 14.9154L5.83154 12.9225ZM16.2104 14.9154L16.1241 16.8911L18.1688 12.9225L16.2104 14.9154ZM10.6888 13.1382L10.2315 15.6315L10.801 18.5735L10.9304 14.6997L10.6888 13.1382ZM13.3202 13.1382L13.0872 14.6911L13.1908 18.5735L13.7688 15.6315L13.3202 13.1382Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.769 15.6314L13.191 18.5733L13.6051 18.858L16.1243 16.891L16.2106 14.9153L13.769 15.6314ZM7.79883 14.9153L7.86785 16.891L10.3871 18.858L10.8012 18.5733L10.2318 15.6314L7.79883 14.9153Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.8124 21.5671L13.8383 20.7648L13.6226 20.575H10.37L10.1716 20.7648L10.1888 21.5671L7.47119 20.2816L8.42021 21.0581L10.3441 22.3953H13.6484L15.581 21.0581L16.53 20.2816L13.8124 21.5671Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path opacity="0.8" d="M22.2667 8.78993L23 5.26993L21.9043 2.00012L13.6047 8.16012L16.7969 10.8605L21.309 12.1805L22.3098 11.0158L21.8784 10.7052L22.5686 10.0754L22.0337 9.6613L22.7239 9.13502L22.2667 8.78993ZM1 5.26993L1.73333 8.78993L1.26745 9.13502L1.95765 9.6613L1.43137 10.0754L2.12157 10.7052L1.6902 11.0158L2.68235 12.1805L7.19451 10.8605L10.3867 8.16012L2.08706 2.00012L1 5.26993Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21.3092 12.1804L16.7971 10.8604L18.1688 12.9224L16.1241 16.891L18.8159 16.8565H22.8277L21.3092 12.1804ZM7.19473 10.8604L2.68257 12.1804L1.1814 16.8565H5.18453L7.86767 16.891L5.83159 12.9224L7.19473 10.8604ZM13.3202 13.1381L13.6049 8.16002L14.9163 4.61414H9.09277L10.3869 8.16002L10.6888 13.1381L10.7924 14.7083L10.801 18.5734H13.1908L13.2081 14.7083L13.3202 13.1381Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/src/img/social/metamask.svg
+++ b/src/img/social/metamask.svg
@@ -0,0 +1,14 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.9049 2L13.3206 8.37569L14.908 4.61412L21.9049 2Z" fill="#E2761B" stroke="#E2761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2.08735 2L10.6026 8.43608L9.09284 4.61412L2.08735 2ZM18.816 16.7788L16.5297 20.2816L21.4215 21.6275L22.8277 16.8565L18.816 16.7788ZM1.18147 16.8565L2.57911 21.6275L7.47088 20.2816L5.1846 16.7788L1.18147 16.8565Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M7.19457 10.8605L5.83143 12.9225L10.6887 13.1382L10.5161 7.91855L7.19457 10.8605ZM16.7969 10.8605L13.4322 7.85815L13.3201 13.1382L18.1687 12.9225L16.7969 10.8605ZM7.47064 20.2817L10.3867 18.8582L7.86751 16.8911L7.47064 20.2817ZM13.6048 18.8582L16.5295 20.2817L16.124 16.8911L13.6048 18.8582Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16.5299 20.2817L13.6052 18.8582L13.8381 20.7648L13.8123 21.5672L16.5299 20.2817ZM7.47108 20.2817L10.1887 21.5672L10.1715 20.7648L10.3872 18.8582L7.47108 20.2817Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10.2317 15.6313L7.79879 14.9152L9.51565 14.1301L10.2317 15.6313ZM13.7604 15.6313L14.4764 14.1301L16.2019 14.9152L13.7604 15.6313Z" fill="#233447" stroke="#233447" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M7.47068 20.2817L7.8848 16.779L5.18441 16.8566L7.47068 20.2817ZM16.1154 16.779L16.5295 20.2817L18.8158 16.8566L16.1154 16.779ZM18.1687 12.9225L13.3201 13.1382L13.7687 15.6315L14.4848 14.1303L16.2103 14.9154L18.1687 12.9225ZM7.79853 14.9154L9.52402 14.1303L10.2315 15.6315L10.6887 13.1382L5.83147 12.9225L7.79853 14.9154Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5.83143 12.9225L7.86751 16.8911L7.79849 14.9154L5.83143 12.9225ZM16.2103 14.9154L16.124 16.8911L18.1687 12.9225L16.2103 14.9154ZM10.6887 13.1382L10.2314 15.6315L10.8008 18.5735L10.9303 14.6997L10.6887 13.1382ZM13.3201 13.1382L13.0871 14.6911L13.1906 18.5735L13.7687 15.6315L13.3201 13.1382Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.769 15.6314L13.1909 18.5733L13.6051 18.858L16.1243 16.891L16.2106 14.9153L13.769 15.6314ZM7.79879 14.9153L7.86781 16.891L10.387 18.858L10.8011 18.5733L10.2317 15.6314L7.79879 14.9153Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.8123 21.5671L13.8381 20.7648L13.6225 20.575H10.3699L10.1715 20.7648L10.1887 21.5671L7.47108 20.2816L8.4201 21.0581L10.344 22.3953H13.6483L15.5809 21.0581L16.5299 20.2816L13.8123 21.5671Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M13.6053 18.8581L13.1912 18.5734H10.8014L10.3873 18.8581L10.1716 20.7647L10.37 20.5749H13.6226L13.8383 20.7647L13.6053 18.8581Z" fill="#161616" stroke="#161616" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M22.2667 8.78993L23 5.26993L21.9043 2.00012L13.6047 8.16012L16.7969 10.8605L21.309 12.1805L22.3098 11.0158L21.8784 10.7052L22.5686 10.0754L22.0337 9.6613L22.7239 9.13502L22.2667 8.78993ZM1 5.26993L1.73333 8.78993L1.26745 9.13502L1.95765 9.6613L1.43137 10.0754L2.12157 10.7052L1.6902 11.0158L2.68235 12.1805L7.19451 10.8605L10.3867 8.16012L2.08706 2.00012L1 5.26993Z" fill="#763D16" stroke="#763D16" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21.3093 12.1804L16.7972 10.8604L18.1689 12.9224L16.1242 16.891L18.816 16.8565H22.8277L21.3093 12.1804ZM7.1948 10.8604L2.68264 12.1804L1.18147 16.8565H5.1846L7.86774 16.891L5.83166 12.9224L7.1948 10.8604ZM13.3203 13.1381L13.605 8.16002L14.9164 4.61414H9.09284L10.387 8.16002L10.6889 13.1381L10.7924 14.7083L10.8011 18.5734H13.1909L13.2081 14.7083L13.3203 13.1381Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/src/img/social/pinterest-gray.svg
+++ b/src/img/social/pinterest-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 1C5.92422 1 1 5.92422 1 12C1 16.6621 3.90039 20.641 7.99102 22.2437C7.89648 21.3715 7.80625 20.0395 8.02969 19.0898C8.23164 18.2305 9.31875 13.6242 9.31875 13.6242C9.31875 13.6242 8.98789 12.9668 8.98789 11.9914C8.98789 10.4617 9.87305 9.31875 10.9773 9.31875C11.9141 9.31875 12.3695 10.0234 12.3695 10.8699C12.3695 11.8152 11.768 13.2246 11.4586 14.5309C11.2008 15.6266 12.0086 16.5203 13.0871 16.5203C15.0422 16.5203 16.5461 14.4578 16.5461 11.4844C16.5461 8.85039 14.6555 7.00703 11.9527 7.00703C8.82461 7.00703 6.98555 9.35312 6.98555 11.7809C6.98555 12.7262 7.35078 13.7402 7.80625 14.2902C7.89648 14.3977 7.90937 14.4965 7.88359 14.6039C7.80195 14.952 7.61289 15.6996 7.57852 15.85C7.53125 16.052 7.41953 16.0949 7.20898 15.9961C5.83398 15.3559 4.97461 13.3492 4.97461 11.7336C4.97461 8.26172 7.49688 5.07773 12.2406 5.07773C16.0563 5.07773 19.0211 7.79766 19.0211 11.4328C19.0211 15.2227 16.632 18.2734 13.3148 18.2734C12.202 18.2734 11.1535 17.6934 10.7926 17.0102C10.7926 17.0102 10.2426 19.1113 10.1094 19.627C9.86016 20.5809 9.18984 21.7797 8.74297 22.5102C9.77422 22.8281 10.8656 23 12 23C18.0758 23 23 18.0758 23 12C23 5.92422 18.0758 1 12 1Z" fill="#707987"/>
 </svg>
--- a/src/img/social/pinterest.svg
+++ b/src/img/social/pinterest.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
 <path d="M12 1C5.92487 1 1 5.92487 1 12C1 16.6626 3.89712 20.6461 7.9893 22.2486C7.88971 21.3794 7.80823 20.0395 8.02551 19.0889C8.22469 18.2288 9.31111 13.6206 9.31111 13.6206C9.31111 13.6206 8.98519 12.9597 8.98519 11.9909C8.98519 10.4609 9.87243 9.32017 10.977 9.32017C11.9185 9.32017 12.3712 10.0263 12.3712 10.8683C12.3712 11.8099 11.7737 13.2222 11.4568 14.535C11.1942 15.6305 12.0091 16.5268 13.0864 16.5268C15.042 16.5268 16.5449 14.4626 16.5449 11.493C16.5449 8.85844 14.6527 7.02058 11.9457 7.02058C8.81317 7.02058 6.97531 9.36543 6.97531 11.7918C6.97531 12.7333 7.33745 13.7473 7.79012 14.2996C7.88066 14.4082 7.88971 14.5078 7.86255 14.6165C7.78107 14.9605 7.59095 15.7119 7.55473 15.8658C7.50947 16.065 7.39177 16.1103 7.18354 16.0107C5.80741 15.3679 4.94733 13.3671 4.94733 11.7465C4.94733 8.27901 7.4642 5.09218 12.2173 5.09218C16.0288 5.09218 18.9984 7.80823 18.9984 11.4477C18.9984 15.2412 16.6082 18.2922 13.2947 18.2922C12.1811 18.2922 11.1309 17.7128 10.7778 17.0247C10.7778 17.0247 10.2255 19.1251 10.0897 19.6412C9.84527 20.6008 9.17531 21.7959 8.72263 22.5292C9.75473 22.8461 10.8412 23.0181 11.9819 23.0181C18.0568 23.0181 22.9819 18.093 22.9819 12.0181C23 5.9251 18.0749 1 12 1Z" fill="#E60019"/>
 </svg>
--- a/src/img/social/reddit-gray.svg
+++ b/src/img/social/reddit-gray.svg
@@ -0,0 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.47837 12C8.84796 12 8.33334 12.5146 8.33334 13.145C8.33334 13.7754 8.84796 14.29 9.47837 14.29C10.1088 14.29 10.6234 13.7754 10.6234 13.145C10.6234 12.5146 10.1088 12 9.47837 12Z" fill="#707987"/>
 <path d="M12.0129 17.0047C12.4503 17.0047 13.9427 16.9532 14.7275 16.1684C14.8433 16.0526 14.8433 15.8725 14.7532 15.7438C14.6374 15.628 14.4445 15.628 14.3287 15.7438C13.8269 16.2327 12.7848 16.4128 12.0257 16.4128C11.2667 16.4128 10.2117 16.2327 9.72281 15.7438C9.60702 15.628 9.41404 15.628 9.29825 15.7438C9.18246 15.8596 9.18246 16.0526 9.29825 16.1684C10.0702 16.9403 11.5754 17.0047 12.0129 17.0047Z" fill="#707987"/>
 <path d="M13.3766 13.145C13.3766 13.7754 13.8912 14.29 14.5216 14.29C15.1521 14.29 15.6667 13.7754 15.6667 13.145C15.6667 12.5146 15.1521 12 14.5216 12C13.8912 12 13.3766 12.5146 13.3766 13.145Z" fill="#707987"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM17.7252 10.3918C18.6129 10.3918 19.3333 11.1123 19.3333 12C19.3333 12.6561 18.9345 13.2222 18.407 13.4795C18.4328 13.6339 18.4456 13.7883 18.4456 13.9555C18.4456 16.4257 15.5766 18.4199 12.0257 18.4199C8.47486 18.4199 5.60585 16.4257 5.60585 13.9555C5.60585 13.7883 5.61872 13.621 5.64445 13.4666C5.07837 13.2093 4.6924 12.6561 4.6924 12C4.6924 11.1123 5.41287 10.3918 6.30059 10.3918C6.72515 10.3918 7.12398 10.5719 7.40702 10.8421C8.51346 10.0316 10.0444 9.5298 11.7556 9.47834L12.5661 5.64442C12.5918 5.56723 12.6304 5.5029 12.6947 5.46431C12.7591 5.42571 12.8363 5.41284 12.9135 5.42571L15.5766 5.99179C15.7567 5.60583 16.1427 5.34852 16.593 5.34852C17.2234 5.34852 17.738 5.86314 17.738 6.49355C17.738 7.12396 17.2234 7.63858 16.593 7.63858C15.9754 7.63858 15.4737 7.14969 15.448 6.54501L13.0678 6.04325L12.3345 9.47834C14.007 9.54267 15.5252 10.0573 16.6187 10.8421C16.9018 10.559 17.2877 10.3918 17.7252 10.3918Z" fill="#707987"/>
 </svg>
--- a/src/img/social/reddit.svg
+++ b/src/img/social/reddit.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4249)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FF4500"/>
 <path d="M20 12C20 11.0316 19.214 10.2456 18.2456 10.2456C17.7684 10.2456 17.3474 10.4281 17.0386 10.7368C15.8456 9.8807 14.1895 9.3193 12.3649 9.24912L13.1649 5.50175L15.7614 6.04912C15.7895 6.70877 16.3368 7.2421 17.0105 7.2421C17.6982 7.2421 18.2596 6.6807 18.2596 5.99298C18.2596 5.30526 17.6982 4.74386 17.0105 4.74386C16.5193 4.74386 16.0982 5.02456 15.9017 5.44561L12.9965 4.82807C12.9123 4.81403 12.8281 4.82807 12.7579 4.87017C12.6877 4.91228 12.6456 4.98245 12.6175 5.06667L11.7333 9.24912C9.86666 9.30526 8.19648 9.85263 6.98947 10.7368C6.68069 10.4421 6.24561 10.2456 5.78245 10.2456C4.81403 10.2456 4.02806 11.0316 4.02806 12C4.02806 12.7158 4.44912 13.3193 5.06666 13.6C5.03859 13.7684 5.02455 13.9509 5.02455 14.1333C5.02455 16.8281 8.15438 19.0035 12.0281 19.0035C15.9017 19.0035 19.0316 16.8281 19.0316 14.1333C19.0316 13.9509 19.0175 13.7825 18.9895 13.614C19.5649 13.3333 20 12.7158 20 12ZM7.99999 13.2491C7.99999 12.5614 8.5614 12 9.24912 12C9.93684 12 10.4982 12.5614 10.4982 13.2491C10.4982 13.9368 9.93684 14.4982 9.24912 14.4982C8.5614 14.4982 7.99999 13.9368 7.99999 13.2491ZM14.9754 16.5474C14.1193 17.4035 12.4912 17.4596 12.014 17.4596C11.5368 17.4596 9.89473 17.3895 9.05262 16.5474C8.92631 16.4211 8.92631 16.2105 9.05262 16.0842C9.17894 15.9579 9.38947 15.9579 9.51578 16.0842C10.0491 16.6175 11.2 16.814 12.0281 16.814C12.8561 16.814 13.993 16.6175 14.5403 16.0842C14.6667 15.9579 14.8772 15.9579 15.0035 16.0842C15.1017 16.2246 15.1017 16.4211 14.9754 16.5474ZM14.7509 14.4982C14.0632 14.4982 13.5017 13.9368 13.5017 13.2491C13.5017 12.5614 14.0632 12 14.7509 12C15.4386 12 16 12.5614 16 13.2491C16 13.9368 15.4386 14.4982 14.7509 14.4982Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4249">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/img/social/signal-gray.svg
+++ b/src/img/social/signal-gray.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4151)">
 <path d="M9.11911 0.350322L9.38845 1.44131C8.32691 1.70367 7.31091 2.12432 6.3746 2.68912L5.79842 1.72428C6.82904 1.10015 7.94881 0.63684 9.11911 0.350322ZM14.8809 0.350322L14.6115 1.44131C15.6731 1.70367 16.6891 2.12432 17.6254 2.68912L18.2084 1.72428C17.1751 1.1007 16.0531 0.637446 14.8809 0.350322ZM1.72427 5.79503C1.10072 6.82716 0.637457 7.94795 0.350307 9.11913L1.44129 9.38846C1.70365 8.32693 2.1243 7.31093 2.68911 6.37461L1.72427 5.79503ZM1.12423 12C1.12414 11.4545 1.16517 10.9097 1.24696 10.3704L0.135519 10.1999C-0.0451731 11.392 -0.0451731 12.6046 0.135519 13.7967L1.24696 13.6297C1.1653 13.0903 1.12427 12.5455 1.12423 12ZM18.2016 22.2723L17.6254 21.3109C16.6906 21.8762 15.6756 22.2969 14.615 22.5587L14.8843 23.6497C16.0532 23.3604 17.1716 22.8961 18.2016 22.2723ZM22.8758 12C22.8757 12.5455 22.8347 13.0903 22.753 13.6297L23.8645 13.7967C24.0452 12.6046 24.0452 11.392 23.8645 10.1999L22.753 10.3704C22.8348 10.9097 22.8759 11.4545 22.8758 12ZM23.6497 14.8775L22.5587 14.6082C22.297 15.671 21.8763 16.6882 21.3109 17.6254L22.2757 18.205C22.8999 17.172 23.3632 16.0499 23.6497 14.8775ZM13.6297 22.7531C12.5494 22.9167 11.4506 22.9167 10.3703 22.7531L10.2033 23.8645C11.3943 24.0452 12.6057 24.0452 13.7967 23.8645L13.6297 22.7531ZM20.7552 18.4505C20.1072 19.3292 19.3302 20.1051 18.4505 20.7518L19.1187 21.6587C20.0876 20.9454 20.9449 20.0916 21.6621 19.1255L20.7552 18.4505ZM18.4505 3.24485C19.3302 3.89279 20.1072 4.66977 20.7552 5.54955L21.6621 4.87451C20.9474 3.90756 20.0925 3.05263 19.1255 2.33796L18.4505 3.24485ZM3.24483 5.54955C3.89278 4.66977 4.66976 3.89279 5.54954 3.24485L4.87449 2.33796C3.90754 3.05263 3.05262 3.90756 2.33795 4.87451L3.24483 5.54955ZM22.2757 5.79503L21.3109 6.37461C21.8762 7.30945 22.2969 8.3244 22.5587 9.38506L23.6497 9.11572C23.3625 7.94563 22.8992 6.82595 22.2757 5.79503ZM10.3703 1.24698C11.4506 1.08331 12.5494 1.08331 13.6297 1.24698L13.7967 0.135534C12.6057 -0.0451779 11.3943 -0.0451779 10.2033 0.135534L10.3703 1.24698ZM3.82101 21.9587L1.49925 22.4974L2.04134 20.1756L0.946941 19.9199L0.404856 22.2417C0.370939 22.3856 0.365734 22.5348 0.389539 22.6808C0.413344 22.8267 0.465692 22.9666 0.543588 23.0923C0.621485 23.218 0.723402 23.3271 0.843508 23.4134C0.963615 23.4997 1.09956 23.5615 1.24355 23.5952C1.41196 23.6327 1.58655 23.6327 1.75495 23.5952L4.07671 23.0599L3.82101 21.9587ZM1.17878 18.9176L2.27658 19.1698L2.65161 17.5606C2.10394 16.642 1.69604 15.6469 1.44129 14.6082L0.350307 14.8775C0.595705 15.8718 0.966907 16.8307 1.45493 17.7311L1.17878 18.9176ZM6.42915 21.3518L4.81994 21.7268L5.07564 22.8246L6.25868 22.5485C7.15838 23.038 8.11751 23.4093 9.11229 23.6531L9.38163 22.5621C8.34612 22.3041 7.35459 21.8939 6.43938 21.345L6.42915 21.3518ZM12 2.24932C6.61325 2.25273 2.25272 6.62009 2.25272 12.0034C2.25568 13.837 2.77433 15.6328 3.74941 17.1856L2.81185 21.1882L6.81099 20.2506C11.3693 23.1179 17.3902 21.7507 20.2574 17.1958C23.1247 12.641 21.7609 6.62009 17.2061 3.74943C15.6467 2.76884 13.842 2.24882 12 2.24932Z" fill="#707987"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4151">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/img/social/signal.svg
+++ b/src/img/social/signal.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4237)">
 <path d="M9.11911 0.350322L9.38845 1.44131C8.32691 1.70367 7.31091 2.12432 6.3746 2.68912L5.79842 1.72428C6.82904 1.10015 7.94881 0.63684 9.11911 0.350322ZM14.8809 0.350322L14.6115 1.44131C15.6731 1.70367 16.6891 2.12432 17.6254 2.68912L18.2084 1.72428C17.1751 1.1007 16.0531 0.637446 14.8809 0.350322ZM1.72427 5.79503C1.10072 6.82716 0.637457 7.94795 0.350307 9.11913L1.44129 9.38846C1.70365 8.32693 2.1243 7.31093 2.68911 6.37461L1.72427 5.79503ZM1.12423 12C1.12414 11.4545 1.16517 10.9097 1.24696 10.3704L0.135519 10.1999C-0.0451731 11.392 -0.0451731 12.6046 0.135519 13.7967L1.24696 13.6297C1.1653 13.0903 1.12427 12.5455 1.12423 12ZM18.2016 22.2723L17.6254 21.3109C16.6906 21.8762 15.6756 22.2969 14.615 22.5587L14.8843 23.6497C16.0532 23.3604 17.1716 22.8961 18.2016 22.2723ZM22.8758 12C22.8757 12.5455 22.8347 13.0903 22.753 13.6297L23.8645 13.7967C24.0452 12.6046 24.0452 11.392 23.8645 10.1999L22.753 10.3704C22.8348 10.9097 22.8759 11.4545 22.8758 12ZM23.6497 14.8775L22.5587 14.6082C22.297 15.671 21.8763 16.6882 21.3109 17.6254L22.2757 18.205C22.8999 17.172 23.3632 16.0499 23.6497 14.8775ZM13.6297 22.7531C12.5494 22.9167 11.4506 22.9167 10.3703 22.7531L10.2033 23.8645C11.3943 24.0452 12.6057 24.0452 13.7967 23.8645L13.6297 22.7531ZM20.7552 18.4505C20.1072 19.3292 19.3302 20.1051 18.4505 20.7518L19.1187 21.6587C20.0876 20.9454 20.9449 20.0916 21.6621 19.1255L20.7552 18.4505ZM18.4505 3.24485C19.3302 3.89279 20.1072 4.66977 20.7552 5.54955L21.6621 4.87451C20.9474 3.90756 20.0925 3.05263 19.1255 2.33796L18.4505 3.24485ZM3.24483 5.54955C3.89278 4.66977 4.66976 3.89279 5.54954 3.24485L4.87449 2.33796C3.90754 3.05263 3.05262 3.90756 2.33795 4.87451L3.24483 5.54955ZM22.2757 5.79503L21.3109 6.37461C21.8762 7.30945 22.2969 8.3244 22.5587 9.38506L23.6497 9.11572C23.3625 7.94563 22.8992 6.82595 22.2757 5.79503ZM10.3703 1.24698C11.4506 1.08331 12.5494 1.08331 13.6297 1.24698L13.7967 0.135534C12.6057 -0.0451779 11.3943 -0.0451779 10.2033 0.135534L10.3703 1.24698ZM3.82101 21.9587L1.49925 22.4974L2.04134 20.1756L0.946941 19.9199L0.404856 22.2417C0.370939 22.3856 0.365734 22.5348 0.389539 22.6808C0.413344 22.8267 0.465692 22.9666 0.543588 23.0923C0.621485 23.218 0.723402 23.3271 0.843508 23.4134C0.963615 23.4997 1.09956 23.5615 1.24355 23.5952C1.41196 23.6327 1.58655 23.6327 1.75495 23.5952L4.07671 23.0599L3.82101 21.9587ZM1.17878 18.9176L2.27658 19.1698L2.65161 17.5606C2.10394 16.642 1.69604 15.6469 1.44129 14.6082L0.350307 14.8775C0.595705 15.8718 0.966907 16.8307 1.45493 17.7311L1.17878 18.9176ZM6.42915 21.3518L4.81994 21.7268L5.07564 22.8246L6.25868 22.5485C7.15838 23.038 8.11751 23.4093 9.11229 23.6531L9.38163 22.5621C8.34612 22.3041 7.35459 21.8939 6.43938 21.345L6.42915 21.3518ZM12 2.24932C6.61325 2.25273 2.25272 6.62009 2.25272 12.0034C2.25568 13.837 2.77433 15.6328 3.74941 17.1856L2.81185 21.1882L6.81099 20.2506C11.3693 23.1178 17.3902 21.7507 20.2574 17.1958C23.1247 12.641 21.7609 6.62009 17.2061 3.74943C15.6467 2.76884 13.842 2.24882 12 2.24932Z" fill="#3A76F0"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4237">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/img/social/skype-gray.svg
+++ b/src/img/social/skype-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.9842 18.621C8.32963 18.621 6.65989 16.7593 6.65989 15.3938C6.6594 15.0681 6.79309 14.7565 7.02952 14.5324C7.26594 14.3083 7.58422 14.1915 7.90948 14.2094C9.47418 14.2094 9.0649 16.5565 11.9842 16.5565C13.4765 16.5565 14.353 15.6582 14.353 14.8143C14.353 14.3072 14.0632 13.7277 13.0781 13.4959L9.81827 12.6737C7.19957 12.0072 6.7432 10.5512 6.7432 9.2002C6.7432 6.39678 9.30757 5.38262 11.7488 5.38262C13.998 5.38262 16.6711 6.62497 16.6711 8.30557C16.6711 9.02997 16.0662 9.41752 15.3635 9.41752C14.027 9.41752 14.2516 7.54133 11.5641 7.54133C10.2276 7.54133 9.52489 8.16794 9.52489 9.04446C9.52489 9.92098 10.5644 10.218 11.4771 10.4172L13.8821 10.9605C16.519 11.5545 17.2216 13.1011 17.2216 14.5825C17.2216 16.8607 15.4577 18.621 11.9806 18.621H11.9842ZM22.0751 13.8001C22.1795 13.2021 22.2316 12.5962 22.2308 11.9891C22.2436 8.93983 20.9038 6.04178 18.5725 4.07619C16.2412 2.11061 13.1584 1.2798 10.1551 1.80772C9.23201 1.27624 8.18506 0.997635 7.11989 1.00002C4.93351 1.01337 2.91819 2.18516 1.825 4.07867C0.731821 5.97218 0.72475 8.30339 1.80642 10.2035C1.20286 13.5199 2.26013 16.9218 4.6372 19.3119C7.01428 21.702 10.4104 22.7778 13.73 22.1923C14.652 22.7233 15.6977 23.0019 16.7616 23C18.9469 22.9859 20.961 21.8146 22.0539 19.9223C23.1469 18.0299 23.1549 15.7 22.0751 13.8001Z" fill="#707987"/>
 </svg>
--- a/src/img/social/skype.svg
+++ b/src/img/social/skype.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.9842 18.621C8.32963 18.621 6.6599 16.7593 6.6599 15.3938C6.6594 15.0681 6.7931 14.7565 7.02952 14.5324C7.26595 14.3083 7.58423 14.1915 7.90948 14.2094C9.47418 14.2094 9.0649 16.5565 11.9842 16.5565C13.4765 16.5565 14.353 15.6582 14.353 14.8143C14.353 14.3072 14.0632 13.7277 13.0781 13.4959L9.81827 12.6737C7.19957 12.0072 6.7432 10.5512 6.7432 9.2002C6.7432 6.39678 9.30757 5.38262 11.7488 5.38262C13.9981 5.38262 16.6711 6.62497 16.6711 8.30557C16.6711 9.02997 16.0662 9.41752 15.3635 9.41752C14.027 9.41752 14.2516 7.54133 11.5641 7.54133C10.2276 7.54133 9.52489 8.16794 9.52489 9.04446C9.52489 9.92098 10.5644 10.218 11.4771 10.4172L13.8821 10.9605C16.519 11.5545 17.2216 13.1011 17.2216 14.5825C17.2216 16.8607 15.4577 18.621 11.9806 18.621H11.9842ZM22.0751 13.8001C22.1795 13.2021 22.2316 12.5962 22.2308 11.9891C22.2436 8.93983 20.9038 6.04178 18.5725 4.07619C16.2412 2.11061 13.1584 1.2798 10.1551 1.80772C9.23201 1.27624 8.18506 0.997635 7.11989 1.00002C4.93351 1.01337 2.91819 2.18516 1.82501 4.07867C0.731825 5.97218 0.724753 8.30339 1.80643 10.2035C1.20286 13.5199 2.26013 16.9218 4.63721 19.3119C7.01428 21.702 10.4104 22.7778 13.73 22.1923C14.652 22.7233 15.6977 23.0019 16.7616 23C18.9469 22.9859 20.961 21.8146 22.0539 19.9223C23.1469 18.0299 23.1549 15.7 22.0751 13.8001Z" fill="#0078D7"/>
 </svg>
--- a/src/img/social/snapchat-gray.svg
+++ b/src/img/social/snapchat-gray.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4199)">
 <path d="M23.9132 17.4577C23.7478 17.0042 23.4291 16.759 23.0675 16.5629C23.0001 16.5261 22.9388 16.4894 22.8836 16.4648C22.7733 16.4097 22.663 16.3545 22.5527 16.2994C21.425 15.6988 20.5425 14.9511 19.9358 14.0563C19.7642 13.805 19.611 13.5354 19.4884 13.2596C19.4332 13.1125 19.4394 13.0267 19.4761 12.947C19.5129 12.8857 19.5619 12.8367 19.6232 12.7938C19.8193 12.6651 20.0155 12.5364 20.1503 12.4506C20.3893 12.2913 20.5854 12.1687 20.708 12.0829C21.1676 11.7581 21.4924 11.4149 21.6947 11.0288C21.9827 10.4895 22.0195 9.85822 21.7989 9.28826C21.4924 8.47929 20.7325 7.98287 19.8071 7.98287C19.611 7.98287 19.421 8.00126 19.2249 8.04416C19.1758 8.05641 19.1207 8.06867 19.0716 8.08093C19.0778 7.52936 19.0655 6.94714 19.0165 6.37105C18.8449 4.35474 18.134 3.30063 17.3985 2.46101C16.9266 1.93395 16.3751 1.48657 15.7561 1.13724C14.6407 0.499864 13.3721 0.175049 11.9931 0.175049C10.6142 0.175049 9.35171 0.499864 8.2363 1.13724C7.61732 1.48657 7.06574 1.93395 6.59384 2.46101C5.85841 3.30063 5.15363 4.36087 4.9759 6.37105C4.92687 6.94714 4.91461 7.52936 4.92074 8.08093C4.87171 8.06867 4.82268 8.05641 4.76752 8.04416C4.57754 8.00126 4.38142 7.98287 4.19144 7.98287C3.26602 7.98287 2.50607 8.48541 2.19965 9.28826C1.97902 9.85822 2.01579 10.4895 2.30383 11.0288C2.50607 11.4149 2.83089 11.7581 3.29053 12.0829C3.41311 12.1687 3.60309 12.2913 3.84824 12.4506C3.97694 12.5364 4.16692 12.659 4.35691 12.7816C4.42432 12.8245 4.47948 12.8796 4.52238 12.947C4.55915 13.0267 4.56528 13.1125 4.50399 13.2718C4.38142 13.5415 4.23434 13.805 4.06274 14.0502C3.46826 14.9204 2.61026 15.662 1.51937 16.2565C0.943285 16.5629 0.342683 16.7651 0.085282 17.4577C-0.104704 17.9786 0.0178675 18.5669 0.502026 19.0695C0.679755 19.2533 0.888127 19.4127 1.11489 19.5353C1.58679 19.7927 2.08933 19.9949 2.61639 20.1359C2.7267 20.1665 2.82476 20.2094 2.91669 20.2707C3.09442 20.4239 3.0699 20.6568 3.30279 21C3.41923 21.1777 3.57245 21.3309 3.74405 21.4535C4.24047 21.7967 4.79817 21.8151 5.38651 21.8396C5.9197 21.858 6.5203 21.8825 7.21283 22.1093C7.50087 22.2012 7.79505 22.3851 8.13825 22.5996C8.96561 23.1082 10.0933 23.8008 11.987 23.8008C13.8807 23.8008 15.0145 23.1021 15.848 22.5934C16.1912 22.3851 16.4854 22.2012 16.7612 22.1093C17.4476 21.8825 18.0543 21.858 18.5875 21.8396C19.1758 21.8151 19.7335 21.7967 20.23 21.4535C20.4383 21.3064 20.6099 21.1226 20.7325 20.9019C20.9041 20.6139 20.898 20.4116 21.0573 20.2707C21.1431 20.2094 21.2412 20.1665 21.3392 20.142C21.8663 20.001 22.3811 19.7988 22.8591 19.5353C23.0981 19.4066 23.3188 19.235 23.5026 19.0327L23.5087 19.0266C23.9868 18.5363 24.1032 17.9602 23.9132 17.4577ZM22.234 18.3586C21.2105 18.9224 20.5241 18.8611 19.9971 19.2043C19.5436 19.4924 19.8132 20.1175 19.4884 20.3442C19.0839 20.62 17.895 20.3258 16.3628 20.8345C15.0942 21.2513 14.2914 22.4586 12.0115 22.4586C9.73168 22.4586 8.94722 21.2574 7.66022 20.8345C6.12807 20.3258 4.93912 20.6261 4.53464 20.3442C4.20982 20.1175 4.47335 19.4924 4.02596 19.2043C3.49278 18.8611 2.8125 18.9224 1.78903 18.3586C1.13327 17.997 1.50711 17.7764 1.72162 17.6722C5.43554 15.8765 6.03001 13.1002 6.05453 12.8919C6.08517 12.6406 6.12194 12.4445 5.84616 12.1932C5.58263 11.9481 4.40594 11.2188 4.07499 10.992C3.53568 10.612 3.29666 10.2382 3.47439 9.77242C3.59696 9.45373 3.89726 9.33116 4.20982 9.33116C4.30788 9.33116 4.40594 9.34342 4.50399 9.3618C5.09847 9.4905 5.67456 9.78468 6.0055 9.87048C6.0484 9.88273 6.08517 9.88886 6.12807 9.88886C6.3058 9.88886 6.36709 9.79693 6.35483 9.59469C6.31806 8.94506 6.22613 7.68257 6.33031 6.49975C6.47127 4.87568 6.9922 4.0667 7.61732 3.35579C7.91762 3.01259 9.32106 1.52947 12.0115 1.52947C14.702 1.52947 16.1054 3.00646 16.4057 3.34966C17.0308 4.06057 17.5518 4.86955 17.6927 6.49362C17.7969 7.67644 17.705 8.93893 17.6621 9.58856C17.6498 9.80306 17.7111 9.88273 17.8888 9.88273C17.9317 9.88273 17.9685 9.8766 18.0114 9.86435C18.3423 9.78467 18.9184 9.48438 19.5129 9.35567C19.611 9.33116 19.709 9.32503 19.8071 9.32503C20.1196 9.32503 20.4199 9.4476 20.5425 9.76629C20.7202 10.2321 20.4812 10.6059 19.9419 10.9859C19.6171 11.2126 18.4404 11.9419 18.1707 12.1871C17.895 12.4384 17.9317 12.6345 17.9624 12.8857C17.9869 13.0941 18.5814 15.8704 22.2953 17.666C22.5159 17.7702 22.8836 17.997 22.234 18.3586Z" fill="#707987"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4199">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/img/social/snapchat.svg
+++ b/src/img/social/snapchat.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4263)">
 <path d="M22.2972 17.6798C18.5806 15.8801 17.9883 13.1015 17.9619 12.8954C17.93 12.6458 17.8939 12.4495 18.1692 12.1956C18.4347 11.9502 19.6126 11.2209 19.9395 10.9927C20.4797 10.6149 20.7176 10.2377 20.5422 9.77397C20.4196 9.45317 20.121 9.33233 19.8064 9.33233C19.7072 9.33264 19.6083 9.34374 19.5115 9.36546C18.9179 9.49427 18.3415 9.79175 18.0079 9.87211C17.9678 9.88244 17.9267 9.888 17.8853 9.88867C17.7075 9.88867 17.64 9.80954 17.6572 9.59547C17.6989 8.94652 17.7872 7.6799 17.6848 6.4967C17.5443 4.8688 17.0195 4.06222 16.3971 3.34886C16.096 3.00292 14.6979 1.51671 11.9999 1.51671C9.30182 1.51671 7.90558 3.00292 7.60635 3.34457C6.98212 4.05792 6.45784 4.86451 6.31864 6.49241C6.21624 7.67561 6.30822 8.94162 6.34624 9.59118C6.3585 9.79482 6.29596 9.88437 6.11813 9.88437C6.07674 9.88366 6.03558 9.87811 5.99549 9.86781C5.66253 9.78746 5.08613 9.48997 4.49256 9.36116C4.39574 9.33945 4.29684 9.32834 4.19761 9.32804C3.88182 9.32804 3.58442 9.45072 3.46178 9.76967C3.28641 10.2334 3.5231 10.6106 4.06516 10.9884C4.39199 11.2166 5.56994 11.9453 5.83545 12.1913C6.11016 12.4452 6.07459 12.6415 6.04271 12.8911C6.01634 13.1003 5.42338 15.8789 1.70744 17.6755C1.48976 17.781 1.11939 18.0042 1.77244 18.3649C2.7977 18.9317 3.48018 18.8709 4.01059 19.2126C4.46067 19.5027 4.19455 20.1283 4.52199 20.3541C4.92425 20.6319 6.11322 20.3344 7.64927 20.8417C8.93697 21.2662 9.71941 22.4653 12.0029 22.4653C14.2865 22.4653 15.0916 21.2606 16.3566 20.8417C17.8896 20.3344 19.081 20.6319 19.4839 20.3541C19.8107 20.1283 19.5452 19.5027 19.9953 19.2126C20.5257 18.8709 21.2076 18.9317 22.2334 18.3649C22.8853 18.0085 22.5149 17.7853 22.2972 17.6798Z" fill="white"/>
 <path d="M23.9142 17.4685C23.7474 17.0147 23.4298 16.7718 23.068 16.5706C22.9999 16.5307 22.9374 16.4988 22.884 16.4743C22.7761 16.4185 22.6657 16.3645 22.556 16.3074C21.4283 15.7094 20.5478 14.9549 19.937 14.0606C19.7636 13.8089 19.6132 13.542 19.4876 13.2633C19.4354 13.1142 19.4379 13.0296 19.4753 12.9523C19.5124 12.8927 19.5615 12.8415 19.6194 12.802C19.8132 12.6738 20.0131 12.5438 20.1486 12.456C20.3902 12.2996 20.5815 12.1757 20.7048 12.088C21.1677 11.7642 21.4915 11.4201 21.6938 11.0355C21.835 10.7698 21.9173 10.4768 21.9352 10.1764C21.9531 9.87601 21.9061 9.5753 21.7975 9.29471C21.4909 8.48751 20.7287 7.98638 19.8052 7.98638C19.6104 7.9862 19.4162 8.00676 19.2257 8.04772C19.1748 8.05876 19.1239 8.07041 19.0743 8.0833C19.0829 7.53126 19.0706 6.94855 19.0215 6.37505C18.8474 4.35888 18.1416 3.30204 17.4058 2.45926C16.9346 1.93114 16.3796 1.48433 15.763 1.13682C14.6464 0.498911 13.3802 0.175049 11.9999 0.175049C10.6196 0.175049 9.35948 0.498911 8.24163 1.13682C7.6236 1.48444 7.06746 1.93214 6.59582 2.46171C5.85999 3.30449 5.15421 4.36318 4.98006 6.3775C4.931 6.95101 4.91874 7.53678 4.92671 8.08575C4.87704 8.07287 4.82676 8.06121 4.77587 8.05017C4.58543 8.00921 4.39118 7.98865 4.1964 7.98884C3.27232 7.98884 2.50889 8.48996 2.20353 9.29717C2.09437 9.57788 2.04691 9.8788 2.06437 10.1795C2.08183 10.4802 2.1638 10.7736 2.3047 11.0398C2.50767 11.4244 2.83143 11.7685 3.29439 12.0923C3.41703 12.1782 3.60896 12.3021 3.85056 12.4603C3.98117 12.545 4.17187 12.6689 4.3589 12.7928C4.42433 12.8351 4.47995 12.891 4.522 12.9566C4.56125 13.0369 4.56248 13.1234 4.50422 13.2829C4.38032 13.5558 4.23236 13.8171 4.06211 14.0637C3.46486 14.9378 2.61007 15.6787 1.51859 16.2719C0.94035 16.5785 0.339422 16.7834 0.0855607 17.4735C-0.105755 17.9942 0.0193358 18.5867 0.505597 19.086C0.684059 19.2724 0.891048 19.4291 1.11879 19.5503C1.59266 19.8108 2.09654 20.0125 2.61927 20.1508C2.72714 20.1787 2.82955 20.2245 2.92219 20.2864C3.0994 20.4416 3.07426 20.6753 3.31034 21.0175C3.42884 21.1944 3.57942 21.3476 3.75429 21.469C4.24975 21.8112 4.80653 21.8327 5.39642 21.8554C5.92928 21.8757 6.53327 21.899 7.22311 22.1265C7.50886 22.221 7.80565 22.4038 8.14965 22.6172C8.97562 23.1251 10.1063 23.82 11.9987 23.82C13.891 23.82 15.0297 23.1214 15.8618 22.6117C16.2033 22.4019 16.4983 22.221 16.776 22.129C17.4659 21.9008 18.0699 21.8781 18.6027 21.8579C19.1926 21.8352 19.7494 21.8137 20.2449 21.4714C20.452 21.327 20.6245 21.1385 20.7501 20.9194C20.92 20.6305 20.9157 20.4287 21.0751 20.2876C21.162 20.2287 21.2582 20.1847 21.3596 20.1576C21.8895 20.0188 22.4003 19.8153 22.8804 19.5516C23.1223 19.4217 23.3401 19.2512 23.5242 19.0474L23.5303 19.04C23.9866 18.5518 24.1012 17.9764 23.9142 17.4685ZM22.2322 18.3727C21.2063 18.9394 20.5245 18.8787 19.9941 19.2203C19.5434 19.5105 19.8101 20.1361 19.4827 20.3618C19.0804 20.6397 17.8914 20.3422 16.3554 20.8495C15.0885 21.2684 14.2803 22.4731 12.0017 22.4731C9.7231 22.4731 8.93392 21.2709 7.64622 20.8464C6.11324 20.3391 4.92181 20.6366 4.51894 20.3588C4.19211 20.1331 4.45762 19.5074 4.00754 19.2173C3.47651 18.8756 2.79464 18.9364 1.76939 18.3727C1.11634 18.012 1.4867 17.7887 1.70439 17.6832C5.42033 15.8836 6.01329 13.105 6.03965 12.8989C6.07154 12.6493 6.10711 12.453 5.8324 12.199C5.56688 11.9537 4.38894 11.2244 4.06211 10.9962C3.52128 10.6184 3.28336 10.2411 3.45873 9.77744C3.58137 9.45664 3.88061 9.33581 4.19456 9.33581C4.29379 9.33611 4.39268 9.34722 4.4895 9.36893C5.08307 9.49774 5.65948 9.79523 5.99244 9.87558C6.03253 9.88587 6.07369 9.89143 6.11508 9.89214C6.2929 9.89214 6.35545 9.80259 6.34318 9.59895C6.30517 8.94938 6.21319 7.68338 6.31559 6.50017C6.45601 4.87228 6.98029 4.06569 7.60329 3.35233C7.90253 3.00946 9.30858 1.52325 11.9974 1.52325C14.6863 1.52325 16.096 3.00332 16.3952 3.34497C17.0189 4.05833 17.5437 4.86492 17.6829 6.49281C17.7853 7.67601 17.697 8.94263 17.6553 9.59158C17.6412 9.80565 17.7056 9.88478 17.8835 9.88478C17.9248 9.88411 17.966 9.87856 18.0061 9.86822C18.3397 9.78787 18.9161 9.49038 19.5096 9.36157C19.6065 9.33986 19.7054 9.32875 19.8046 9.32845C20.1204 9.32845 20.4178 9.45112 20.5404 9.77008C20.7158 10.2338 20.4791 10.611 19.9377 10.9889C19.6108 11.217 18.4329 11.9457 18.1674 12.1917C17.892 12.4456 17.9282 12.6419 17.9601 12.8915C17.9865 13.1007 18.5788 15.8793 22.2954 17.6759C22.5149 17.7857 22.8853 18.0089 22.2322 18.3727Z" fill="#313B49"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4263">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/img/social/spotify-gray.svg
+++ b/src/img/social/spotify-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 1C5.925 1 1 5.9245 1 12C1 18.0755 5.925 23 12 23C18.075 23 23 18.0755 23 12C23 5.9245 18.075 1 12 1ZM17.3667 16.8572C17.19 17.17 16.865 17.346 16.53 17.346C16.3733 17.346 16.2117 17.3068 16.0633 17.2243C14.69 16.4543 13.1933 15.9827 11.6117 15.8225C10.0267 15.6637 8.46167 15.8245 6.95833 16.3045C6.45667 16.4647 5.91667 16.1875 5.75667 15.685C5.59501 15.1817 5.87334 14.6435 6.37667 14.4825C8.13 13.9223 9.95833 13.7318 11.805 13.9195C13.6483 14.1072 15.395 14.6572 16.9983 15.5558C17.46 15.8128 17.625 16.3958 17.3667 16.8572ZM18.6833 13.516C18.5133 13.8432 18.18 14.0308 17.835 14.0308C17.685 14.0308 17.535 13.9965 17.3933 13.9223C15.705 13.043 13.8817 12.4985 11.97 12.3045C10.0433 12.1073 8.135 12.2792 6.295 12.8098C5.78667 12.9542 5.25667 12.6635 5.11167 12.1553C4.96501 11.648 5.25833 11.118 5.76499 10.9715C7.84166 10.3727 9.995 10.1808 12.1633 10.4008C14.3167 10.6202 16.3733 11.2335 18.2783 12.2262C18.745 12.4703 18.9283 13.0477 18.6833 13.516ZM19.16 10.7363C19.0167 10.7363 18.8717 10.704 18.7333 10.636C16.73 9.637 14.575 9.01483 12.3267 8.78667C10.075 8.55633 7.835 8.73433 5.66667 9.31333C5.15667 9.44867 4.63333 9.14617 4.49666 8.63533C4.36 8.12517 4.66334 7.60067 5.17501 7.4645C7.56668 6.82583 10.04 6.63133 12.5217 6.88367C15 7.1345 17.3767 7.82133 19.5867 8.9235C20.06 9.15917 20.2517 9.734 20.0167 10.2063C19.85 10.5425 19.5117 10.7363 19.16 10.7363Z" fill="#707987"/>
 </svg>
--- a/src/img/social/spotify.svg
+++ b/src/img/social/spotify.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 1C5.925 1 1 5.9245 1 12C1 18.0755 5.925 23 12 23C18.075 23 23 18.0755 23 12C23 5.9245 18.075 1 12 1ZM17.3667 16.8572C17.19 17.17 16.865 17.346 16.53 17.346C16.3733 17.346 16.2117 17.3068 16.0633 17.2243C14.69 16.4543 13.1933 15.9827 11.6117 15.8225C10.0267 15.6637 8.46167 15.8245 6.95833 16.3045C6.45667 16.4647 5.91667 16.1875 5.75667 15.685C5.59501 15.1817 5.87334 14.6435 6.37667 14.4825C8.13 13.9223 9.95833 13.7318 11.805 13.9195C13.6483 14.1072 15.395 14.6572 16.9983 15.5558C17.46 15.8128 17.625 16.3958 17.3667 16.8572ZM18.6833 13.516C18.5133 13.8432 18.18 14.0308 17.835 14.0308C17.685 14.0308 17.535 13.9965 17.3933 13.9223C15.705 13.043 13.8817 12.4985 11.97 12.3045C10.0433 12.1073 8.135 12.2792 6.295 12.8098C5.78667 12.9542 5.25667 12.6635 5.11167 12.1553C4.96501 11.648 5.25833 11.118 5.76499 10.9715C7.84166 10.3727 9.995 10.1808 12.1633 10.4008C14.3167 10.6202 16.3733 11.2335 18.2783 12.2262C18.745 12.4703 18.9283 13.0477 18.6833 13.516ZM19.16 10.7363C19.0167 10.7363 18.8717 10.704 18.7333 10.636C16.73 9.637 14.575 9.01483 12.3267 8.78667C10.075 8.55633 7.835 8.73433 5.66667 9.31333C5.15667 9.44867 4.63333 9.14617 4.49666 8.63533C4.36 8.12517 4.66334 7.60067 5.17501 7.4645C7.56668 6.82583 10.04 6.63133 12.5217 6.88367C15 7.1345 17.3767 7.82133 19.5867 8.9235C20.06 9.15917 20.2517 9.734 20.0167 10.2063C19.85 10.5425 19.5117 10.7363 19.16 10.7363Z" fill="#1ED760"/>
 </svg>
--- a/src/img/social/telegram-gray.svg
+++ b/src/img/social/telegram-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM12.3942 9.12068C11.3243 9.5657 9.18596 10.4868 5.97924 11.8839C5.45851 12.091 5.18574 12.2935 5.1609 12.4916C5.11894 12.8264 5.53815 12.9582 6.10901 13.1377C6.18667 13.1621 6.26712 13.1874 6.34961 13.2142C6.91125 13.3968 7.66676 13.6104 8.05951 13.6189C8.41578 13.6266 8.81342 13.4797 9.25242 13.1782C12.2486 11.1558 13.7952 10.1335 13.8923 10.1115C13.9608 10.0959 14.0557 10.0764 14.12 10.1335C14.1844 10.1907 14.178 10.299 14.1712 10.328C14.1297 10.505 12.4841 12.0349 11.6325 12.8266C11.367 13.0734 11.1787 13.2485 11.1402 13.2885C11.054 13.3781 10.9661 13.4628 10.8816 13.5442C10.3599 14.0472 9.96859 14.4244 10.9033 15.0404C11.3525 15.3364 11.712 15.5812 12.0705 15.8254C12.4622 16.0921 12.8528 16.3581 13.3581 16.6894C13.4869 16.7738 13.6099 16.8614 13.7296 16.9468C14.1854 17.2717 14.5949 17.5636 15.1007 17.5171C15.3946 17.49 15.6983 17.2136 15.8525 16.3893C16.2169 14.4412 16.9332 10.2203 17.0987 8.48089C17.1132 8.3285 17.095 8.13347 17.0803 8.04786C17.0657 7.96225 17.035 7.84027 16.9238 7.74997C16.792 7.64303 16.5885 7.62047 16.4975 7.62208C16.0838 7.62937 15.449 7.85008 12.3942 9.12068Z" fill="#707987"/>
 </svg>
--- a/src/img/social/telegram.svg
+++ b/src/img/social/telegram.svg
@@ -0,0 +1,10 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="url(#paint0_linear_183_4241)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.97923 11.8839C9.18595 10.4868 11.3243 9.5657 12.3942 9.12069C15.449 7.85008 16.0838 7.62937 16.4975 7.62208C16.5885 7.62047 16.7919 7.64303 16.9237 7.74997C17.035 7.84027 17.0656 7.96225 17.0803 8.04786C17.0949 8.13347 17.1132 8.3285 17.0987 8.48089C16.9331 10.2203 16.2169 14.4412 15.8524 16.3893C15.6982 17.2136 15.3946 17.49 15.1007 17.5171C14.4619 17.5759 13.9768 17.0949 13.3581 16.6894C12.39 16.0547 11.8431 15.6597 10.9033 15.0404C9.81726 14.3247 10.5213 13.9314 11.1402 13.2885C11.3022 13.1203 14.1167 10.5602 14.1712 10.328C14.178 10.299 14.1843 10.1907 14.12 10.1335C14.0557 10.0764 13.9608 10.0959 13.8923 10.1115C13.7952 10.1335 12.2486 11.1558 9.25241 13.1782C8.81341 13.4797 8.41577 13.6266 8.0595 13.6189C7.66675 13.6104 6.91124 13.3968 6.3496 13.2142C5.66072 12.9903 5.11322 12.8719 5.16089 12.4916C5.18573 12.2935 5.4585 12.091 5.97923 11.8839Z" fill="white"/>
 <defs>
 <linearGradient id="paint0_linear_183_4241" x1="12" y1="1" x2="12" y2="22.8368" gradientUnits="userSpaceOnUse">
 <stop stop-color="#2AABEE"/>
 <stop offset="1" stop-color="#229ED9"/>
 </linearGradient>
 </defs>
 </svg>
--- a/src/img/social/tiktok-gray.svg
+++ b/src/img/social/tiktok-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.8165 1H13.1088V15.9855C13.1088 17.771 11.6828 19.2377 9.90824 19.2377C8.13364 19.2377 6.70763 17.771 6.70763 15.9855C6.70763 14.2319 8.10196 12.7971 9.81319 12.7333V8.97103C6.04216 9.03477 3 12.1275 3 15.9855C3 19.8754 6.10554 23 9.93994 23C13.7743 23 16.8798 19.8435 16.8798 15.9855V8.30143C18.2742 9.32174 19.9854 9.92754 21.7917 9.95944V6.1971C19.003 6.10145 16.8165 3.80579 16.8165 1Z" fill="#707987"/>
 </svg>
--- a/src/img/social/tiktok.svg
+++ b/src/img/social/tiktok.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.3701 8.94153C17.7849 9.95644 19.518 10.5536 21.3899 10.5536V6.93874C21.0356 6.93882 20.6823 6.90175 20.3357 6.82806V9.67345C18.464 9.67345 16.7311 9.0763 15.316 8.06147V15.4383C15.316 19.1286 12.3351 22.1199 8.65811 22.1199C7.28616 22.1199 6.01098 21.7037 4.9517 20.9898C6.1607 22.2304 7.84675 23 9.71206 23C13.3892 23 16.3703 20.0087 16.3703 16.3182L16.3701 8.94153ZM17.6706 5.29459C16.9476 4.50189 16.4729 3.47747 16.3701 2.34492V1.87998H15.3712C15.6226 3.31944 16.4803 4.54923 17.6706 5.29459ZM7.27736 18.158C6.87341 17.6265 6.65511 16.9762 6.65609 16.3077C6.65609 14.6199 8.01955 13.2514 9.70168 13.2514C10.0152 13.2513 10.3268 13.2995 10.6255 13.3946V9.69897C10.2764 9.65095 9.92404 9.63057 9.57182 9.63804V12.5145C9.27284 12.4194 8.96108 12.3711 8.64751 12.3714C6.96537 12.3714 5.60199 13.7397 5.60199 15.4277C5.60199 16.6213 6.28349 17.6546 7.27736 18.158Z" fill="#FF004F"/>
 <path d="M15.316 8.06147C16.7311 9.0763 18.464 9.67345 20.3357 9.67345V6.82806C19.2909 6.60472 18.366 6.05672 17.6706 5.29459C16.4803 4.54923 15.6226 3.31944 15.3712 1.87998H12.7471V16.3181C12.7411 18.0013 11.38 19.3642 9.70149 19.3642C8.71236 19.3642 7.83389 18.891 7.27736 18.158C6.28349 17.6546 5.60199 16.6213 5.60199 15.4277C5.60199 13.7397 6.96537 12.3714 8.64751 12.3714C8.9698 12.3714 9.28043 12.4218 9.57182 12.5145V9.63804C5.95947 9.71294 3.05408 12.6751 3.05408 16.3182C3.05408 18.1367 3.77751 19.7852 4.9517 20.9898C6.01098 21.7037 7.28616 22.1199 8.65811 22.1199C12.3351 22.1199 15.316 19.1286 15.316 15.4383V8.06147Z" fill="#313B49"/>
 <path d="M20.3357 6.82806L20.3357 6.05861C19.3935 6.06005 18.4699 5.79533 17.6706 5.29459C18.3782 6.07205 19.3099 6.60812 20.3357 6.82806ZM15.3712 1.87998C15.3472 1.74241 15.3287 1.60395 15.3159 1.46495V1H11.6929V15.4382C11.6871 17.1212 10.326 18.4841 8.64734 18.4841C8.1545 18.4841 7.68944 18.3666 7.27736 18.158C7.83389 18.891 8.71236 19.3642 9.70149 19.3642C11.38 19.3642 12.7411 18.0013 12.7471 16.3181V1.87998H15.3712ZM9.57182 9.63804L9.5718 8.81907C9.26906 8.77754 8.96383 8.7567 8.65824 8.75686C4.98092 8.75678 2 11.7483 2 15.4382C2 17.7517 3.17143 19.7905 4.9517 20.9898C3.77751 19.7852 3.05408 18.1367 3.05408 16.3182C3.05408 12.6751 5.95947 9.71294 9.57182 9.63804Z" fill="#00F2EA"/>
 </svg>
--- a/src/img/social/tumblr-gray.svg
+++ b/src/img/social/tumblr-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14 22C11 22 8.75 20.4583 8.75 16.75V10.8333H6V7.625C9 6.83333 10.25 4.25 10.4167 2H13.5417V7.08333H17.1667V10.8333H13.5417V16C13.5417 17.5417 14.3333 18.0833 15.5833 18.0833H17.3333V22H14Z" fill="#707987"/>
 </svg>
--- a/src/img/social/tumblr.svg
+++ b/src/img/social/tumblr.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14 22C11 22 8.75 20.4583 8.75 16.75V10.8333H6V7.625C9 6.83333 10.25 4.25 10.4167 2H13.5417V7.08333H17.1667V10.8333H13.5417V16C13.5417 17.5417 14.3333 18.0833 15.5833 18.0833H17.3333V22H14Z" fill="#313B49"/>
 </svg>
--- a/src/img/social/twitch-gray.svg
+++ b/src/img/social/twitch-gray.svg
@@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.92857 2L3 5.92857V20.0714H7.71429V24L11.6429 20.0714H14.7857L21.8571 13V2H6.92857ZM20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57143H20.2857V12.2143Z" fill="#707987"/>
 <path d="M17.9286 6.32143H16.3571V11.0357H17.9286V6.32143Z" fill="#707987"/>
 <path d="M13.6071 6.32144H12.0357V11.0357H13.6071V6.32144Z" fill="#707987"/>
 </svg>
--- a/src/img/social/twitch.svg
+++ b/src/img/social/twitch.svg
@@ -0,0 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57142H20.2857V12.2143Z" fill="white"/>
 <path d="M6.92857 2L3 5.92857V20.0714H7.71429V24L11.6429 20.0714H14.7857L21.8571 13V2H6.92857ZM20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57142H20.2857V12.2143Z" fill="#9146FF"/>
 <path d="M17.9286 6.32143H16.3571V11.0357H17.9286V6.32143Z" fill="#9146FF"/>
 <path d="M13.6071 6.32144H12.0357V11.0357H13.6071V6.32144Z" fill="#9146FF"/>
 </svg>
--- a/src/img/social/vk-gray.svg
+++ b/src/img/social/vk-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.54648 2.54648C1 4.09295 1 6.58195 1 11.56V12.44C1 17.4181 1 19.907 2.54648 21.4535C4.09295 23 6.58195 23 11.56 23H12.44C17.4181 23 19.907 23 21.4535 21.4535C23 19.907 23 17.4181 23 12.44V11.56C23 6.58195 23 4.09295 21.4535 2.54648C19.907 1 17.4181 1 12.44 1H11.56C6.58195 1 4.09295 1 2.54648 2.54648ZM4.71255 7.69171C4.83172 13.4117 7.69171 16.8492 12.7059 16.8492H12.9901V13.5767C14.8326 13.76 16.2258 15.1075 16.785 16.8492H19.3884C18.6734 14.2459 16.7941 12.8067 15.6208 12.2567C16.7941 11.5784 18.4441 9.92838 18.8383 7.69171H16.4732C15.9599 9.50671 14.4384 11.1567 12.9901 11.3125V7.69171H10.625V14.035C9.15833 13.6684 7.30671 11.89 7.22421 7.69171H4.71255Z" fill="#707987"/>
 </svg>
--- a/src/img/social/vk.svg
+++ b/src/img/social/vk.svg
@@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 11.56C1 6.58195 1 4.09295 2.54648 2.54648C4.09295 1 6.58195 1 11.56 1H12.44C17.418 1 19.907 1 21.4535 2.54648C23 4.09295 23 6.58195 23 11.56V12.44C23 17.418 23 19.907 21.4535 21.4535C19.907 23 17.418 23 12.44 23H11.56C6.58195 23 4.09295 23 2.54648 21.4535C1 19.907 1 17.418 1 12.44V11.56Z" fill="#0077FF"/>
 <path d="M12.7058 16.8492C7.69167 16.8492 4.83171 13.4117 4.71255 7.69171H7.22421C7.30671 11.89 9.15833 13.6684 10.625 14.035V7.69171H12.9901V11.3125C14.4384 11.1567 15.9599 9.50671 16.4732 7.69171H18.8383C18.4441 9.92838 16.7941 11.5784 15.6208 12.2567C16.7941 12.8067 18.6734 14.2459 19.3884 16.8492H16.785C16.2258 15.1075 14.8326 13.76 12.9901 13.5767V16.8492H12.7058Z" fill="white"/>
 </svg>
--- a/src/img/social/x-gray.svg
+++ b/src/img/social/x-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.4981 2H21.8929L14.4391 10.4871L23.1475 22H16.3136L10.963 15.0037L4.83758 22H1.44274L9.33942 12.9225L0.999939 2H8.00363L12.8376 8.39114L18.4981 2ZM17.3099 20.0074H19.1918L7.0147 3.91882H4.99256L17.3099 20.0074Z" fill="#707987"/>
 </svg>
--- a/src/img/social/x.svg
+++ b/src/img/social/x.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M18.4982 2H21.8931L14.4392 10.4871L23.1477 22H16.3137L10.9632 15.0037L4.8377 22H1.44287L9.33955 12.9225L1.00006 2H8.00375L12.8377 8.39114L18.4982 2ZM17.31 20.0074H19.1919L7.01482 3.91882H4.99268L17.31 20.0074Z" fill="#313B49"/>
 </svg>
--- a/src/img/social/youtube-gray.svg
+++ b/src/img/social/youtube-gray.svg
@@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z" fill="#707987"/>
 </svg>
--- a/src/img/social/youtube.svg
+++ b/src/img/social/youtube.svg
@@ -0,0 +1,11 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_183_4267)">
 <path d="M23.5219 6.18541C23.3862 5.67482 23.1188 5.20883 22.7464 4.83407C22.374 4.4593 21.9098 4.18891 21.4001 4.04996C19.5237 3.54541 12.0237 3.54541 12.0237 3.54541C12.0237 3.54541 4.5237 3.54541 2.64733 4.04996C2.13763 4.18891 1.67336 4.4593 1.30098 4.83407C0.928613 5.20883 0.661202 5.67482 0.525515 6.18541C0.023697 8.06996 0.0236969 12 0.0236969 12C0.0236969 12 0.023697 15.93 0.525515 17.8145C0.661202 18.3251 0.928613 18.7911 1.30098 19.1658C1.67336 19.5406 2.13763 19.811 2.64733 19.95C4.5237 20.4545 12.0237 20.4545 12.0237 20.4545C12.0237 20.4545 19.5237 20.4545 21.4001 19.95C21.9098 19.811 22.374 19.5406 22.7464 19.1658C23.1188 18.7911 23.3862 18.3251 23.5219 17.8145C24.0237 15.93 24.0237 12 24.0237 12C24.0237 12 24.0237 8.06996 23.5219 6.18541Z" fill="#FF0302"/>
 <path d="M9.56917 15.5686V8.43135L15.8419 12L9.56917 15.5686Z" fill="#FEFEFE"/>
 </g>
 <defs>
 <clipPath id="clip0_183_4267">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/src/pages/_data/menu.yml
+++ b/src/pages/_data/menu.yml
@@ -156,6 +156,10 @@ base:
    placeholder:
      url: placeholder.html
      title: Placeholder
    social:
      title: Social icons
      url: social-icons.html
      badge: New
    steps:
      url: steps.html
      title: Steps
--- a/src/pages/_data/social-tiles.yml
+++ b/src/pages/_data/social-tiles.yml
@@ -0,0 +1,39 @@
 - icon: dribbble
  title: 328 likes
  description: 45 today
  trending: 8
 - icon: facebook
  title: 542 shares
  description: 67 today
  trending: 0
 - icon: instagram
  title: 894 followers
  description: 120 today
  trending: 10
 - icon: x
  title: 221 retweets
  description: 34 today
  trending: -2
 - icon: youtube
  title: 765 views
  description: 98 today
  trending: 0
 - icon: pinterest
  title: 432 pins
  description: 53 today
  trending: -4
 - icon: tiktok
  title: 612 likes
  description: 76 today
  trending: 9
 - icon: linkedin
  title: 305 connections
  description: 29 today
  trending: -1
--- a/src/pages/_data/social.json
+++ b/src/pages/_data/social.json
@@ -0,0 +1,102 @@
 [
  {
    "name": "Apple",
    "file": "apple"
  },
  {
    "name": "Discord",
    "file": "discord"
  },
  {
    "name": "Dribbble",
    "file": "dribbble"
  },
  {
    "name": "Facebook",
    "file": "facebook"
  },
  {
    "name": "Figma",
    "file": "figma"
  },
  {
    "name": "GitHub",
    "file": "github"
  },
  {
    "name": "Google",
    "file": "google"
  },
  {
    "name": "Instagram",
    "file": "instagram"
  },
  {
    "name": "LinkedIn",
    "file": "linkedin"
  },
  {
    "name": "Medium",
    "file": "medium"
  },
  {
    "name": "Meta",
    "file": "meta"
  },
  {
    "name": "MetaMask",
    "file": "metamask"
  },
  {
    "name": "Pinterest",
    "file": "pinterest"
  },
  {
    "name": "Reddit",
    "file": "reddit"
  },
  {
    "name": "Signal",
    "file": "signal"
  },
  {
    "name": "Skype",
    "file": "skype"
  },
  {
    "name": "Snapchat",
    "file": "snapchat"
  },
  {
    "name": "Spotify",
    "file": "spotify"
  },
  {
    "name": "Telegram",
    "file": "telegram"
  },
  {
    "name": "TikTok",
    "file": "tiktok"
  },
  {
    "name": "Tumblr",
    "file": "tumblr"
  },
  {
    "name": "Twitch",
    "file": "twitch"
  },
  {
    "name": "VK",
    "file": "vk"
  },
  {
    "name": "X (Twitter)",
    "file": "x"
  },
  {
    "name": "YouTube",
    "file": "youtube"
  }
 ]
--- a/src/pages/social-icons.html
+++ b/src/pages/social-icons.html
@@ -0,0 +1,72 @@
 ---
 title: Social icons
 page-header: Social icons
 menu: base.social
 plugins: ['social']
 ---
 <div class="row row-cards">
 	<div class="col-12">
 		<div class="row g-3">
 			{% for tile in site.data.social-tiles %}
 			<div class="col-3">
 				<div class="card">
 					<div class="card-body">
 						<div class="row align-items-center">
 							<div class="col-auto">
 								<span class="social social-md social-app-{{ tile.icon }}"></span>
 							</div>
 							<div class="col">
 								<div>{{ tile.title }}</div>
 								<div class="text-secondary">{{ tile.description }}</div>
 							</div>
 							<div class="col-auto">
 								{% include ui/trending.html value=tile.trending %}
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 			{% endfor %}
 		</div>
 	</div>
 	<div class="col-12">
 		<div class="card">
 			<div class="card-header">
 				<div class="card-title">Sign in with social media</div>
 			</div>
 			<div class="card-body">
 				<div class="btn-list">
 					{% for social in site.data.social %}
 						<button class="btn">
 							<span class="icon social social-app-{{ social.file }}"></span>
 							Sign in with {{ social.name }}
 						</button>
 					{% endfor %}
 				</div>
 			</div>
 		</div>
 	</div>
 	<div class="col-12">
 		<div class="card">
 			<div class="card-header">
 				<div class="card-title">List of all social media icons</div>
 			</div>
 			<div class="card-body p-0">
 				<div class="demo-icons-list-wrap">
 					<div class="demo-icons-list">
 						{% for social in site.data.social %}
 							<span class="demo-icons-list-item" title="{{ social.name }}" data-bs-toggle="tooltip" data-bs-placement="top">
 								<span class="social social-app-{{ social.file }}"></span>
 							</span>
 						{% endfor %}
 						{% for icon in (0..20) %}
 							<div></div>
 						{% endfor %}
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
--- a/src/scss/tabler-social.scss
+++ b/src/scss/tabler-social.scss
@@ -1 +0,0 @@
@import "config";
--- a/src/scss/tabler-socials.scss
+++ b/src/scss/tabler-socials.scss
@@ -0,0 +1,2 @@
@import "config";
@import "ui/social";
--- a/src/scss/ui/_social.scss
+++ b/src/scss/ui/_social.scss
@@ -0,0 +1,52 @@
 $apps: (
  "apple",
  "discord",
  "dribbble",
  "facebook",
  "figma",
  "github",
  "google",
  "instagram",
  "linkedin",
  "medium",
  "meta",
  "metamask",
  "pinterest",
  "reddit",
  "signal",
  "skype",
  "snapchat",
  "spotify",
  "telegram",
  "tiktok",
  "tumblr",
  "twitch",
  "vk",
  "x",
  "youtube"
 );
 .social {
  position: relative;
  display: inline-block;
  height: $avatar-size;
  aspect-ratio: 1;
  background: no-repeat center/cover;
  vertical-align: bottom;
 }
@each $app in $apps {
  .social-app-#{$app} {
    background-image: url("#{$assets-base}/img/social/#{$app}.svg");
    &.social-gray {
      background-image: url("#{$assets-base}/img/social/#{$app}-gray.svg");
    }
  }
 }
@each $flag-size, $size in $flag-sizes {
  .social-#{$flag-size} {
    height: map-get($size, size);
  }
 }