From 853866b4c449fa3da342cb2ba886d3eb27dcbfad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 6 Jul 2026 22:33:11 +0400
Subject: [PATCH] =?UTF-8?q?feat:=20ic=C3=B4nes=20SVG=20r=C3=A9elles=20des?=
 =?UTF-8?q?=20r=C3=A9seaux=20au=20footer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/_includes/partials/footer.njk    | 26 ++++++++++++++++++
 src/assets/css/styles.css            | 41 ++++++++++++++++++++++++++++
 src/assets/icons/social/discord.svg  |  1 +
 src/assets/icons/social/email.svg    |  3 ++
 src/assets/icons/social/gitea.svg    |  1 +
 src/assets/icons/social/stoat.svg    |  4 +++
 src/assets/icons/social/telegram.svg | 14 ++++++++++
 src/assets/icons/social/tiktok.svg   |  5 ++++
 src/assets/icons/social/whatsapp.svg | 12 ++++++++
 src/assets/icons/social/x.svg        |  3 ++
 10 files changed, 110 insertions(+)
 create mode 100644 src/assets/icons/social/discord.svg
 create mode 100644 src/assets/icons/social/email.svg
 create mode 100644 src/assets/icons/social/gitea.svg
 create mode 100644 src/assets/icons/social/stoat.svg
 create mode 100644 src/assets/icons/social/telegram.svg
 create mode 100644 src/assets/icons/social/tiktok.svg
 create mode 100644 src/assets/icons/social/whatsapp.svg
 create mode 100644 src/assets/icons/social/x.svg

diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index 253e094..5b2064b 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -15,5 +15,31 @@
                 {{ t.footer.legal_link }}
             </a>
         </p>
+        <div class="footer-socials">
+            <a href="mailto:kontak@o-k-i.net" title="Email" class="social-link social-email">
+                <img src="{{ '/assets/icons/social/email.svg' | cdn }}" alt="Email" loading="lazy">
+            </a>
+            <a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link social-whatsapp">
+                <img src="{{ '/assets/icons/social/whatsapp.svg' | cdn }}" alt="WhatsApp" loading="lazy">
+            </a>
+            <a href="https://t.me/OrganisationKA" target="_blank" rel="noopener noreferrer" title="Telegram" class="social-link social-telegram">
+                <img src="{{ '/assets/icons/social/telegram.svg' | cdn }}" alt="Telegram" loading="lazy">
+            </a>
+            <a href="https://x.com/OrganisationKA" target="_blank" rel="noopener noreferrer" title="X" class="social-link social-x">
+                <img src="{{ '/assets/icons/social/x.svg' | cdn }}" alt="X" loading="lazy">
+            </a>
+            <a href="https://www.tiktok.com/@organisationka" target="_blank" rel="noopener noreferrer" title="TikTok" class="social-link social-tiktok">
+                <img src="{{ '/assets/icons/social/tiktok.svg' | cdn }}" alt="TikTok" loading="lazy">
+            </a>
+            <a href="https://discord.gg/a2r9NYNM" target="_blank" rel="noopener noreferrer" title="Discord" class="social-link social-discord">
+                <img src="{{ '/assets/icons/social/discord.svg' | cdn }}" alt="Discord" loading="lazy">
+            </a>
+            <a href="https://stt.gg/FzqPKhbG" target="_blank" rel="noopener noreferrer" title="Stoat" class="social-link social-stoat">
+                <img src="{{ '/assets/icons/social/stoat.svg' | cdn }}" alt="Stoat" loading="lazy">
+            </a>
+            <a href="https://labola.o-k-i.net/" target="_blank" rel="noopener noreferrer" title="Labola" class="social-link social-labola">
+                <img src="{{ '/assets/icons/social/gitea.svg' | cdn }}" alt="Labola" loading="lazy">
+            </a>
+        </div>
     </div>
 </footer>
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index cf210d7..11cab26 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -1278,6 +1278,47 @@ footer .flag-bar {
     opacity: 0.7;
 }
 
