diff --git a/contact-frontend/packages/assets/third-logo/aliyun-cn.svg b/contact-frontend/packages/assets/third-logo/aliyun-cn.svg
new file mode 100644
index 00000000..24046b41
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/aliyun-cn.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1692235298002" class="icon" viewBox="0 0 4608 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1471" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="200"><path d="M3266.56 773.12h327.68v-102.4h-327.68v-102.4H3584V35.84H2846.72v532.48h317.44v102.4h-327.68v102.4h327.68v112.64h-353.28v102.4h814.08v-102.4h-353.28v-112.64zM3276.8 138.24h215.04v112.64H3276.8V138.24z m0 215.04h215.04V460.8H3276.8V353.28zM3174.4 460.8h-215.04V353.28H3174.4V460.8z m0-209.92h-215.04V138.24H3174.4v112.64zM537.6 445.44H1075.2v122.88H537.6z" fill="#FF6A00" p-id="1472"></path><path d="M1341.44 5.12h-353.28L1075.2 128l256 81.92c46.08 15.36 76.8 61.44 76.8 107.52v389.12c0 46.08-30.72 92.16-76.8 107.52l-256 81.92-87.04 122.88h353.28c148.48 0 266.24-117.76 266.24-266.24V276.48c0-148.48-117.76-271.36-266.24-271.36zM276.48 814.08c-46.08-15.36-76.8-61.44-76.8-107.52V317.44c0-46.08 30.72-92.16 76.8-107.52l256-81.92L619.52 5.12H266.24C117.76 5.12 0 128 0 276.48v471.04c0 148.48 117.76 266.24 266.24 266.24h353.28l-87.04-122.88-256-76.8zM2493.44 250.88h-261.12v537.6h261.12V250.88z m-107.52 430.08h-56.32V353.28h56.32v327.68zM1848.32 988.16h102.4V138.24h107.52L1996.8 419.84v102.4h61.44v225.28c0 15.36-10.24 25.6-25.6 25.6h-25.6v102.4h51.2c56.32 0 102.4-46.08 102.4-102.4v-358.4H2099.2l61.44-281.6v-102.4h-312.32v957.44z" fill="#FF6A00" p-id="1473"></path><path d="M2206.72 138.24H2560v660.48c0 46.08-35.84 87.04-87.04 87.04h-76.8v102.4h107.52c87.04 0 163.84-71.68 163.84-163.84V138.24h35.84v-102.4h-496.64v102.4zM3763.2 40.96h737.28v102.4H3763.2zM4541.44 527.36v-102.4H3727.36v102.4h204.8l-163.84 358.4v102.4h691.2c30.72 0 51.2-25.6 51.2-51.2 0-10.24 0-15.36-5.12-20.48l-87.04-194.56h-112.64l76.8 163.84h-496.64l163.84-358.4h491.52z" fill="#FF6A00" p-id="1474"></path></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/aliyun-en.svg b/contact-frontend/packages/assets/third-logo/aliyun-en.svg
new file mode 100644
index 00000000..feed7534
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/aliyun-en.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1692235307289" class="icon" viewBox="0 0 8140 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1615" xmlns:xlink="http://www.w3.org/1999/xlink" width="1589.84375" height="200"><path d="M547.84 445.44h547.84v122.88H547.84z" fill="#FF6900" p-id="1616"></path><path d="M1367.04 0h-363.52l87.04 122.88L1356.8 204.8c51.2 15.36 81.92 61.44 81.92 107.52v394.24c0 51.2-30.72 92.16-81.92 107.52l-266.24 81.92-81.92 128h363.52c153.6 0 271.36-122.88 271.36-271.36V271.36c0-148.48-122.88-271.36-276.48-271.36zM281.6 819.2c-51.2-15.36-81.92-61.44-81.92-107.52V312.32c0-51.2 30.72-92.16 81.92-107.52l266.24-81.92L634.88 0H271.36C122.88 0 0 122.88 0 271.36v476.16c0 153.6 122.88 271.36 271.36 271.36h363.52l-87.04-122.88L281.6 819.2zM5913.6 40.96c-158.72 0-286.72 128-286.72 281.6V716.8c0 153.6 128 281.6 286.72 281.6 158.72 0 286.72-128 286.72-281.6v-5.12h-122.88v5.12c0 87.04-71.68 158.72-163.84 158.72-87.04 0-163.84-71.68-163.84-158.72V322.56c0-87.04 71.68-158.72 163.84-158.72 87.04 0 163.84 71.68 163.84 158.72v5.12h122.88v-5.12c0-153.6-128-281.6-286.72-281.6zM6717.44 291.84c-133.12 0-240.64 102.4-245.76 230.4V768c5.12 128 112.64 230.4 245.76 230.4 133.12 0 240.64-102.4 245.76-230.4v-240.64c-5.12-133.12-112.64-235.52-245.76-235.52z m122.88 460.8c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-51.2-122.88-122.88v-209.92c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v209.92zM6261.76 40.96h122.88v942.08h-122.88zM2851.84 291.84h122.88v686.08h-122.88zM2606.08 40.96h122.88v942.08h-122.88zM2293.76 40.96h-153.6l-250.88 942.08h122.88l66.56-250.88h271.36l66.56 245.76h122.88L2293.76 40.96z m-184.32 568.32l102.4-389.12 102.4 389.12h-204.8zM7424 762.88c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88V291.84h-122.88v491.52c0 117.76 97.28 215.04 215.04 215.04 20.48 0 40.96-5.12 61.44-10.24 10.24-5.12 25.6-10.24 35.84-15.36 20.48-10.24 35.84-20.48 51.2-35.84l5.12-5.12v51.2h122.88V291.84H7424v471.04zM2851.84 40.96h122.88v122.88h-122.88zM3374.08 291.84c-56.32 0-107.52 20.48-148.48 61.44l-5.12 5.12V40.96h-122.88v942.08h122.88v-51.2l5.12 5.12c40.96 40.96 92.16 61.44 148.48 61.44 117.76 0 215.04-97.28 215.04-215.04V506.88c0-117.76-97.28-215.04-215.04-215.04z m92.16 471.04c0 66.56-56.32 122.88-122.88 122.88s-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88s122.88 56.32 122.88 122.88v235.52zM4531.2 291.84c-56.32 0-107.52 20.48-148.48 61.44l-10.24 5.12V40.96H4249.6v942.08h122.88v-51.2l5.12 5.12c40.96 40.96 92.16 61.44 148.48 61.44 117.76 0 215.04-97.28 215.04-215.04V506.88c0-117.76-97.28-215.04-209.92-215.04z m87.04 471.04c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v235.52zM8002.56 40.96V358.4l-5.12-5.12c-40.96-40.96-92.16-61.44-148.48-61.44-117.76 0-215.04 97.28-215.04 215.04v276.48c0 117.76 97.28 209.92 215.04 209.92 56.32 0 107.52-20.48 148.48-61.44l5.12-5.12v51.2h122.88V40.96h-122.88z m0 721.92c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v235.52zM4157.44 496.64c-5.12-35.84-20.48-71.68-40.96-102.4-46.08-61.44-112.64-97.28-184.32-102.4h-15.36c-56.32 0-112.64 20.48-158.72 56.32-46.08 35.84-71.68 87.04-87.04 143.36h122.88c10.24-56.32 61.44-97.28 117.76-97.28 30.72 0 61.44 10.24 87.04 35.84 20.48 20.48 35.84 51.2 35.84 81.92v56.32h-174.08c-117.76 0-215.04 97.28-215.04 215.04 0 97.28 66.56 184.32 158.72 204.8h5.12c5.12 0 10.24 0 10.24 5.12h51.2c30.72 0 56.32-5.12 76.8-10.24 30.72-10.24 61.44-25.6 87.04-51.2l5.12-5.12v51.2h122.88v-455.68c0-5.12 0-10.24-5.12-25.6z m-122.88 256c0 66.56-46.08 122.88-112.64 133.12-10.24 0-20.48 5.12-25.6 5.12-20.48 0-40.96-5.12-61.44-15.36-5.12-5.12-10.24-5.12-15.36-10.24-5.12-5.12-15.36-10.24-20.48-20.48-15.36-20.48-20.48-40.96-20.48-66.56 0-61.44 51.2-112.64 112.64-112.64h148.48v87.04zM5314.56 501.76c-5.12-35.84-20.48-71.68-40.96-102.4-46.08-61.44-112.64-97.28-184.32-102.4h-15.36c-56.32 0-112.64 20.48-158.72 56.32-46.08 35.84-71.68 87.04-87.04 143.36h122.88c10.24-56.32 61.44-97.28 117.76-97.28 30.72 0 61.44 10.24 87.04 35.84 20.48 20.48 35.84 51.2 35.84 81.92v56.32H5017.6c-117.76 0-215.04 97.28-215.04 215.04 0 97.28 66.56 184.32 158.72 204.8h5.12c5.12 0 10.24 0 10.24 5.12h51.2c30.72 0 56.32-5.12 76.8-10.24 30.72-10.24 61.44-25.6 87.04-51.2l5.12-5.12v51.2h122.88v-455.68c-5.12-10.24-5.12-15.36-5.12-25.6z m-122.88 250.88c0 66.56-46.08 122.88-112.64 133.12-10.24 0-20.48 5.12-25.6 5.12-20.48 0-40.96-5.12-61.44-15.36-5.12-5.12-10.24-5.12-15.36-10.24-5.12-5.12-15.36-10.24-20.48-20.48-15.36-20.48-20.48-40.96-20.48-66.56 0-61.44 51.2-112.64 112.64-112.64h148.48v87.04z" fill="#FF6900" p-id="1617"></path></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/amazon-web-services-logo.svg b/contact-frontend/packages/assets/third-logo/amazon-web-services-logo.svg
new file mode 100644
index 00000000..3dec8e73
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/amazon-web-services-logo.svg
@@ -0,0 +1 @@
+<svg height="1465" viewBox="-.1 1.1 304.9 179.8" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m86.4 66.4c0 3.7.4 6.7 1.1 8.9.8 2.2 1.8 4.6 3.2 7.2.5.8.7 1.6.7 2.3 0 1-.6 2-1.9 3l-6.3 4.2c-.9.6-1.8.9-2.6.9-1 0-2-.5-3-1.4-1.4-1.5-2.6-3.1-3.6-4.7-1-1.7-2-3.6-3.1-5.9-7.8 9.2-17.6 13.8-29.4 13.8-8.4 0-15.1-2.4-20-7.2s-7.4-11.2-7.4-19.2c0-8.5 3-15.4 9.1-20.6s14.2-7.8 24.5-7.8c3.4 0 6.9.3 10.6.8s7.5 1.3 11.5 2.2v-7.3c0-7.6-1.6-12.9-4.7-16-3.2-3.1-8.6-4.6-16.3-4.6-3.5 0-7.1.4-10.8 1.3s-7.3 2-10.8 3.4c-1.6.7-2.8 1.1-3.5 1.3s-1.2.3-1.6.3c-1.4 0-2.1-1-2.1-3.1v-4.9c0-1.6.2-2.8.7-3.5s1.4-1.4 2.8-2.1c3.5-1.8 7.7-3.3 12.6-4.5 4.9-1.3 10.1-1.9 15.6-1.9 11.9 0 20.6 2.7 26.2 8.1 5.5 5.4 8.3 13.6 8.3 24.6v32.4zm-40.6 15.2c3.3 0 6.7-.6 10.3-1.8s6.8-3.4 9.5-6.4c1.6-1.9 2.8-4 3.4-6.4s1-5.3 1-8.7v-4.2c-2.9-.7-6-1.3-9.2-1.7s-6.3-.6-9.4-.6c-6.7 0-11.6 1.3-14.9 4s-4.9 6.5-4.9 11.5c0 4.7 1.2 8.2 3.7 10.6 2.4 2.5 5.9 3.7 10.5 3.7zm80.3 10.8c-1.8 0-3-.3-3.8-1-.8-.6-1.5-2-2.1-3.9l-23.5-77.3c-.6-2-.9-3.3-.9-4 0-1.6.8-2.5 2.4-2.5h9.8c1.9 0 3.2.3 3.9 1 .8.6 1.4 2 2 3.9l16.8 66.2 15.6-66.2c.5-2 1.1-3.3 1.9-3.9s2.2-1 4-1h8c1.9 0 3.2.3 4 1 .8.6 1.5 2 1.9 3.9l15.8 67 17.3-67c.6-2 1.3-3.3 2-3.9.8-.6 2.1-1 3.9-1h9.3c1.6 0 2.5.8 2.5 2.5 0 .5-.1 1-.2 1.6s-.3 1.4-.7 2.5l-24.1 77.3c-.6 2-1.3 3.3-2.1 3.9s-2.1 1-3.8 1h-8.6c-1.9 0-3.2-.3-4-1s-1.5-2-1.9-4l-15.5-64.5-15.4 64.4c-.5 2-1.1 3.3-1.9 4s-2.2 1-4 1zm128.5 2.7c-5.2 0-10.4-.6-15.4-1.8s-8.9-2.5-11.5-4c-1.6-.9-2.7-1.9-3.1-2.8s-.6-1.9-.6-2.8v-5.1c0-2.1.8-3.1 2.3-3.1.6 0 1.2.1 1.8.3s1.5.6 2.5 1c3.4 1.5 7.1 2.7 11 3.5 4 .8 7.9 1.2 11.9 1.2 6.3 0 11.2-1.1 14.6-3.3s5.2-5.4 5.2-9.5c0-2.8-.9-5.1-2.7-7s-5.2-3.6-10.1-5.2l-14.5-4.5c-7.3-2.3-12.7-5.7-16-10.2-3.3-4.4-5-9.3-5-14.5 0-4.2.9-7.9 2.7-11.1s4.2-6 7.2-8.2c3-2.3 6.4-4 10.4-5.2s8.2-1.7 12.6-1.7c2.2 0 4.5.1 6.7.4 2.3.3 4.4.7 6.5 1.1 2 .5 3.9 1 5.7 1.6s3.2 1.2 4.2 1.8c1.4.8 2.4 1.6 3 2.5.6.8.9 1.9.9 3.3v4.7c0 2.1-.8 3.2-2.3 3.2-.8 0-2.1-.4-3.8-1.2-5.7-2.6-12.1-3.9-19.2-3.9-5.7 0-10.2.9-13.3 2.8s-4.7 4.8-4.7 8.9c0 2.8 1 5.2 3 7.1s5.7 3.8 11 5.5l14.2 4.5c7.2 2.3 12.4 5.5 15.5 9.6s4.6 8.8 4.6 14c0 4.3-.9 8.2-2.6 11.6-1.8 3.4-4.2 6.4-7.3 8.8-3.1 2.5-6.8 4.3-11.1 5.6-4.5 1.4-9.2 2.1-14.3 2.1z" fill="#252f3e"/><g clip-rule="evenodd" fill="#f90" fill-rule="evenodd"><path d="m273.5 143.7c-32.9 24.3-80.7 37.2-121.8 37.2-57.6 0-109.5-21.3-148.7-56.7-3.1-2.8-.3-6.6 3.4-4.4 42.4 24.6 94.7 39.5 148.8 39.5 36.5 0 76.6-7.6 113.5-23.2 5.5-2.5 10.2 3.6 4.8 7.6z"/><path d="m287.2 128.1c-4.2-5.4-27.8-2.6-38.5-1.3-3.2.4-3.7-2.4-.8-4.5 18.8-13.2 49.7-9.4 53.3-5 3.6 4.5-1 35.4-18.6 50.2-2.7 2.3-5.3 1.1-4.1-1.9 4-9.9 12.9-32.2 8.7-37.5z"/></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/apple.svg b/contact-frontend/packages/assets/third-logo/apple.svg
new file mode 100644
index 00000000..dd55a301
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/apple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2038" height="2500" viewBox="0 0 496.255 608.728"><path d="M273.81 52.973C313.806.257 369.41 0 369.41 0s8.271 49.562-31.463 97.306c-42.426 50.98-90.649 42.638-90.649 42.638s-9.055-40.094 26.512-86.971zM252.385 174.662c20.576 0 58.764-28.284 108.471-28.284 85.562 0 119.222 60.883 119.222 60.883s-65.833 33.659-65.833 115.331c0 92.133 82.01 123.885 82.01 123.885s-57.328 161.357-134.762 161.357c-35.565 0-63.215-23.967-100.688-23.967-38.188 0-76.084 24.861-100.766 24.861C89.33 608.73 0 455.666 0 332.628c0-121.052 75.612-184.554 146.533-184.554 46.105 0 81.883 26.588 105.852 26.588z" fill="#999"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/facebook.svg b/contact-frontend/packages/assets/third-logo/facebook.svg
new file mode 100644
index 00000000..f659055f
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/facebook.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg"><path d="m410.096 200.048c0-71.818-58.23-130.048-130.048-130.048s-130.048 58.23-130.048 130.048c0 64.905 47.55 118.709 109.73 128.476v-90.875h-33.029v-37.601h33.029v-28.658c0-32.59 19.422-50.604 49.122-50.604 14.228 0 29.115 2.542 29.115 2.542v32.005h-16.405c-16.148 0-21.196 10.022-21.196 20.318v24.396h36.064l-5.761 37.601h-30.304v90.875c62.18-9.749 109.73-63.553 109.73-128.476z" fill="#1977f3"/><path d="m330.67 237.648 5.761-37.601h-36.064v-24.396c0-10.278 5.029-20.318 21.196-20.318h16.405v-32.005s-14.886-2.542-29.115-2.542c-29.7 0-49.122 17.996-49.122 50.604v28.658h-33.029v37.601h33.029v90.875c6.62 1.041 13.405 1.572 20.318 1.572s13.698-.549 20.318-1.572v-90.875h30.304z" fill="#fefefe"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/github.svg b/contact-frontend/packages/assets/third-logo/github.svg
new file mode 100644
index 00000000..18e9450e
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/github.svg
@@ -0,0 +1 @@
+<svg width="2500" height="2432" viewBox="0 0 256 249" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><g fill="#161614"><path d="M127.505 0C57.095 0 0 57.085 0 127.505c0 56.336 36.534 104.13 87.196 120.99 6.372 1.18 8.712-2.766 8.712-6.134 0-3.04-.119-13.085-.173-23.739-35.473 7.713-42.958-15.044-42.958-15.044-5.8-14.738-14.157-18.656-14.157-18.656-11.568-7.914.872-7.752.872-7.752 12.804.9 19.546 13.14 19.546 13.14 11.372 19.493 29.828 13.857 37.104 10.6 1.144-8.242 4.449-13.866 8.095-17.05-28.32-3.225-58.092-14.158-58.092-63.014 0-13.92 4.981-25.295 13.138-34.224-1.324-3.212-5.688-16.18 1.235-33.743 0 0 10.707-3.427 35.073 13.07 10.17-2.826 21.078-4.242 31.914-4.29 10.836.048 21.752 1.464 31.942 4.29 24.337-16.497 35.029-13.07 35.029-13.07 6.94 17.563 2.574 30.531 1.25 33.743 8.175 8.929 13.122 20.303 13.122 34.224 0 48.972-29.828 59.756-58.22 62.912 4.573 3.957 8.648 11.717 8.648 23.612 0 17.06-.148 30.791-.148 34.991 0 3.393 2.295 7.369 8.759 6.117 50.634-16.879 87.122-64.656 87.122-120.973C255.009 57.085 197.922 0 127.505 0"/><path d="M47.755 181.634c-.28.633-1.278.823-2.185.389-.925-.416-1.445-1.28-1.145-1.916.275-.652 1.273-.834 2.196-.396.927.415 1.455 1.287 1.134 1.923M54.027 187.23c-.608.564-1.797.302-2.604-.589-.834-.889-.99-2.077-.373-2.65.627-.563 1.78-.3 2.616.59.834.899.996 2.08.36 2.65M58.33 194.39c-.782.543-2.06.034-2.849-1.1-.781-1.133-.781-2.493.017-3.038.792-.545 2.05-.055 2.85 1.07.78 1.153.78 2.513-.019 3.069M65.606 202.683c-.699.77-2.187.564-3.277-.488-1.114-1.028-1.425-2.487-.724-3.258.707-.772 2.204-.555 3.302.488 1.107 1.026 1.445 2.496.7 3.258M75.01 205.483c-.307.998-1.741 1.452-3.185 1.028-1.442-.437-2.386-1.607-2.095-2.616.3-1.005 1.74-1.478 3.195-1.024 1.44.435 2.386 1.596 2.086 2.612M85.714 206.67c.036 1.052-1.189 1.924-2.705 1.943-1.525.033-2.758-.818-2.774-1.852 0-1.062 1.197-1.926 2.721-1.951 1.516-.03 2.758.815 2.758 1.86M96.228 206.267c.182 1.026-.872 2.08-2.377 2.36-1.48.27-2.85-.363-3.039-1.38-.184-1.052.89-2.105 2.367-2.378 1.508-.262 2.857.355 3.049 1.398"/></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/google.svg b/contact-frontend/packages/assets/third-logo/google.svg
new file mode 100644
index 00000000..765a10ff
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/google.svg
@@ -0,0 +1 @@
+<svg id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-380.2 274.7 65.7 65.8"><style>.st0{fill:#e0e0e0}.st1{fill:#fff}.st2{clip-path:url(#SVGID_2_);fill:#fbbc05}.st3{clip-path:url(#SVGID_4_);fill:#ea4335}.st4{clip-path:url(#SVGID_6_);fill:#34a853}.st5{clip-path:url(#SVGID_8_);fill:#4285f4}</style><circle class="st0" cx="-347.3" cy="307.6" r="32.9"/><circle class="st1" cx="-347.3" cy="307.1" r="32.4"/><g><defs><path id="SVGID_1_" d="M-326.3 303.3h-20.5v8.5h11.8c-1.1 5.4-5.7 8.5-11.8 8.5-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4c-3.9-3.4-8.9-5.5-14.5-5.5-12.2 0-22 9.8-22 22s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><path class="st2" d="M-370.8 320.3v-26l17 13z"/><defs><path id="SVGID_3_" d="M-326.3 303.3h-20.5v8.5h11.8c-1.1 5.4-5.7 8.5-11.8 8.5-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4c-3.9-3.4-8.9-5.5-14.5-5.5-12.2 0-22 9.8-22 22s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="SVGID_4_"><use xlink:href="#SVGID_3_" overflow="visible"/></clipPath><path class="st3" d="M-370.8 294.3l17 13 7-6.1 24-3.9v-14h-48z"/><g><defs><path id="SVGID_5_" d="M-326.3 303.3h-20.5v8.5h11.8c-1.1 5.4-5.7 8.5-11.8 8.5-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4c-3.9-3.4-8.9-5.5-14.5-5.5-12.2 0-22 9.8-22 22s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="SVGID_6_"><use xlink:href="#SVGID_5_" overflow="visible"/></clipPath><path class="st4" d="M-370.8 320.3l30-23 7.9 1 10.1-15v48h-48z"/></g><g><defs><path id="SVGID_7_" d="M-326.3 303.3h-20.5v8.5h11.8c-1.1 5.4-5.7 8.5-11.8 8.5-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4c-3.9-3.4-8.9-5.5-14.5-5.5-12.2 0-22 9.8-22 22s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="SVGID_8_"><use xlink:href="#SVGID_7_" overflow="visible"/></clipPath><path class="st5" d="M-322.8 331.3l-31-24-4-3 35-10z"/></g></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/microsoft.svg b/contact-frontend/packages/assets/third-logo/microsoft.svg
new file mode 100644
index 00000000..89f62370
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/microsoft.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 2499.6 2500" viewBox="0 0 2499.6 2500" xmlns="http://www.w3.org/2000/svg"><path d="m1187.9 1187.9h-1187.9v-1187.9h1187.9z" fill="#f1511b"/><path d="m2499.6 1187.9h-1188v-1187.9h1187.9v1187.9z" fill="#80cc28"/><path d="m1187.9 2500h-1187.9v-1187.9h1187.9z" fill="#00adef"/><path d="m2499.6 2500h-1188v-1187.9h1187.9v1187.9z" fill="#fbbc09"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/qiniu.svg b/contact-frontend/packages/assets/third-logo/qiniu.svg
new file mode 100644
index 00000000..86c21019
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/qiniu.svg
@@ -0,0 +1 @@
+<svg width="78" height="22" viewBox="0 0 78 22" fill="none"><mask id="logo_svg__a" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="21" style="mask-type: alpha;"><path d="M0 .08h30.52v20.33H0V.08z" fill="#fff"></path></mask><g mask="url(#logo_svg__a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.52.316c-.513-.177-.938.038-1.182.221A18.392 18.392 0 0115.26 7.071c-1.94 0-3.809-.3-5.565-.855l-.78-2.837s-.38-1.156-1.665-.958l.37 2.995A18.495 18.495 0 011.182.536C.94.355.515.14 0 .317A16.343 16.343 0 008.092 9.24l1.013 8.202s.452 3.138 3.397 3.138H18.8c2.944 0 3.397-3.138 3.397-3.138l.712-5.878c-1.912-.155-3.115 1.177-3.496 2.492-.64 2.214-.64 2.356-.766 2.742-.258.79-1.107.885-1.107.885h-3.778s-.849-.094-1.107-.885c-.167-.51-.998-3.488-1.835-6.51 1.412.399 2.901.613 4.44.613 6.99 0 12.949-4.403 15.26-10.585z" fill="#07BEFF"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M77.835 12.624v-2.203H64.11v2.203h2.525l-1.952 4.908h-.034v2.203h11.743c.737-.053 1.4-.709 1.4-1.388 0-.338-.109-.723-.132-.8h.002l-.994-2.738h-2.43l.988 2.723h-8.16l1.952-4.908h8.816zm-21.374-3.3h4.893v-2.15h-4.893v-2.18h-2.203v2.18h-3.384l.283-1.616h-2.303l-1.176 6.729h.936c.312-.031 1.359-.23 1.624-1.476l.26-1.487h3.76v6.563h-6.57v2.203h6.57v2.167h2.203V18.09h5.449v-2.203h-5.449V9.324zM35.713 5.017H33.51v2.147H31.32v2.22h2.189v8.967c.062.74.656 1.33 1.398 1.384h8.653a1.518 1.518 0 001.447-1.428v-3.505H42.81v2.678h-7.096V9.385h9.826v-2.22h-9.827V5.016zm28.97 2.664h12.553v-2.15H64.684v2.15z" fill="#07BEFF"></path></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/sina-weibo.svg b/contact-frontend/packages/assets/third-logo/sina-weibo.svg
new file mode 100644
index 00000000..cd51de1e
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/sina-weibo.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421" viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" transform="matrix(.768459 0 0 .768459 145 90.642)"><path d="m25.84 195.715c0 40.917 53.28 74.078 118.97 74.078 65.691 0 118.971-33.161 118.971-74.078 0-40.918-53.28-74.078-118.971-74.078-65.69 0-118.97 33.16-118.97 74.078" fill="#fff"/><path d="m147.622 263.781c-58.176 5.769-108.401-20.556-112.183-58.71-3.781-38.202 40.336-73.786 98.463-79.556 58.177-5.769 108.402 20.556 112.135 58.71 3.83 38.202-40.287 73.835-98.415 79.556m116.304-126.776c-4.945-1.503-8.338-2.472-5.769-8.969 5.624-14.107 6.206-26.276.097-35.002-11.393-16.29-42.614-15.417-78.392-.437 0 0-11.248 4.897-8.339-3.975 5.478-17.695 4.654-32.482-3.878-41.063-19.392-19.44-71.024.727-115.286 44.99-33.112 33.112-52.359 68.26-52.359 98.657 0 58.079 74.514 93.422 147.38 93.422 95.555 0 159.112-55.51 159.112-99.579.049-26.664-22.398-41.79-42.566-48.044" fill="#e6162d"/><path d="m327.387 30.688c-23.076-25.598-57.11-35.342-88.525-28.652-7.272 1.552-11.877 8.727-10.326 15.95 1.551 7.272 8.678 11.878 15.95 10.326 22.349-4.751 46.541 2.182 62.927 20.362 16.387 18.18 20.847 42.954 13.817 64.673-2.278 7.078 1.6 14.641 8.678 16.919 7.078 2.279 14.641-1.599 16.92-8.629v-.049c9.89-30.494 3.636-65.351-19.441-90.9" fill="#f93"/><path d="m291.948 62.685c-11.247-12.459-27.828-17.211-43.099-13.914-6.254 1.309-10.229 7.515-8.92 13.769 1.357 6.253 7.514 10.229 13.72 8.871 7.466-1.599 15.61.728 21.089 6.788 5.478 6.108 6.981 14.398 4.605 21.67-1.939 6.06 1.358 12.605 7.466 14.593 6.109 1.939 12.605-1.358 14.593-7.466 4.799-14.884 1.793-31.852-9.454-44.311" fill="#f93"/><path d="m150.822 194.648c-2.036 3.491-6.545 5.139-10.035 3.685-3.491-1.406-4.558-5.333-2.57-8.727 2.036-3.393 6.351-5.042 9.793-3.684 3.491 1.26 4.751 5.187 2.812 8.726m-18.568 23.756c-5.624 8.968-17.695 12.895-26.761 8.774-8.92-4.072-11.587-14.495-5.963-23.27 5.575-8.727 17.21-12.605 26.228-8.823 9.114 3.926 12.023 14.253 6.496 23.319m21.138-63.51c-27.683-7.223-58.952 6.594-70.976 30.979-12.265 24.871-.387 52.504 27.537 61.522 28.991 9.356 63.121-4.994 74.999-31.803 11.732-26.277-2.909-53.28-31.56-60.698"/></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/steam.svg b/contact-frontend/packages/assets/third-logo/steam.svg
new file mode 100644
index 00000000..f7d22dce
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/steam.svg
@@ -0,0 +1 @@
+<svg viewBox="-1.146 0 234.147 233" xmlns="http://www.w3.org/2000/svg" width="2500" height="2476"><linearGradient id="a" x1="50%" x2="50%" y2="100%"><stop offset="0" stop-color="#111d2e"/><stop offset=".212" stop-color="#051839"/><stop offset=".407" stop-color="#0a1b48"/><stop offset=".581" stop-color="#132e62"/><stop offset=".738" stop-color="#144b7e"/><stop offset=".873" stop-color="#136497"/><stop offset="1" stop-color="#1387b8"/></linearGradient><path d="M4.891 150.01C19.284 198.02 63.807 233 116.501 233c64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5C54.761 0 4.241 48.029.251 108.76c7.54 12.66 10.481 20.49 4.641 41.25z" fill="url(#a)"/><path d="M110.5 87.322c0 .196 0 .392.01.576L82.002 129.31c-4.618-.21-9.252.6-13.646 2.41a31.698 31.698 0 0 0-5.455 2.88L.302 108.83s-1.448 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c.33.01.67.02 1 .02 24.41 0 44.25-19.9 44.25-44.338C199 62.882 179.16 43 154.75 43c-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-.54 23.997-9.9 3.904-9.37-.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/telegram.svg b/contact-frontend/packages/assets/third-logo/telegram.svg
new file mode 100644
index 00000000..8e4e9849
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/telegram.svg
@@ -0,0 +1 @@
+<svg id="svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="2500" height="2500"><style>.st0{fill:url(#path2995-1-0_1_)}.st1{fill:#c8daea}.st2{fill:#a9c9dd}.st3{fill:url(#path2991_1_)}</style><linearGradient id="path2995-1-0_1_" gradientUnits="userSpaceOnUse" x1="-683.305" y1="534.845" x2="-693.305" y2="511.512" gradientTransform="matrix(6 0 0 -6 4255 3247)"><stop offset="0" stop-color="#37aee2"/><stop offset="1" stop-color="#1e96c8"/></linearGradient><path id="path2995-1-0" class="st0" d="M240 120c0 66.3-53.7 120-120 120S0 186.3 0 120 53.7 0 120 0s120 53.7 120 120z"/><path id="path2993" class="st1" d="M98 175c-3.9 0-3.2-1.5-4.6-5.2L82 132.2 152.8 88l8.3 2.2-6.9 18.8L98 175z"/><path id="path2989" class="st2" d="M98 175c3 0 4.3-1.4 6-3 2.6-2.5 36-35 36-35l-20.5-5-19 12-2.5 30v1z"/><linearGradient id="path2991_1_" gradientUnits="userSpaceOnUse" x1="128.991" y1="118.245" x2="153.991" y2="78.245" gradientTransform="matrix(1 0 0 -1 0 242)"><stop offset="0" stop-color="#eff7fc"/><stop offset="1" stop-color="#fff"/></linearGradient><path id="path2991" class="st3" d="M100 144.4l48.4 35.7c5.5 3 9.5 1.5 10.9-5.1L179 82.2c2-8.1-3.1-11.7-8.4-9.3L55 117.5c-7.9 3.2-7.8 7.6-1.4 9.5l29.7 9.3L152 93c3.2-2 6.2-.9 3.8 1.3L100 144.4z"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/tencent-qq.svg b/contact-frontend/packages/assets/third-logo/tencent-qq.svg
new file mode 100644
index 00000000..e8f56c50
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/tencent-qq.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="-1.94 0 124.879 145.085" width="2101" xmlns="http://www.w3.org/2000/svg"><path d="m60.503 142.237c-12.533 0-24.038-4.195-31.445-10.46-3.762 1.124-8.574 2.932-11.61 5.175-2.6 1.918-2.275 3.874-1.807 4.663 2.056 3.47 35.273 2.216 44.862 1.136zm0 0c12.535 0 24.039-4.195 31.447-10.46 3.76 1.124 8.573 2.932 11.61 5.175 2.598 1.918 2.274 3.874 1.805 4.663-2.056 3.47-35.272 2.216-44.862 1.136zm0 0" fill="#faab07"/><path d="m60.576 67.119c20.698-.14 37.286-4.147 42.907-5.683 1.34-.367 2.056-1.024 2.056-1.024.005-.189.085-3.37.085-5.01 0-27.634-13.044-55.401-45.124-55.402-32.08.001-45.125 27.769-45.125 55.401 0 1.642.08 4.822.086 5.01 0 0 .583.615 1.65.913 5.19 1.444 22.09 5.65 43.312 5.795zm56.245 23.02c-1.283-4.129-3.034-8.944-4.808-13.568 0 0-1.02-.126-1.537.023-15.913 4.623-35.202 7.57-49.9 7.392h-.153c-14.616.175-33.774-2.737-49.634-7.315-.606-.175-1.802-.1-1.802-.1-1.774 4.624-3.525 9.44-4.808 13.568-6.119 19.69-4.136 27.838-2.627 28.02 3.239.392 12.606-14.821 12.606-14.821 0 15.459 13.957 39.195 45.918 39.413h.848c31.96-.218 45.917-23.954 45.917-39.413 0 0 9.368 15.213 12.607 14.822 1.508-.183 3.491-8.332-2.627-28.021"/><path d="m49.085 40.824c-4.352.197-8.07-4.76-8.304-11.063-.236-6.305 3.098-11.576 7.45-11.773 4.347-.195 8.064 4.76 8.3 11.065.238 6.306-3.097 11.577-7.446 11.771m31.133-11.063c-.233 6.302-3.951 11.26-8.303 11.063-4.35-.195-7.684-5.465-7.446-11.77.236-6.305 3.952-11.26 8.3-11.066 4.352.197 7.686 5.468 7.449 11.773" fill="#fff"/><path d="m87.952 49.725c-1.162-2.575-12.875-5.445-27.374-5.445h-.156c-14.5 0-26.212 2.87-27.375 5.446a.863.863 0 0 0 -.085.367c0 .186.063.352.16.496.98 1.427 13.985 8.487 27.3 8.487h.156c13.314 0 26.319-7.058 27.299-8.487a.873.873 0 0 0 .16-.498.856.856 0 0 0 -.085-.365" fill="#faab07"/><path d="m54.434 29.854c.199 2.49-1.167 4.702-3.046 4.943-1.883.242-3.568-1.58-3.768-4.07-.197-2.492 1.167-4.704 3.043-4.944 1.886-.244 3.574 1.58 3.771 4.07m11.956.833c.385-.689 3.004-4.312 8.427-2.993 1.425.347 2.084.857 2.223 1.057.205.296.262.718.053 1.286-.412 1.126-1.263 1.095-1.734.875-.305-.142-4.082-2.66-7.562 1.097-.24.257-.668.346-1.073.04-.407-.308-.574-.93-.334-1.362"/><path d="m60.576 83.08h-.153c-9.996.12-22.116-1.204-33.854-3.518-1.004 5.818-1.61 13.132-1.09 21.853 1.316 22.043 14.407 35.9 34.614 36.1h.82c20.208-.2 33.298-14.057 34.616-36.1.52-8.723-.087-16.035-1.092-21.854-11.739 2.315-23.862 3.64-33.86 3.518" fill="#fff"/><g fill="#eb1923"><path d="m32.102 81.235v21.693s9.937 2.004 19.893.616v-20.009c-6.307-.357-13.109-1.152-19.893-2.3"/><path d="m105.539 60.412s-19.33 6.102-44.963 6.275h-.153c-25.591-.172-44.896-6.255-44.962-6.275l-6.474 16.158c16.193 4.882 36.261 8.028 51.436 7.845h.153c15.175.183 35.242-2.963 51.437-7.845zm0 0"/></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/tiktok.svg b/contact-frontend/packages/assets/third-logo/tiktok.svg
new file mode 100644
index 00000000..619d3c67
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/tiktok.svg
@@ -0,0 +1 @@
+<svg height="797.73mm" viewBox="-58.35000000000002 -186.70564362582354 2548.289756960746 2538.849821747569" width="705.56mm" xmlns="http://www.w3.org/2000/svg"><g fill="#25f4ee"><path d="M779.38 890.55v-88.12a650.81 650.81 0 0 0-92.45-7.94c-299.8-.64-565.22 193.64-655.25 479.6S47.92 1871.34 294 2042.56a684.7 684.7 0 0 1 485.36-1152z"/><path d="M796 1888.72c167.62-.23 305.4-132.28 312.74-299.74V94.62h273A512.17 512.17 0 0 1 1373.8 0h-373.41v1492.92c-6.21 168.31-144.32 301.63-312.74 301.9a317.76 317.76 0 0 1-144.45-36.11A313.48 313.48 0 0 0 796 1888.72zM1891.66 601.64v-83.06a509.85 509.85 0 0 1-282.4-85.22 517.79 517.79 0 0 0 282.4 168.28z"/></g><path d="M1609.26 433.36a514.19 514.19 0 0 1-127.84-339.47h-99.68a517.16 517.16 0 0 0 227.52 339.47zM686.93 1167.9a313.46 313.46 0 0 0-144.46 590.81A312.75 312.75 0 0 1 796 1262.51a329.69 329.69 0 0 1 92.44 14.49V897.05a654.77 654.77 0 0 0-92.44-7.22h-16.62v288.9a321.13 321.13 0 0 0-92.45-10.83z" fill="#fe2c55"/><path d="M1891.66 601.64v288.91a886.23 886.23 0 0 1-517.86-168.29v759.1c-.8 378.78-308.09 685.43-686.87 685.43A679.65 679.65 0 0 1 294 2042.56 685.43 685.43 0 0 0 1481.42 1576V819.05A887.71 887.71 0 0 0 2000 985.17v-372a529.59 529.59 0 0 1-108.34-11.53z" fill="#fe2c55"/><path d="M1373.8 1481.36v-759.1a886.11 886.11 0 0 0 518.58 166.12v-288.9a517.87 517.87 0 0 1-283.12-166.12 517.16 517.16 0 0 1-227.52-339.47h-273V1589a313.46 313.46 0 0 1-567 171.17 313.46 313.46 0 0 1 144.46-590.83 321.35 321.35 0 0 1 92.45 14.45V894.88A684.71 684.71 0 0 0 293.29 2050.5a679.65 679.65 0 0 0 393.64 116.29c378.78 0 686.07-306.65 686.87-685.43z"/></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/assets/third-logo/wechat.svg b/contact-frontend/packages/assets/third-logo/wechat.svg
new file mode 100644
index 00000000..fe622c94
--- /dev/null
+++ b/contact-frontend/packages/assets/third-logo/wechat.svg
@@ -0,0 +1 @@
+<svg height="2009" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111.36600000000001 90"><linearGradient id="a" x1="50.056%" x2="50.056%" y1="94.15%" y2=".437%"><stop offset="0" stop-color="#05cd66"/><stop offset="1" stop-color="#61f380"/><stop offset="1" stop-color="#9eee69"/></linearGradient><linearGradient id="b" x1="50.089%" x2="50.089%" y1="93.535%" y2="-.036%"><stop offset="0" stop-color="#e4e6e6"/><stop offset="1" stop-color="#f0f0f0"/></linearGradient><g fill="none" fill-rule="evenodd"><path d="M0 33.466c0 10.04 5.474 19.213 13.933 25.286.746.496 1.12 1.24 1.12 2.231 0 .248-.125.62-.125.868-.622 2.479-1.742 6.57-1.866 6.693-.124.372-.249.62-.249.992 0 .744.622 1.363 1.369 1.363.248 0 .497-.124.746-.248l8.832-5.082c.622-.371 1.369-.62 2.115-.62.374 0 .871 0 1.244.125 4.106 1.24 8.584 1.859 13.187 1.859 22.267 0 40.306-14.998 40.306-33.467S62.573 0 40.306 0C18.038 0 0 14.998 0 33.466" fill="url(#a)"/><path d="M77.86 86.628c3.847 0 7.57-.5 10.92-1.498.249-.125.621-.125.993-.125.62 0 1.241.25 1.738.5l7.322 4.245c.248.125.372.25.62.25.62 0 1.117-.5 1.117-1.124 0-.25-.124-.5-.124-.874 0-.125-.993-3.497-1.49-5.62-.123-.25-.123-.5-.123-.749 0-.75.372-1.374.993-1.873 7.073-5.12 11.54-12.738 11.54-21.23 0-15.485-15.015-28.098-33.506-28.098S44.353 42.92 44.353 58.53c0 15.485 15.016 28.098 33.507 28.098z" fill="url(#b)"/><path d="M32.05 22.662c0 2.891-2.288 5.18-5.18 5.18s-5.18-2.289-5.18-5.18 2.29-5.18 5.18-5.18 5.18 2.289 5.18 5.18M58.92 22.662c0 2.891-2.288 5.18-5.179 5.18s-5.18-2.289-5.18-5.18 2.289-5.18 5.18-5.18 5.18 2.289 5.18 5.18" fill="#168743"/><g fill="#919191"><path d="M84.82 49.856c0 2.518 2.015 4.532 4.533 4.532s4.532-2.014 4.532-4.532-2.014-4.532-4.532-4.532-4.533 2.014-4.533 4.532M62.482 49.856c0 2.518 2.014 4.532 4.532 4.532s4.533-2.014 4.533-4.532-2.015-4.532-4.533-4.532-4.532 2.014-4.532 4.532"/></g></g></svg>
\ No newline at end of file
diff --git a/contact-frontend/packages/modules/services/chat/src/layouts/MenusLayout.vue b/contact-frontend/packages/modules/services/chat/src/layouts/MenusLayout.vue
index a0c59d60..33c66911 100644
--- a/contact-frontend/packages/modules/services/chat/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/chat/src/layouts/MenusLayout.vue
@@ -1,11 +1,17 @@
 <script setup lang="ts">
 import { MenusLayout } from '@cskefu/shared-ui'
 import { MenuOption, NMenu } from 'naive-ui'
+import { ref } from 'vue'
 
 const menuOptions: MenuOption[] = []
+const collapsed = ref<boolean>(false)
 </script>
 <template>
-  <MenusLayout>
-    <n-menu :options="menuOptions" />
+  <MenusLayout v-model:collapsed="collapsed">
+    <n-menu
+      :options="menuOptions"
+      :collapsed-width="64"
+      :collapsed-icon-size="24"
+    />
   </MenusLayout>
 </template>