+.footer-socials {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+    margin-top: 1.5rem;
+    flex-wrap: wrap;
+}
+
+.social-link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    color: var(--or-oki);
+    text-decoration: none;
+    transition: transform 0.2s, opacity 0.2s;
+}
+
+.social-link svg {
+    width: 100%;
+    height: 100%;
+}
+
+.social-link:hover {
+    transform: scale(1.1);
+    opacity: 0.8;
+}
+
+@media (min-width: 768px) {
+    .footer-socials {
+        gap: 1.5rem;
+    }
+
+    .social-link {
+        width: 2.75rem;
+        height: 2.75rem;
+    }
+}
+
 /* Donation Styles */
 .donation-amount {
     display: flex;
diff --git a/src/assets/icons/social/discord.svg b/src/assets/icons/social/discord.svg
new file mode 100644
index 0000000..3e52154
--- /dev/null
+++ b/src/assets/icons/social/discord.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Discord-Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.644 96"><path id="Discord-Symbol-Black" d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/social/email.svg b/src/assets/icons/social/email.svg
new file mode 100644
index 0000000..cc2ce75
--- /dev/null
+++ b/src/assets/icons/social/email.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
+</svg>
diff --git a/src/assets/icons/social/gitea.svg b/src/assets/icons/social/gitea.svg
new file mode 100644
index 0000000..7ed0012
--- /dev/null
+++ b/src/assets/icons/social/gitea.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="main_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 640 640;" xml:space="preserve" viewBox="5.67 143.05 628.65 387.55"> <g> 	<path id="teabag" style="fill:#FFFFFF" d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8   c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4   c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z"></path> 	<g> 		<g> 			<path style="fill:#609926" d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2     c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5     c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5     c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3     c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1     C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4     c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7     S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55     c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8     l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"></path> 			<path style="fill:#609926" d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4     c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1     c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9     c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3     c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3     c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29     c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8     C343.2,346.5,335,363.3,326.8,380.1z"></path> 		</g> 	</g> </g> </svg>
\ No newline at end of file
diff --git a/src/assets/icons/social/stoat.svg b/src/assets/icons/social/stoat.svg
new file mode 100644
index 0000000..09117b8
--- /dev/null
+++ b/src/assets/icons/social/stoat.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="11" stroke="currentColor" stroke-width="1" fill="none"/>
+  <text x="12" y="16" text-anchor="middle" font-size="14" font-weight="bold" fill="currentColor" font-family="Arial, sans-serif">S</text>
+</svg>
diff --git a/src/assets/icons/social/telegram.svg b/src/assets/icons/social/telegram.svg
new file mode 100644
index 0000000..9cc00a3
--- /dev/null
+++ b/src/assets/icons/social/telegram.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 307 307" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-757,-1142)">
+        <g transform="matrix(1.432974,0,0,1.80298,-288.929017,-864.20063)">
+            <g transform="matrix(0.629919,0,0,0.500647,539.407527,921.446101)">
+                <path d="M356.969,675.637C323.753,644.675 302.968,600.546 302.968,551.6C302.968,458.019 378.944,382.044 472.524,382.044C566.105,382.044 642.08,458.019 642.08,551.6C642.08,629.48 589.46,695.166 517.864,715.015C501.974,691.667 487.572,670.399 498.34,635.393C485.202,642.099 476.944,655.288 474.445,669.626C469.556,661.943 464.129,654.533 457.841,647.931C441.837,631.125 420.016,619.373 409.919,597.549C405.306,587.241 402.145,572.504 405.799,561.838C408.436,582.54 418.507,601.587 436.545,612.617C450.296,621.023 465.703,622.408 481.126,625.661C497.203,629.048 522.738,636.688 538.403,633.928C551.425,631.638 578.749,617.255 578.02,601.656C577.765,596.289 571.213,587.245 568.79,582.066C565.566,575.171 567.48,573.682 567.848,566.765C568.885,547.188 563.715,537.516 554.206,521.395C542.674,501.84 530.016,490.024 508.095,482.087C488.062,474.831 457.231,478.938 456.996,479.271C461.046,483.711 464.773,488.906 465.295,495.055C457.084,487.46 449.14,479.387 439.945,472.948C419.607,458.71 406.868,460.052 398.782,484.817C394.568,497.72 391.382,515.255 395.288,528.453C397.657,536.447 402.575,542.952 408.175,548.951C397.217,547.458 390.574,537.94 388.158,527.623C360.997,586.373 354.95,614.781 356.969,675.637ZM558.455,619.379L558.452,619.376C554.235,619.505 550.344,617.264 547.164,614.697C545.37,613.176 542.74,611.209 542.372,608.931C541.643,604.396 545.254,601.153 547.406,599.808C549.251,598.658 551.495,598.017 553.613,597.527C558.442,596.411 563.455,595.377 568.319,596.323C569.774,596.606 571.22,597.077 572.417,597.951C573.614,598.821 574.544,600.138 574.705,601.612C574.824,602.705 574.525,603.796 574.164,604.833C573.322,607.217 572.16,609.476 570.71,611.548C569.274,613.613 567.556,615.508 565.485,616.934C563.414,618.361 560.969,619.304 558.455,619.379ZM486.399,552.769C503.076,550.51 505.109,576.334 489.02,577.418C472.931,578.502 471.118,554.84 486.399,552.769ZM430.213,501.5C431.753,505.171 434.926,507.616 437.667,510.309C431.445,512.197 425.166,510.394 419.704,507.264C420.028,513.033 424.299,518.121 427.498,522.174C422.225,523.384 417.564,521.577 413.944,517.769C413.891,523.13 415.717,527.806 418.347,532.34C408.062,537.456 403.622,526.696 403.097,518.275C402.522,509.02 406.267,485.669 412.907,478.941C420.336,471.412 431.875,480.182 438.166,485.238C443.719,489.698 449.061,495.087 454.092,500.111C447.487,504.476 437.648,504.294 430.213,501.5ZM559.47,568.921C555.834,562.599 554.722,560.76 552.607,556.182C551.168,553.064 550.439,549.366 555.655,549.256C565.117,549.055 568.395,564.041 561.026,569.27C560.844,569.397 560.628,569.465 560.407,569.465C560.02,569.465 559.662,569.257 559.47,568.921ZM553.254,508.59C555.938,471.688 555.624,447.806 521.4,481.304C534.318,487.312 545.181,496.897 553.254,508.59Z" style="fill:rgb(39,32,56);"/>
+            </g>
+            <g transform="matrix(1.730725,0,0,1.375547,-3179.052619,-280.399326)">
+                <circle cx="2320.479" cy="1074.483" r="61.711" style="fill:white;fill-opacity:0;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons/social/tiktok.svg b/src/assets/icons/social/tiktok.svg
new file mode 100644
index 0000000..352203f
--- /dev/null
+++ b/src/assets/icons/social/tiktok.svg
@@ -0,0 +1,5 @@
+<svg width="315" height="44" viewBox="0 0 315 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="314" height="43" rx="1.5" fill="white" stroke="white"/>
+<path d="M93.3238 26.18C95.3338 26.18 96.5788 25.115 97.3438 23.915L95.8438 23.165C95.3638 23.99 94.3888 24.62 93.3238 24.62C91.3438 24.62 89.8738 23.09 89.8738 21.005C89.8738 18.89 91.3438 17.39 93.3238 17.39C94.3888 17.39 95.3638 18.005 95.8438 18.845L97.3288 18.065C96.5938 16.865 95.3338 15.83 93.3238 15.83C90.3688 15.83 88.0738 17.915 88.0738 21.005C88.0738 24.08 90.3688 26.18 93.3238 26.18ZM101.973 26.18C104.283 26.18 105.693 24.44 105.693 22.37C105.693 20.285 104.283 18.575 101.973 18.575C99.6635 18.575 98.2535 20.285 98.2535 22.37C98.2535 24.44 99.6635 26.18 101.973 26.18ZM101.973 24.785C100.638 24.785 99.8885 23.66 99.8885 22.37C99.8885 21.095 100.638 19.97 101.973 19.97C103.323 19.97 104.058 21.095 104.058 22.37C104.058 23.66 103.323 24.785 101.973 24.785ZM113.782 26V20.9C113.782 19.415 113.002 18.575 111.442 18.575C110.302 18.575 109.357 19.16 108.877 19.73V18.755H107.302V26H108.877V20.93C109.252 20.45 109.942 19.97 110.737 19.97C111.622 19.97 112.207 20.33 112.207 21.47V26H113.782ZM118.017 26.18C118.737 26.18 119.202 25.97 119.487 25.715L119.112 24.515C118.992 24.65 118.722 24.785 118.422 24.785C117.972 24.785 117.732 24.41 117.732 23.915V20.12H119.202V18.755H117.732V16.775H116.157V18.755H114.957V20.12H116.157V24.305C116.157 25.52 116.787 26.18 118.017 26.18ZM121.412 17.87C121.952 17.87 122.387 17.435 122.387 16.895C122.387 16.355 121.952 15.92 121.412 15.92C120.872 15.92 120.437 16.355 120.437 16.895C120.437 17.435 120.872 17.87 121.412 17.87ZM122.192 26V18.755H120.617V26H122.192ZM130.715 26V20.9C130.715 19.415 129.935 18.575 128.375 18.575C127.235 18.575 126.29 19.16 125.81 19.73V18.755H124.235V26H125.81V20.93C126.185 20.45 126.875 19.97 127.67 19.97C128.555 19.97 129.14 20.33 129.14 21.47V26H130.715ZM139.226 26V18.755H137.651V23.84C137.291 24.32 136.601 24.785 135.806 24.785C134.906 24.785 134.336 24.425 134.336 23.3V18.755H132.761V23.885C132.761 25.355 133.541 26.18 135.101 26.18C136.241 26.18 137.141 25.61 137.651 25.04V26H139.226ZM144.631 26.18C145.771 26.18 146.836 25.805 147.571 25.115L146.851 24.08C146.326 24.605 145.501 24.89 144.781 24.89C143.416 24.89 142.606 23.975 142.486 22.895H148.066V22.505C148.066 20.225 146.686 18.575 144.511 18.575C142.366 18.575 140.836 20.27 140.836 22.37C140.836 24.665 142.441 26.18 144.631 26.18ZM146.551 21.77H142.471C142.531 20.9 143.161 19.865 144.496 19.865C145.921 19.865 146.506 20.915 146.551 21.77ZM161.468 26L163.718 18.755H162.068L160.538 24.02L158.828 18.755H157.433L155.708 24.02L154.178 18.755H152.543L154.793 26H156.443L158.123 20.69L159.818 26H161.468ZM165.607 17.87C166.147 17.87 166.582 17.435 166.582 16.895C166.582 16.355 166.147 15.92 165.607 15.92C165.067 15.92 164.632 16.355 164.632 16.895C164.632 17.435 165.067 17.87 165.607 17.87ZM166.387 26V18.755H164.812V26H166.387ZM170.62 26.18C171.34 26.18 171.805 25.97 172.09 25.715L171.715 24.515C171.595 24.65 171.325 24.785 171.025 24.785C170.575 24.785 170.335 24.41 170.335 23.915V20.12H171.805V18.755H170.335V16.775H168.76V18.755H167.56V20.12H168.76V24.305C168.76 25.52 169.39 26.18 170.62 26.18ZM179.7 26V20.87C179.7 19.385 178.92 18.575 177.36 18.575C176.22 18.575 175.29 19.16 174.81 19.73V15.995H173.235V26H174.81V20.93C175.17 20.45 175.86 19.97 176.67 19.97C177.555 19.97 178.125 20.3 178.125 21.44V26H179.7ZM189.797 26V17.54H192.827V15.995H185.012V17.54H188.042V26H189.797ZM195.065 17.87C195.605 17.87 196.04 17.435 196.04 16.895C196.04 16.355 195.605 15.92 195.065 15.92C194.525 15.92 194.09 16.355 194.09 16.895C194.09 17.435 194.525 17.87 195.065 17.87ZM195.845 26V18.755H194.27V26H195.845ZM204.668 26L201.608 22.04L204.608 18.755H202.658L199.463 22.25V15.995H197.888V26H199.463V24.05L200.483 23L202.688 26H204.668ZM209.163 26V17.54H212.193V15.995H204.378V17.54H207.408V26H209.163ZM215.338 26.18C217.648 26.18 219.058 24.44 219.058 22.37C219.058 20.285 217.648 18.575 215.338 18.575C213.028 18.575 211.618 20.285 211.618 22.37C211.618 24.44 213.028 26.18 215.338 26.18ZM215.338 24.785C214.003 24.785 213.253 23.66 213.253 22.37C213.253 21.095 214.003 19.97 215.338 19.97C216.688 19.97 217.423 21.095 217.423 22.37C217.423 23.66 216.688 24.785 215.338 24.785ZM227.446 26L224.386 22.04L227.386 18.755H225.436L222.241 22.25V15.995H220.666V26H222.241V24.05L223.261 23L225.466 26H227.446Z" fill="#161823"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5172 25.0575C25.4647 26.4295 24.3093 27.5306 22.8929 27.5306C22.5691 27.5306 22.2591 27.4729 21.9727 27.3675C22.2591 27.4729 22.5692 27.5306 22.893 27.5306C24.3094 27.5306 25.4648 26.4295 25.5174 25.0576L25.5224 12.8063H27.8124C28.0331 13.971 28.7405 14.9704 29.7205 15.5948C29.7208 15.5952 29.7212 15.5956 29.7215 15.596C30.4037 16.0305 31.2171 16.284 32.0903 16.284V16.9645C32.0903 16.9645 32.0903 16.9645 32.0904 16.9646V19.3405C30.4684 19.3405 28.9654 18.8334 27.7386 17.9728V24.1852C27.7386 27.2878 25.1559 29.8119 21.9812 29.8119C20.7545 29.8119 19.6169 29.4338 18.6818 28.7921C18.6813 28.7916 18.6808 28.791 18.6802 28.7905C17.1964 27.7717 16.224 26.0876 16.224 24.1846C16.224 21.0821 18.8067 18.5579 21.9814 18.5579C22.2448 18.5579 22.503 18.5791 22.7572 18.6128V19.337C19.861 19.4031 17.4865 21.5682 17.1713 24.3333C17.4868 21.5685 19.8611 19.4037 22.7571 19.3376V21.7342C22.5115 21.6591 22.2519 21.6154 21.9812 21.6154C20.5314 21.6154 19.3519 22.7683 19.3519 24.1852C19.3519 25.1719 19.9247 26.0292 20.7616 26.4596C20.7616 26.4597 20.7616 26.4597 20.7616 26.4597C21.1265 26.6474 21.541 26.7549 21.9811 26.7549C23.3975 26.7549 24.5529 25.6538 24.6055 24.2819L24.6105 12.0305H27.7385C27.7385 12.2955 27.7646 12.5545 27.8123 12.8063H25.5223L25.5172 25.0575Z" fill="#161823"/>
+</svg>
diff --git a/src/assets/icons/social/whatsapp.svg b/src/assets/icons/social/whatsapp.svg
new file mode 100644
index 0000000..7a895ae
--- /dev/null
+++ b/src/assets/icons/social/whatsapp.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #111b21;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/>
+  <path class="cls-1" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/social/x.svg b/src/assets/icons/social/x.svg
new file mode 100644
index 0000000..437e2bf
--- /dev/null
+++ b/src/assets/icons/social/x.svg
@@ -0,0 +1,3 @@
+<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
+</svg>