diff --git a/ar/contact/index.html b/ar/contact/index.html
index f3a301fe01..bc3f39b423 100644
--- a/ar/contact/index.html
+++ b/ar/contact/index.html
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المراجع</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المرجع</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
diff --git a/ar/index.html b/ar/index.html
index 0c630b0eaf..b2d3bc26df 100644
--- a/ar/index.html
+++ b/ar/index.html
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المراجع</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المرجع</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -1476,7 +1476,7 @@ window.addEventListener('scroll',changeHeaderBg);
                     <div class="flex flex-col justify-center items-center">
                         <img class="h-[340px] mb-[74px]" src="/img/new/explained-2.svg" alt="" />
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
-                            لكل اتصال ، يمكنك استخدام قائمتين انتظار منفصلتين للمراسلة لإرسال الرسائل واستلامها عبر خوادم مختلفة.
+                            لكل اتصال، تستخدم قائمتي انتظار منفصلتين للمراسلة لإرسال واستقبال الرسائل عبر خوادم مختلفة.
                         </p>
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
                             تقوم الخوادم بتمرير الرسائل في اتجاه واحد فقط ، دون الحصول على الصورة الكاملة لمحادثات المستخدم أو اتصالاته.
diff --git a/ar/invitation/index.html b/ar/invitation/index.html
index 2d539e5d82..41c8bce530 100644
--- a/ar/invitation/index.html
+++ b/ar/invitation/index.html
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المراجع</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">المرجع</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
diff --git a/de/contact/index.html b/de/contact/index.html
index 9aa7fb9d5b..94ba286282 100644
--- a/de/contact/index.html
+++ b/de/contact/index.html
@@ -465,7 +465,7 @@ window.addEventListener('scroll',changeHeaderBg);
 <section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
     <div class="container flex flex-col items-center">
         <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">Nutzen Sie</span> SimpleX</p>
-        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Unterhaltung zu beteiligen</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Diskussion zu beteiligen</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
             <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
diff --git a/de/index.html b/de/index.html
index 54560f1812..28c3c6e019 100644
--- a/de/index.html
+++ b/de/index.html
@@ -1255,7 +1255,7 @@ window.addEventListener('scroll',changeHeaderBg);
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">Um Ihre IP-Adresse zu schützen, können Sie per Tor oder irgendeinem anderen Transportschichten-Netzwerk auf Server zugreifen.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Um SimpleX per Tor zu nutzen, installieren Sie unter Android bitte die <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot App</a> und aktivieren Sie den SOCKS5 Proxy oder <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">unter iOS</a>per VPN.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Um SimpleX per Tor zu nutzen, installieren Sie unter Android bitte die <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot App</a> und aktivieren Sie den SOCKS5 Proxy oder <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">unter iOS</a> per VPN.</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Zum Schließen drücken</p>
@@ -1617,7 +1617,7 @@ window.addEventListener("load", function () {
 <section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
     <div class="container flex flex-col items-center">
         <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">Nutzen Sie</span> SimpleX</p>
-        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Unterhaltung zu beteiligen</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Diskussion zu beteiligen</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
             <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
diff --git a/de/invitation/index.html b/de/invitation/index.html
index fd09bd0024..36ee424add 100644
--- a/de/invitation/index.html
+++ b/de/invitation/index.html
@@ -465,7 +465,7 @@ window.addEventListener('scroll',changeHeaderBg);
 <section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
     <div class="container flex flex-col items-center">
         <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">Nutzen Sie</span> SimpleX</p>
-        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Unterhaltung zu beteiligen</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">Wir laden Sie ein, sich an der Diskussion zu beteiligen</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
             <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Treten Sie der Reddit-Gruppe bei</a>
diff --git a/es/contact/index.html b/es/contact/index.html
index c7c34e4756..27bff21725 100644
--- a/es/contact/index.html
+++ b/es/contact/index.html
@@ -40,7 +40,7 @@
                     
                     <li class="nav-link relative ">
                         <a href="/es/" class="flex items-center justify-between gap-2 lg:py-5 ">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Inicio</span>
                         </a>                        
                     </li>
 
@@ -48,7 +48,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Developers</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Desarrolladores</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Reference</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Referencia</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -90,7 +90,7 @@
                                 >Whitepaper</a></li>
                             <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
-                                >SMP protocol</a></li>
+                                >Protocolo SMP</a></li>
                             <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
                                 >Chat protocol</a></li>
@@ -108,7 +108,7 @@
 
                 <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                     target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
-                    >Donate</a>
+                    >Donar</a>
 
                 <div class="inline-block dark:hidden self-center mt-[8px]">
                     <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
@@ -515,15 +515,15 @@ window.addEventListener('scroll',changeHeaderBg);
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            SimpleX Chat protocol</a>
+                            Protocolo de SimpleX Chat</a>
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Terms & Privacy Policy</a>
+                            Términos y Política de Privacidad</a>
                         <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Donate</a>
+                            Donar</a>
                     </div>
                     <div class="flex flex-col items-center lg:items-start">
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
@@ -567,7 +567,7 @@ window.addEventListener('scroll',changeHeaderBg);
                 </div>
             </article>
         </div>
-        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Open-Source Project</a>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Proyecto Open-Source</a>
     </div>
 </section>
 
diff --git a/es/index.html b/es/index.html
index 14f45ce7d5..b19bc6af5a 100644
--- a/es/index.html
+++ b/es/index.html
@@ -40,7 +40,7 @@
                     
                     <li class="nav-link relative active">
                         <a href="/es/" class="flex items-center justify-between gap-2 lg:py-5 ">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Inicio</span>
                         </a>                        
                     </li>
 
@@ -48,7 +48,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Developers</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Desarrolladores</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Reference</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Referencia</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -90,7 +90,7 @@
                                 >Whitepaper</a></li>
                             <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
-                                >SMP protocol</a></li>
+                                >Protocolo SMP</a></li>
                             <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
                                 >Chat protocol</a></li>
@@ -108,7 +108,7 @@
 
                 <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                     target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
-                    >Donate</a>
+                    >Donar</a>
 
                 <div class="inline-block dark:hidden self-center mt-[8px]">
                     <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
@@ -305,17 +305,17 @@ window.addEventListener('scroll',changeHeaderBg);
                     <img class="static-phone-mobile md:hidden" src="/img/new/mobile-hero.png" alt="" />
 
                     <article class="w-full xl:max-w-[600px] landing-page-header-article">
-                        <p class="primary-header text-center xl:text-left font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">Privacy redefined</p>
+                        <p class="primary-header text-center xl:text-left font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">La privacidad redefinida</p>
                         <p class="secondary-header text-center xl:text-left font-bold text-[28px] md:text-[38px] leading-[36px] md:leading-[43px] mb-2 xl:mb-8 tracking-[0.01em]">The first messenger<br>without user IDs</p>
                         <p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
-                            Other apps have user IDs: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX does not, <strong>not even random numbers</strong>.<br> This radically improves your privacy.
+                            Otras aplicaciones tienen ID de usuario: Signal, Matrix, Session, Briar, Jami, Cwtch, etc.<br> SimpleX no los tiene, <strong>ni siquiera números aleatorios</strong>.<br> Esto mejora radicalmente su privacidad.
                         </p>
-                        <a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">Why user IDs are bad for privacy?</a>
+                        <a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">¿Por qué los ID de usuario son malos para la privacidad?</a>
                         
     
     <div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
         <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
-            <h1 class="text-3xl font-bold text-active-blue mb-6 ">Why user IDs are bad for privacy?</h1>
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">¿Por qué los ID de usuario son malos para la privacidad?</h1>
             <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
                 
                     <div class="lg:max-w-[448px]">
@@ -352,12 +352,12 @@ window.addEventListener('scroll',changeHeaderBg);
         </div>
     </div>
 
-                        <a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">How does SimpleX work?</a>
+                        <a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">¿Cómo funciona SimpleX?</a>
                         
     
     <div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
         <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
-            <h1 class="text-3xl font-bold text-active-blue mb-6 ">How does SimpleX work?</h1>
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">¿Cómo funciona SimpleX?</h1>
             <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
                 
                     <div class="lg:max-w-[448px]">
@@ -438,18 +438,18 @@ window.addEventListener('scroll',changeHeaderBg);
 
                     <article class="w-full xl:max-w-[600px] landing-page-header-article px-5">
                         <p class="text-active-blue text-center xl:text-left font-bold text-[28px] md:text-[35px] leading-[36px] md:leading-[43px] mb-[28px]">
-                            Make a private connection
+                            Haz una conexión privada
                         </p>
                         <p class="text-center text-black dark:text-white xl:text-justify leading-[24px] text-[16px] mb-10 xl:mb-[25px] header-description">
-                            The video shows how you connect to your friend via their 1-time QR-code, in person or via a video link. You can also connect by sharing an invitation link.
+                            El video muestra cómo te conectas con tu amigo a través de su código QR de un solo uso, en persona o a través de un enlace de video. También puede conectarse compartiendo un enlace de invitación.
                         </p>
                     </article>
 
                     <div class="w-full container px-5 hidden md:flex items-center justify-center gap-[50px] py-[24px] xl:absolute bottom-0 z-10">
-                        <a href="#why-simplex" class="menu-link">Why SimpleX</a>
-                        <a href="#features" class="menu-link">Features</a>
-                        <a href="#privacy" class="menu-link">SimpleX privacy</a>
-                        <a href="#network" class="menu-link">SimpleX network</a>
+                        <a href="#why-simplex" class="menu-link">Por que Simplex</a>
+                        <a href="#features" class="menu-link">Características</a>
+                        <a href="#privacy" class="menu-link">Privacidad de SimpleX</a>
+                        <a href="#network" class="menu-link">La red Simplex</a>
                     </div>
                 </div>
             </section>
@@ -1039,7 +1039,7 @@ window.addEventListener('scroll',changeHeaderBg);
 
 <section id="features" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[95px] px-5 lg:h-[888px]">
     <div class="container">
-        <p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold gradient-text mb-20">Features</p>
+        <p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold gradient-text mb-20">Características</p>
 
         <div class="mb-[50px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-10 gap-y-32">
             
@@ -1048,7 +1048,7 @@ window.addEventListener('scroll',changeHeaderBg);
                     <img src="/img/new/feature-1.svg" alt="" class="dark:hidden"/>
                     <img src="/img/new/feature-1-dark.svg" alt="" class="hidden dark:block"/>
                 </div>
-                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-encrypted messages with markdown and editing</p>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Mensajes cifrados E2E con markdown y edición</p>
             </div>
             
             <div class="flex flex-col items-center">
@@ -1064,7 +1064,7 @@ window.addEventListener('scroll',changeHeaderBg);
                     <img src="/img/new/feature-3.svg" alt="" class="dark:hidden"/>
                     <img src="/img/new/feature-3-dark.svg" alt="" class="hidden dark:block"/>
                 </div>
-                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Decentralized secret groups &mdash;<br>only users know they exist</p>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Grupos secretos descentralizados &mdash;<br>sólo los usuarios saben que existen</p>
             </div>
             
             <div class="flex flex-col items-center">
@@ -1088,7 +1088,7 @@ window.addEventListener('scroll',changeHeaderBg);
                     <img src="/img/new/feature-6.svg" alt="" class="dark:hidden"/>
                     <img src="/img/new/feature-6-dark.svg" alt="" class="hidden dark:block"/>
                 </div>
-                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">E2E-encrypted<br>audio and video calls</p>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Llamadas de audio y vídeo con cifrado E2E</p>
             </div>
             
             <div class="flex flex-col items-center">
@@ -1096,7 +1096,7 @@ window.addEventListener('scroll',changeHeaderBg);
                     <img src="/img/new/feature-7.svg" alt="" class="dark:hidden"/>
                     <img src="/img/new/feature-7-dark.svg" alt="" class="hidden dark:block"/>
                 </div>
-                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Portable encrypted database &mdash; move your profile to another device</p>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">Base de datos cifrada portátil&mdash; mueva su perfil a otro dispositivo</p>
             </div>
             
             <div class="flex flex-col items-center">
@@ -1147,7 +1147,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Out-of-band<br>key exchange</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Many communication platforms are vulnerable to MITM attacks by servers or network providers.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Muchas plataformas de comunicación son vulnerables a ataques MITM por parte de servidores o proveedores de red.</p>
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">To prevent it SimpleX apps pass one-time keys out-of-band, when you share an address as a link or a QR code.</p>
                             
@@ -1183,9 +1183,9 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Message integrity<br>verification</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">To guarantee integrity the messages are sequentially numbered and include the hash of the previous message.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Para garantizar la integridad, los mensajes se numeran secuencialmente e incluyen el hash del mensaje anterior.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">If any message is added, removed or changed the recipient will be alerted.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Si se añade, elimina o modifica algún mensaje, se avisará al destinatario.</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Tap to close</p>
@@ -1217,7 +1217,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Message mixing<br>to reduce correlation</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX servers act as low latency mix nodes &mdash; the incoming and outgoing messages have different order.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Los servidores de SimpleX actúan como nodos de mezcla de baja latencia &mdash; los mensajes entrantes y salientes tienen un orden diferente.</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Tap to close</p>
@@ -1233,7 +1233,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Secure authenticated<br>TLS transport</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Only TLS 1.2/1.3 with strong algorithms is used for client-server connections.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Para las conexiones cliente-servidor sólo se utiliza TLS 1.2/1.3 con algoritmos robustos.</p>
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">Server fingerprint and channel binding prevent MITM and replay attacks.</p>
                             
@@ -1253,9 +1253,9 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Optional<br>access via Tor</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">To protect your IP address you can access the servers via Tor or some other transport overlay network.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Para proteger su dirección IP, puede acceder a los servidores a través de Tor u otra red de transporte superpuesta.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">To use SimpleX via Tor please install <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot app</a> and enable SOCKS5 proxy (or VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">on iOS</a>).</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Para usar SimpleX a través de Tor, instale <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot app</a> y active el proxy SOCKS5 (o VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">en iOS</a>).</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Tap to close</p>
@@ -1271,7 +1271,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Unidirectional<br>message queues</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Each message queue passes messages in one direction, with the different send and receive addresses.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Cada cola de mensajes pasa mensajes en una dirección, con diferentes direcciones de envío y recepción.</p>
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">It reduces the attack vectors, compared with traditional message brokers, and available meta-data.</p>
                             
@@ -1291,7 +1291,7 @@ window.addEventListener('scroll',changeHeaderBg);
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX uses content padding for each encryption layer to frustrate message size attacks.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">It makes messages of different sizes look the same to the servers and network observers.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Esto hace que mensajes de distintos tamaños parezcan iguales a los ojos de los servidores y observadores de la red.</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Tap to close</p>
@@ -1329,7 +1329,7 @@ window.addEventListener('scroll',changeHeaderBg);
     
     <div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
         <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
-            <h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparison with P2P messaging protocols</h1>
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">Comparación con protocolos de mensajería P2P</h1>
             <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
                 
                     <div class="lg:max-w-[448px]">
@@ -1449,9 +1449,9 @@ window.addEventListener('scroll',changeHeaderBg);
 
         <!-- Tab links -->
         <div class="tabs hidden md:flex gap-2 mb-24">
-            <div data-btn-index="0" class="flex-1 tab-button tab-1 p-2 text-[20px] text-center font-bold cursor-pointer active">1. What users experience</div>
-            <div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. How does it work</div>
-            <div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. What servers see</div>
+            <div data-btn-index="0" class="flex-1 tab-button tab-1 p-2 text-[20px] text-center font-bold cursor-pointer active">1. Lo que experimentan los usuarios</div>
+            <div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. ¿Cómo funciona?</div>
+            <div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. Qué ven los servidores</div>
         </div>
 
         <!-- Tab content -->
@@ -1459,7 +1459,7 @@ window.addEventListener('scroll',changeHeaderBg);
             <div class="swiper-wrapper h-[inherit] mb-20 md:mb-0">
 
                 <div class="swiper-slide h-[inherit]">
-                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">1. What users experience</div>
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">1. Lo que experimentan los usuarios</div>
                     <div class="flex flex-col justify-center items-center">
                         <img class="h-[340px] mb-[74px]" src="/img/new/explained-1.svg" alt="" />
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
@@ -1472,27 +1472,27 @@ window.addEventListener('scroll',changeHeaderBg);
                 </div>
 
                 <div class="swiper-slide h-[inherit]">
-                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">2. How does it work</div>
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">2. ¿Cómo funciona?</div>
                     <div class="flex flex-col justify-center items-center">
                         <img class="h-[340px] mb-[74px]" src="/img/new/explained-2.svg" alt="" />
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
                             For each connection you use two separate messaging queues to send and receive messages via different servers.
                         </p>
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
-                            Servers only pass messages one way, without having the full picture of user's conversation or connections.
+                            Los servidores solo pasan mensajes de una manera, sin tener la imagen completa de la conversación o las conexiones del usuario.
                         </p>
                     </div>
                 </div>
 
                 <div class="swiper-slide h-[inherit]">
-                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">3. What servers see</div>
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">3. Qué ven los servidores</div>
                     <div class="flex flex-col justify-center items-center">
                         <img class="h-[340px] mb-[74px]" src="/img/new/explained-3.svg" alt="" />
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
-                            The servers have separate anonymous credentials for each queue, and do not know which users they belong to.
+                            Los servidores tienen credenciales anónimas separadas para cada cola y no saben a qué usuarios pertenecen.
                         </p>
                         <p class="text-black dark:text-white text-[16px] font-normal text-center">
-                            Users can further improve metadata privacy by using Tor to access servers, preventing corellation by IP address.
+                            Los usuarios pueden mejorar aún más la privacidad de los metadatos utilizando Tor para acceder a los servidores, evitando la correlación por dirección IP.
                         </p>
                     </div>
                 </div>
@@ -1666,15 +1666,15 @@ window.addEventListener("load", function () {
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            SimpleX Chat protocol</a>
+                            Protocolo de SimpleX Chat</a>
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Terms & Privacy Policy</a>
+                            Términos y Política de Privacidad</a>
                         <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Donate</a>
+                            Donar</a>
                     </div>
                     <div class="flex flex-col items-center lg:items-start">
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
@@ -1718,7 +1718,7 @@ window.addEventListener("load", function () {
                 </div>
             </article>
         </div>
-        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Open-Source Project</a>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Proyecto Open-Source</a>
     </div>
 </section>
 
diff --git a/es/invitation/index.html b/es/invitation/index.html
index 72121f1f30..ad5d5fd63a 100644
--- a/es/invitation/index.html
+++ b/es/invitation/index.html
@@ -40,7 +40,7 @@
                     
                     <li class="nav-link relative ">
                         <a href="/es/" class="flex items-center justify-between gap-2 lg:py-5 ">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Inicio</span>
                         </a>                        
                     </li>
 
@@ -48,7 +48,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Developers</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Desarrolladores</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -76,7 +76,7 @@
 
                     <li class="nav-link relative">
                         <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
-                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Reference</span>
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">Referencia</span>
                             <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
                                 <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
@@ -90,7 +90,7 @@
                                 >Whitepaper</a></li>
                             <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
-                                >SMP protocol</a></li>
+                                >Protocolo SMP</a></li>
                             <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                                 target="_blank" class="lg:px-[20px] inline-block"
                                 >Chat protocol</a></li>
@@ -108,7 +108,7 @@
 
                 <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                     target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
-                    >Donate</a>
+                    >Donar</a>
 
                 <div class="inline-block dark:hidden self-center mt-[8px]">
                     <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
@@ -515,15 +515,15 @@ window.addEventListener('scroll',changeHeaderBg);
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            SimpleX Chat protocol</a>
+                            Protocolo de SimpleX Chat</a>
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Terms & Privacy Policy</a>
+                            Términos y Política de Privacidad</a>
                         <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
                             target="_blank"
                             class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
-                            Donate</a>
+                            Donar</a>
                     </div>
                     <div class="flex flex-col items-center lg:items-start">
                         <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
@@ -567,7 +567,7 @@ window.addEventListener('scroll',changeHeaderBg);
                 </div>
             </article>
         </div>
-        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Open-Source Project</a>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | Proyecto Open-Source</a>
     </div>
 </section>
 
diff --git a/it/index.html b/it/index.html
index b676f35d18..2b4975be25 100644
--- a/it/index.html
+++ b/it/index.html
@@ -1233,11 +1233,11 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Trasporto TLS<br>autenticato sicuro</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Per le connessioni client-server viene usato solo il TLS 1.2/1.3 con algoritmi avanzati.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Usato solo TLS 1.2/1.3 con algoritmi avanzati per connessioni client-server.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">L'impronta digitale del server e l'associazione dei canali impediscono gli attacchi MITM e replay.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Impronta del server e associazione dei canali evitano attacchi MITM e replay.</p>
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">La ripresa della connessione è disattivata per evitare attacchi alla sessione.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Ripresa della connessione disattivata per evitare attacchi alla sessione.</p>
                             
                         </div>
                         <p class="text-grey-black dark:text-white text-[12px] text-center">Tocca per chiudere</p>
diff --git a/nl/contact/index.html b/nl/contact/index.html
index 5d62327ec0..da6be9df27 100644
--- a/nl/contact/index.html
+++ b/nl/contact/index.html
@@ -309,7 +309,7 @@ window.addEventListener('scroll',changeHeaderBg);
             <p class="text-[38px] leading-[43px] font-bold max-w-[500px] mb-[30px] primary-header-contact">Je hebt een adres ontvangen om verbinding te maken met SimpleX Chat</p>
             <p class="text-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px] mb-[80px] secondary-header-contact">Scan de QR-code met de SimpleX Chat app op je telefoon of tablet.</p>
             <p class="text-grey-black dark:text-white text-base mb-[16px]">
-                De openbare sleutels en het berichtenwachtrijadres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina &mdash; ze zijn opgenomen in het hash-fragment van de link-URL.
+                De openbare sleutels en het berichten wachtrij adres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina &mdash; ze zijn opgenomen in het hash-fragment van de link-URL.
             </p>
             <p class="text-grey-black dark:text-white text-base">Heb je de SimpleX Chat nog niet gedownload?</p>
             <p class="text-grey-black dark:text-white text-base mb-[24px]">Gebruik onderstaande links om de app te downloaden.</p>
@@ -396,7 +396,7 @@ window.addEventListener('scroll',changeHeaderBg);
     
                     <div class="contact-tab-content flex flex-col gap-10">
                         <p class="text-base mb-5">
-                            De openbare sleutels en het berichtenwachtrijadres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina bekijkt -<br> ze zijn opgenomen in het hash-fragment van de link-URL.
+                            De openbare sleutels en het berichten wachtrij adres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina bekijkt -<br> ze zijn opgenomen in het hash-fragment van de link-URL.
                         </p>
                         <canvas class="self-center conn_req_uri_qrcode"></canvas>
                     </div>
@@ -468,7 +468,7 @@ window.addEventListener('scroll',changeHeaderBg);
         <p class="text-black dark:text-white text-base text-center mb-14">Wij nodigen u uit om deel te nemen aan het gesprek</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
-            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Word lid van de REDDIT gemeenschap</a>
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Bezoek ons op REDDIT</a>
             <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Volg ons op GitHub</a>
             <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Doneer hier om ons te helpen</a>
         </div>
@@ -478,7 +478,7 @@ window.addEventListener('scroll',changeHeaderBg);
         <form class="flex items-center w-full max-w-[540px] mb-20"
             action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
             method="post" target="_blank" novalidate>
-            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mailadres in">
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mail adres in">
             <span style="position: absolute; left: -5000px" aria-hidden="true">
                 <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
             </span>
diff --git a/nl/index.html b/nl/index.html
index 215bd73599..546a292927 100644
--- a/nl/index.html
+++ b/nl/index.html
@@ -706,7 +706,7 @@ window.addEventListener('scroll',changeHeaderBg);
                                 
                                     <div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">
                                         <p>
-    Omdat u geen identificator of vast adres op het SimpleX platform heeft, kan niemand contact met u opnemen, tenzij u een eenmalig of tijdelijk gebruikersadres deelt, als een QR-code of een link.
+    Omdat u geen identificator of vast adres op het SimpleX platform heeft, kan niemand contact met u opnemen, tenzij u een eenmalig of tijdelijk gebruikers adres deelt, als een QR-code of een link.
 </p>
 
                                     </div>
@@ -864,13 +864,13 @@ window.addEventListener('scroll',changeHeaderBg);
                     <div class="lg:max-w-[448px]">
                         <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
                             <p>
-    In tegenstelling tot andere berichten platforms heeft SimpleX <strong> geen identifiers toegewezen aan de gebruikers </strong>. Het vertrouwt niet op telefoonnummers, domeingebaseerde adressen (zoals e-mail of XMPP), gebruikersnamen, openbare sleutels of zelfs willekeurige nummers om zijn gebruikers te identificeren &mdash; we weten niet &apos; hoeveel mensen onze SimpleX servers gebruiken.
+    In tegenstelling tot andere berichten platforms heeft SimpleX <strong> geen identifiers toegewezen aan de gebruikers </strong>. Het vertrouwt niet op telefoonnummers, domein gebaseerde adressen (zoals e-mail of XMPP), gebruikersnamen, openbare sleutels of zelfs willekeurige nummers om zijn gebruikers te identificeren &mdash; we weten niet &apos; hoeveel mensen onze SimpleX servers gebruiken.
 </p>
 <p>
-    Om berichten af te leveren gebruikt SimpleX <a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>paarsgewijze anonieme adressen</a> van unidirectionele berichtenwachtrijen, gescheiden voor ontvangen en verzonden berichten, meestal via verschillende servers. Het gebruik van SimpleX is als het hebben van <strong>een andere &ldquo;brander&rdquo; e-mail of telefoon voor elk contact</strong>, en geen gedoe om ze te beheren.
+    Om berichten af te leveren gebruikt SimpleX <a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>paarsgewijze anonieme adressen</a> van unidirectionele  berichten wachtrijen, gescheiden voor ontvangen en verzonden berichten, meestal via verschillende servers. Het gebruik van SimpleX is als het hebben van <strong>een andere &ldquo;brander&rdquo; e-mail of telefoon voor elk contact</strong>, en geen gedoe om ze te beheren.
 </p>
 <p>
-    Dit ontwerp beschermt de privacy van met wie u communiceert en verbergt deze voor SimpleX platformservers en voor waarnemers. Om uw IP-adres voor de servers te verbergen, kunt u <strong> verbinding maken met SimpleX servers via Tor </strong>.
+    Dit ontwerp beschermt de privacy van met wie u communiceert en verbergt deze voor SimpleX platform servers en voor waarnemers. Om uw IP-adres voor de servers te verbergen, kunt u <strong> verbinding maken met SimpleX servers via Tor </strong>.
 </p>
 
                         </div>
@@ -906,10 +906,10 @@ window.addEventListener('scroll',changeHeaderBg);
                     <div class="lg:max-w-[448px]">
                         <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
                             <p>
-    Omdat je geen identificatie hebt op het SimpleX platform, kan niemand contact met je opnemen, tenzij je een eenmalig of tijdelijk gebruikersadres deelt, als een QR-code of een link.
+    Omdat je geen identificatie hebt op het SimpleX platform, kan niemand contact met je opnemen, tenzij je een eenmalig of tijdelijk gebruikers adres deelt, als een QR-code of een link.
 </p>
 <p>
-    Zelfs met het optionele gebruikersadres, hoewel het kan worden gebruikt om spam-contactverzoeken te verzenden, kunt u het wijzigen of volledig verwijderen zonder uw verbindingen te verliezen.
+    Zelfs met het optionele gebruikers adres, hoewel het kan worden gebruikt om spam-contact verzoeken te verzenden, kunt u het wijzigen of volledig verwijderen zonder uw verbindingen te verliezen.
 </p>
 
                         </div>
@@ -1253,7 +1253,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Optionele<br>toegang via Tor</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Om uw IP-adres te beschermen, kunt u via Tor of een ander transportoverlay netwerk toegang krijgen tot de servers.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Om uw IP-adres te beschermen, kunt u via Tor of een ander transport overlay netwerk toegang krijgen tot de servers.</p>
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">Installeer de <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot-app </a> en schakel de SOCKS5-proxy in (of VPN <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank"> op iOS </a>) om SimpleX via Tor te gebruiken.</p>
                             
@@ -1271,7 +1271,7 @@ window.addEventListener('scroll',changeHeaderBg);
                         <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">Unidirectionele<br>berichtenwachtrijen</p>
                         <div class="flex-1 py-3 flex flex-col gap-3">
                             
-                            <p class="text-grey-black dark:text-white text-[14px] text-center">Elke berichten wachtrij geeft berichten in één richting door, met verschillende verzend- en ontvangstadressen.</p>
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">Elke berichten wachtrij geeft berichten in één richting door, met verschillende verzend en ontvangst adressen.</p>
                             
                             <p class="text-grey-black dark:text-white text-[14px] text-center">Het vermindert de aanvals mogenlijkheden, in vergelijking met traditionele berichten diensten, en de beschikbare metadata.</p>
                             
@@ -1620,7 +1620,7 @@ window.addEventListener("load", function () {
         <p class="text-black dark:text-white text-base text-center mb-14">Wij nodigen u uit om deel te nemen aan het gesprek</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
-            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Word lid van de REDDIT gemeenschap</a>
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Bezoek ons op REDDIT</a>
             <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Volg ons op GitHub</a>
             <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Doneer hier om ons te helpen</a>
         </div>
@@ -1630,7 +1630,7 @@ window.addEventListener("load", function () {
         <form class="flex items-center w-full max-w-[540px] mb-20"
             action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
             method="post" target="_blank" novalidate>
-            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mailadres in">
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mail adres in">
             <span style="position: absolute; left: -5000px" aria-hidden="true">
                 <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
             </span>
diff --git a/nl/invitation/index.html b/nl/invitation/index.html
index a91c7160d4..2d1714a23d 100644
--- a/nl/invitation/index.html
+++ b/nl/invitation/index.html
@@ -309,7 +309,7 @@ window.addEventListener('scroll',changeHeaderBg);
             <p class="text-[38px] leading-[43px] font-bold max-w-[500px] mb-[30px] primary-header-contact">Je hebt een eenmalige link ontvangen om verbinding te maken met SimpleX Chat</p>
             <p class="text-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px] mb-[80px] secondary-header-contact">Scan de QR-code met de SimpleX Chat app op je telefoon of tablet.</p>
             <p class="text-grey-black dark:text-white text-base mb-[16px]">
-                De openbare sleutels en het berichtenwachtrijadres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina &mdash; ze zijn opgenomen in het hash-fragment van de link-URL.
+                De openbare sleutels en het berichten wachtrij adres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina &mdash; ze zijn opgenomen in het hash-fragment van de link-URL.
             </p>
             <p class="text-grey-black dark:text-white text-base">Heb je de SimpleX Chat nog niet gedownload?</p>
             <p class="text-grey-black dark:text-white text-base mb-[24px]">Gebruik onderstaande links om de app te downloaden.</p>
@@ -396,7 +396,7 @@ window.addEventListener('scroll',changeHeaderBg);
     
                     <div class="contact-tab-content flex flex-col gap-10">
                         <p class="text-base mb-5">
-                            De openbare sleutels en het berichtenwachtrijadres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina bekijkt -<br> ze zijn opgenomen in het hash-fragment van de link-URL.
+                            De openbare sleutels en het berichten wachtrij adres in deze link worden NIET over het netwerk verzonden wanneer u deze pagina bekijkt -<br> ze zijn opgenomen in het hash-fragment van de link-URL.
                         </p>
                         <canvas class="self-center conn_req_uri_qrcode"></canvas>
                     </div>
@@ -468,7 +468,7 @@ window.addEventListener('scroll',changeHeaderBg);
         <p class="text-black dark:text-white text-base text-center mb-14">Wij nodigen u uit om deel te nemen aan het gesprek</p>
 
         <div class="flex flex-col items-center gap-5 self-stretch mb-12">
-            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Word lid van de REDDIT gemeenschap</a>
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Bezoek ons op REDDIT</a>
             <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">Volg ons op GitHub</a>
             <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">Doneer hier om ons te helpen</a>
         </div>
@@ -478,7 +478,7 @@ window.addEventListener('scroll',changeHeaderBg);
         <form class="flex items-center w-full max-w-[540px] mb-20"
             action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
             method="post" target="_blank" novalidate>
-            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mailadres in">
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="Voer uw e-mail adres in">
             <span style="position: absolute; left: -5000px" aria-hidden="true">
                 <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
             </span>
diff --git a/nb_NO/contact/index.html b/uk/contact/index.html
similarity index 97%
rename from nb_NO/contact/index.html
rename to uk/contact/index.html
index 046facc72d..46df30060e 100644
--- a/nb_NO/contact/index.html
+++ b/uk/contact/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="nb_NO">
+<html lang="uk">
     <head>
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -29,17 +29,17 @@
         <section class="w-full bg-transparent fixed top-0 z-50">
             <header class="">
     <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
-        <a href="/nb_NO/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
-        <a href="/nb_NO/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/uk/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/uk/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
         
         <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
             <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
                     
                     <li class="nav-link relative ">
-                        <a href="/nb_NO/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                        <a href="/uk/" class="flex items-center justify-between gap-2 lg:py-5 ">
                             <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
                         </a>                        
                     </li>
@@ -126,7 +126,7 @@
         
         <div class="nav-link relative">
             <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
-                <img src="/img/flags/nb_NO.svg" alt="" srcset="">
+                <img src="/img/flags/uk.svg" alt="" srcset="">
             </a>
             
             <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
@@ -503,8 +503,8 @@ window.addEventListener('scroll',changeHeaderBg);
     <div class="container">
         <div class="flex flex-col lg:flex-row justify-between">
             <div class="flex flex-col items-center lg:items-start">
-                <a href="/nb_NO/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
-                <a href="/nb_NO/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
 
                 <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
                     <div class="flex flex-col items-center lg:items-start">
diff --git a/nb_NO/index.html b/uk/index.html
similarity index 99%
rename from nb_NO/index.html
rename to uk/index.html
index 0314091002..90d5d10ba4 100644
--- a/nb_NO/index.html
+++ b/uk/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="nb_NO">
+<html lang="uk">
     <head>
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -29,17 +29,17 @@
         <section class="w-full bg-transparent fixed top-0 z-50">
             <header class="">
     <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
-        <a href="/nb_NO/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
-        <a href="/nb_NO/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/uk/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/uk/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
         
         <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
             <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
                     
                     <li class="nav-link relative active">
-                        <a href="/nb_NO/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                        <a href="/uk/" class="flex items-center justify-between gap-2 lg:py-5 ">
                             <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
                         </a>                        
                     </li>
@@ -126,7 +126,7 @@
         
         <div class="nav-link relative">
             <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
-                <img src="/img/flags/nb_NO.svg" alt="" srcset="">
+                <img src="/img/flags/uk.svg" alt="" srcset="">
             </a>
             
             <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
@@ -1654,8 +1654,8 @@ window.addEventListener("load", function () {
     <div class="container">
         <div class="flex flex-col lg:flex-row justify-between">
             <div class="flex flex-col items-center lg:items-start">
-                <a href="/nb_NO/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
-                <a href="/nb_NO/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
 
                 <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
                     <div class="flex flex-col items-center lg:items-start">
diff --git a/nb_NO/invitation/index.html b/uk/invitation/index.html
similarity index 97%
rename from nb_NO/invitation/index.html
rename to uk/invitation/index.html
index 04ac48cf20..4a40d70919 100644
--- a/nb_NO/invitation/index.html
+++ b/uk/invitation/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="nb_NO">
+<html lang="uk">
     <head>
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -29,17 +29,17 @@
         <section class="w-full bg-transparent fixed top-0 z-50">
             <header class="">
     <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
-        <a href="/nb_NO/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
-        <a href="/nb_NO/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
-        <a href="/nb_NO/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/uk/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/uk/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/uk/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
         
         <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
             <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
                 <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
                     
                     <li class="nav-link relative ">
-                        <a href="/nb_NO/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                        <a href="/uk/" class="flex items-center justify-between gap-2 lg:py-5 ">
                             <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">Home</span>
                         </a>                        
                     </li>
@@ -126,7 +126,7 @@
         
         <div class="nav-link relative">
             <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
-                <img src="/img/flags/nb_NO.svg" alt="" srcset="">
+                <img src="/img/flags/uk.svg" alt="" srcset="">
             </a>
             
             <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
@@ -503,8 +503,8 @@ window.addEventListener('scroll',changeHeaderBg);
     <div class="container">
         <div class="flex flex-col lg:flex-row justify-between">
             <div class="flex flex-col items-center lg:items-start">
-                <a href="/nb_NO/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
-                <a href="/nb_NO/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/uk/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
 
                 <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
                     <div class="flex flex-col items-center lg:items-start">
diff --git a/zh_Hans/contact/index.html b/zh_Hans/contact/index.html
new file mode 100644
index 0000000000..31e1257309
--- /dev/null
+++ b/zh_Hans/contact/index.html
@@ -0,0 +1,579 @@
+<!DOCTYPE html>
+<html lang="zh_Hans">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SimpleX Chat - Contact</title>
+        <meta name="description" content=""/>
+        <meta name="Content-Type" content="text/html;charset=utf-8"/>
+        
+            <meta http-equiv="onion-location" content="http://isdb4l77sjqoy2qq7ipum6x3at6hyn3jmxfx4zdhc72ufbmuq4ilwkqd.onion/" />
+            <meta property="og:url" content="https://simplex.chat/" />
+        
+        <meta property="og:type" content="website"/>
+        <meta property="og:title" content="SimpleX Chat - Contact"/>
+        <meta property="og:description" content=""/>
+        <meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
+        <meta name="twitter:card" content="summary"/>
+        <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico"/>
+        
+        <link rel="stylesheet" href="/css/swiper-bundle.min.css">
+        <link href="/css/tailwind.css" rel="stylesheet"/>
+        <link rel="stylesheet" href="/css/style.css">
+        <script async defer src="https://buttons.github.io/buttons.js"></script>
+        <script src="/js/flag-anchor.js"></script>
+        
+    </head>
+    <body class="bg-white dark:bg-[#0C0B13]">
+        <section class="w-full bg-transparent fixed top-0 z-50">
+            <header class="">
+    <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
+        <a href="/zh_Hans/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/zh_Hans/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        
+        <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
+            <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
+                <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
+                    
+                    <li class="nav-link relative ">
+                        <a href="/zh_Hans/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">主页</span>
+                        </a>                        
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">开发者</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[200px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天机器人示例</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >TypeScript SDK</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >终端命令行</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SimpleXMQ</a></li>
+                            </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">参考</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[180px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >Whitepaper</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SMP协议</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天协议</a></li>
+                        </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative ">
+                        <a href="/blog" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">博客</span>
+                        </a>
+                    </li>
+                </ul>
+
+                <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                    target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
+                    >捐赠</a>
+
+                <div class="inline-block dark:hidden self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+
+                <div class="hidden dark:inline-block self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-color-scheme="no-preference: dark; light: dark; dark: dark;"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+            </div>
+        </nav>
+
+        
+        <div class="nav-link relative">
+            <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
+                <img src="/img/flags/zh_Hans.svg" alt="" srcset="">
+            </a>
+            
+            <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
+                
+                    
+                        <li>
+                            <a href="/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/en.svg" alt="" srcset="">
+                                <p>English</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/de/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/de.svg" alt="" srcset="">
+                                <p>Deutsch</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/fr/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/fr.svg" alt="" srcset="">
+                                <p>Français</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/cs/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/cs.svg" alt="" srcset="">
+                                <p>Čeština</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/it/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/it.svg" alt="" srcset="">
+                                <p>Italiano</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/nl/contact/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/nl.svg" alt="" srcset="">
+                                <p>Nederlands</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+            </ul>
+        </div>
+        
+
+        <button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-4 xl:ml-8 theme-switch-btn">
+            <img src="/img/new/sun.svg"  alt="" srcset="" class="sun">
+            <img src="/img/new/moon.svg" alt="" srcset="" class="moon">
+        </button>
+
+        <button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-5 xl:ml-10 nav-toggle-btn">
+            <img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
+            <svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
+            </svg>
+        </button>
+    </div>
+</header>
+
+
+<SCript>
+// switch theme
+const sunIcon = document.querySelector('.sun');
+const moonIcon = document.querySelector('.moon');
+
+const userTheme = localStorage.getItem('theme');
+const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+const iconToggle = () => {
+    sunIcon.classList.toggle('hidden');
+    moonIcon.classList.toggle('hidden');
+}
+
+const themeCheck = () => {
+    if(userTheme === 'dark' || (!userTheme && systemTheme)){
+        document.documentElement.classList.add('dark');
+        moonIcon.classList.add('hidden');
+    }
+    else{
+        sunIcon.classList.add('hidden');
+    }
+}
+
+const themeSwitch = () => {
+    if(document.documentElement.classList.contains('dark')){
+        document.documentElement.classList.remove('dark');
+        localStorage.setItem('theme','light');
+        iconToggle();
+    }
+    else{
+        document.documentElement.classList.add('dark');
+        localStorage.setItem('theme','dark');
+        iconToggle();
+    }
+}
+
+const nav = document.querySelector('header nav');
+window.addEventListener('click',(e)=>{
+    if(e.target.closest('.nav-link')){
+        if(e.target.closest('.nav-link').classList.contains('active')){
+            e.target.closest('.nav-link').classList.remove('active');
+        }
+        else{
+            document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
+            e.target.closest('.nav-link').classList.add('active');
+        }
+    }
+    else if(e.target.closest('.nav-toggle-btn')){
+        document.body.classList.toggle('lock-scroll');
+        if(nav.classList.contains('open')){
+            nav.classList.remove('open');
+            document.getElementById('hamburger').classList.remove('hidden');
+            document.getElementById('cross').classList.add('hidden');
+        }
+        else{
+            nav.classList.add('open');
+            document.getElementById('hamburger').classList.add('hidden');
+            document.getElementById('cross').classList.remove('hidden');
+        }
+    }
+    else if(e.target.closest('.theme-switch-btn')){
+        themeSwitch();
+    }
+})
+
+themeCheck();
+
+const changeHeaderBg = ()=>{
+    const header = document.querySelector('header')
+    const scrollValue = window.scrollY
+    if(scrollValue > 5){
+        header.classList.add('bg-primary-bg-light');
+        header.classList.add('dark:bg-primary-bg-dark');
+    }
+    else{
+        header.classList.remove('bg-primary-bg-light');
+        header.classList.remove('dark:bg-primary-bg-dark');
+    }
+}
+
+window.addEventListener('scroll',changeHeaderBg);
+</SCript>
+        </section>
+
+        
+
+    <script src="/js/flag-anchor.js"></script>
+    <script src="/js/qrcode.js"></script>
+    <script async defer src="/js/contact.js"></script>
+
+
+<section class="hidden xl:block h-screen pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
+    <div class="container m-auto h-full flex items-center justify-between px-5">
+        <div class="flex flex-col items-start justify-center w-full h-full">
+            <p class="text-[38px] leading-[43px] font-bold max-w-[500px] mb-[30px] primary-header-contact">您收到了一个用于连接 SimpleX Chat 的地址</p>
+            <p class="text-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px] mb-[80px] secondary-header-contact">使用手机或平板电脑上的 SimpleX Chat 应用程序扫描二维码。</p>
+            <p class="text-grey-black dark:text-white text-base mb-[16px]">
+                当您查看此页面时，此链接中的公钥和消息队列地址不会通过网络发送 ——它们包含在链接 URL 的哈希片段中。
+            </p>
+            <p class="text-grey-black dark:text-white text-base">还没有下载 SimpleX Chat 吗？</p>
+            <p class="text-grey-black dark:text-white text-base mb-[24px]">使用下面的链接下载应用程序。</p>
+
+            <div class="flex items-center justify-center gap-4 flex-wrap">
+                <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+                <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+                <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+                <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+                <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+            </div>
+        </div>
+
+        <div class="h-full pt-[30px] w-[630px] relative">
+            <div class="relative h-full w-[inherit] flex items-center justify-center">
+                <div class="absolute mt-[-100px]">
+                    <img class="" src="/img/new/contact_page_mobile.png" alt="">
+                </div>
+
+                <div class="z-10 flex flex-col items-center pt-[40px] ml-[-15px]">
+                    <p class="text-base font-medium text-center max-w-[234px]">从移动应用程序扫描二维码</p>
+                    <canvas class="conn_req_uri_qrcode"></canvas>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+<section class="block xl:hidden pt-[106px] pb-[90px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
+    <div class="container m-auto h-full px-5">
+        <div class="flex flex-col items-center">
+            <p class="text-[28px] font-bold text-center max-w-[602px] mb-[40px] primary-header-contact">您收到了一个用于连接 SimpleX Chat 的地址</p>
+            <p class="text-[20px] leading-[28px] text-grey-black dark:text-white font-medium mb-[30px]">要建立连接：</p>
+
+            <div class="flex flex-col justify-center items-center p-4 w-full max-w-[468px] min-h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white mb-4">安装 SimpleX 应用程序</p>
+                <div class="flex flex-wrap items-center justify-center gap-2">
+                    <a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+                    <a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+                    <a class="f-droid-btn hidden" href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+                </div>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">1</p>
+                </div>
+            </div>
+
+            <div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white mb-4">在应用程序中连接</p>
+                <a id="mobile_conn_req_uri" class="bg-[#0053D0] text-white py-3 px-8 rounded-[34px] h-[44px] text-[16px] leading-[19px] tracking-[0.02em]">打开 Simplex 应用程序</a>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">2</p>
+                </div>
+            </div>
+
+            <div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white max-w-[230px] text-center">点按应用中的 <span class='text-active-blue'>“连接”</span> 按钮</p>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">3</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+<section class="hidden md:block bg-secondary-bg-light dark:bg-secondary-bg-dark py-[20px]">
+    <div class="container px-5">
+        <div class="text-grey-black dark:text-white">
+            
+            
+            <div class="hidden md:block xl:hidden for-tablet">
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">使用 SimpleX Chat 应用程序扫描二维码</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+    
+                    <div class="contact-tab-content flex flex-col gap-10">
+                        <p class="text-base mb-5">
+                            当您查看此页面时，此链接中的公钥和消息队列地址不会通过网络发送 ——它们包含在链接 URL 的哈希片段中。
+                        </p>
+                        <canvas class="self-center conn_req_uri_qrcode"></canvas>
+                    </div>
+                </div>
+            </div>
+            
+            
+            <div class="hidden xl:block">
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">将 SimpleX 聊天安装到终端</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+    
+                    <div class="contact-tab-content">
+                        <p class="text-base mb-4">使用此命令：</p>
+                        <p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-8">
+                            <span class="text-grey-black font-light text-[14px] leading-6">curl -o- https://raw.githubusercontent.com/simplex-chat/simplex-chat/master/install.sh | bash</span>
+                            <!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
+                        </p>
+                        
+                        <p class="flex text-base font-medium mb-[76px]">查看 SimpleX 聊天 &nbsp;
+                            <a href="" class="flex gap-1 no-underline">
+                                <span class="text-primary-light dark:text-primary-dark underline underline-offset-4 text-base font-medium">GitHub 仓库</span>
+                                <svg class="fill-primary-light dark:fill-primary-dark" width="24" height="24" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
+                                        30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
+                                </svg>
+                            </a>
+                            &nbsp;
+                            如何从源代码下载或编译它的说明。</p>
+                    </div>
+                </div>
+    
+                <hr class="block mb-7 dark:opacity-[0.2] w-full">
+    
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">如果您已经为终端安装了 SimpleX Chat</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+                    <div class="contact-tab-content">
+                        <p class="text-base font-medium mb-[46px]">如果您已经安装&nbsp;
+                            <a href="" class="text-base font-medium">用于终端的 SimpleX Chat</a>&nbsp;
+                            v1.0.0+, 复制下面的命令并在聊天中使用它：
+                        </p>
+                        <p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-[36px]">
+                            <span id="conn_req_uri_text" class="text-grey-black font-light text-[14px] leading-6">/c https://simplex.chat/contact#/?v=1&smp=smp://u2dS9sG8nMNURyZwqASV4yROM28Er0luVTx5X1CsMrU=@smp4.simplex.im/KBCmxJ3-lEjpWLPPkI6OWPk-YJneU5uY%23MCowBQYDK2VuAyEAtixHJWDXvYWcoe-77vIfjvI6XWEuzUsapMS9nVHP_Go=</span>
+                            <!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+<section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
+    <div class="container flex flex-col items-center">
+        <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">加入</span> SimpleX</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">我们邀请您加入对话</p>
+
+        <div class="flex flex-col items-center gap-5 self-stretch mb-12">
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">加入 REDDIT 社区</a>
+            <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">在 GitHub 上加入我们</a>
+            <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">在这里捐款来帮助我们</a>
+        </div>
+
+        <p class="text-grey-black dark:text-white text-base text-center mb-7">注册以接收我们的更新</p>
+
+        <form class="flex items-center w-full max-w-[540px] mb-20"
+            action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
+            method="post" target="_blank" novalidate>
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="输入您的电子邮箱地址">
+            <span style="position: absolute; left: -5000px" aria-hidden="true">
+                <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
+            </span>
+            <input type="submit" class="h-[44px] rounded-r-[34px] bg-primary-light text-white text-center px-8">
+        </form>
+
+        <hr class="block mb-7 mx-5 dark:opacity-[0.2] w-full">
+
+        <p class="text-grey-black dark:text-white text-center mb-7">获取 SimpleX</p>
+        <div class="flex items-center justify-center gap-4 flex-wrap">
+            <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+            <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+            <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+            <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+            <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+        </div>
+    </div>
+</section>
+
+
+        <section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px]">
+    <div class="container">
+        <div class="flex flex-col lg:flex-row justify-between">
+            <div class="flex flex-col items-center lg:items-start">
+                <a href="/zh_Hans/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/zh_Hans/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+
+                <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX Whitepaper</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX 聊天协议</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            条款和隐私政策</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            捐赠</a>
+                    </div>
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            终端命令行</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            TypeScript SDK</a>
+                    </div>
+                </div>
+            </div>
+
+            <article class="mt-10 lg:mt-0">
+                <div class="h-[40px] flex gap-4 justify-center">
+                    <a href="https://github.com/simplex-chat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
+                                30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
+                                10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
+                                19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
+                        </svg>
+                    </a>
+                    <a href="https://twitter.com/simplexchat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
+                                14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
+                        </svg>
+                    </a>
+                </div>
+            </article>
+        </div>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | 开源项目</a>
+    </div>
+</section>
+
+
+        <script src="/js/animation.js"></script>
+        <script src="/js/swiper-bundle.min.js"></script>
+        <script src="/js/script.js"></script>
+    </body>
+</html>
diff --git a/zh_Hans/index.html b/zh_Hans/index.html
new file mode 100644
index 0000000000..cf280e0d3b
--- /dev/null
+++ b/zh_Hans/index.html
@@ -0,0 +1,1730 @@
+<!DOCTYPE html>
+<html lang="zh_Hans">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SimpleX Chat: private and secure messenger without any user IDs (not even random)</title>
+        <meta name="description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
+        <meta name="Content-Type" content="text/html;charset=utf-8"/>
+        
+            <meta http-equiv="onion-location" content="http://isdb4l77sjqoy2qq7ipum6x3at6hyn3jmxfx4zdhc72ufbmuq4ilwkqd.onion/" />
+            <meta property="og:url" content="https://simplex.chat/" />
+        
+        <meta property="og:type" content="website"/>
+        <meta property="og:title" content="SimpleX Chat: private and secure messenger without any user IDs (not even random)"/>
+        <meta property="og:description" content="SimpleX Chat - a private and encrypted messenger without any user IDs (not even random ones)! Make a private connection via link / QR code to send messages and make calls."/>
+        <meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
+        <meta name="twitter:card" content="summary"/>
+        <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico"/>
+        
+        <link rel="stylesheet" href="/css/swiper-bundle.min.css">
+        <link href="/css/tailwind.css" rel="stylesheet"/>
+        <link rel="stylesheet" href="/css/style.css">
+        <script async defer src="https://buttons.github.io/buttons.js"></script>
+        <script src="/js/flag-anchor.js"></script>
+        
+    </head>
+    <body class="bg-white dark:bg-[#0C0B13]">
+        <section class="w-full bg-transparent fixed top-0 z-50">
+            <header class="">
+    <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
+        <a href="/zh_Hans/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/zh_Hans/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        
+        <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
+            <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
+                <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
+                    
+                    <li class="nav-link relative active">
+                        <a href="/zh_Hans/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">主页</span>
+                        </a>                        
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">开发者</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[200px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天机器人示例</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >TypeScript SDK</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >终端命令行</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SimpleXMQ</a></li>
+                            </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">参考</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[180px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >Whitepaper</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SMP协议</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天协议</a></li>
+                        </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative ">
+                        <a href="/blog" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">博客</span>
+                        </a>
+                    </li>
+                </ul>
+
+                <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                    target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
+                    >捐赠</a>
+
+                <div class="inline-block dark:hidden self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+
+                <div class="hidden dark:inline-block self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-color-scheme="no-preference: dark; light: dark; dark: dark;"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+            </div>
+        </nav>
+
+        
+        <div class="nav-link relative">
+            <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
+                <img src="/img/flags/zh_Hans.svg" alt="" srcset="">
+            </a>
+            
+            <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
+                
+                    
+                        <li>
+                            <a href="/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/en.svg" alt="" srcset="">
+                                <p>English</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/de/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/de.svg" alt="" srcset="">
+                                <p>Deutsch</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/fr/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/fr.svg" alt="" srcset="">
+                                <p>Français</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/cs/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/cs.svg" alt="" srcset="">
+                                <p>Čeština</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/it/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/it.svg" alt="" srcset="">
+                                <p>Italiano</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/nl/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/nl.svg" alt="" srcset="">
+                                <p>Nederlands</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+            </ul>
+        </div>
+        
+
+        <button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-4 xl:ml-8 theme-switch-btn">
+            <img src="/img/new/sun.svg"  alt="" srcset="" class="sun">
+            <img src="/img/new/moon.svg" alt="" srcset="" class="moon">
+        </button>
+
+        <button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-5 xl:ml-10 nav-toggle-btn">
+            <img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
+            <svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
+            </svg>
+        </button>
+    </div>
+</header>
+
+
+<SCript>
+// switch theme
+const sunIcon = document.querySelector('.sun');
+const moonIcon = document.querySelector('.moon');
+
+const userTheme = localStorage.getItem('theme');
+const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+const iconToggle = () => {
+    sunIcon.classList.toggle('hidden');
+    moonIcon.classList.toggle('hidden');
+}
+
+const themeCheck = () => {
+    if(userTheme === 'dark' || (!userTheme && systemTheme)){
+        document.documentElement.classList.add('dark');
+        moonIcon.classList.add('hidden');
+    }
+    else{
+        sunIcon.classList.add('hidden');
+    }
+}
+
+const themeSwitch = () => {
+    if(document.documentElement.classList.contains('dark')){
+        document.documentElement.classList.remove('dark');
+        localStorage.setItem('theme','light');
+        iconToggle();
+    }
+    else{
+        document.documentElement.classList.add('dark');
+        localStorage.setItem('theme','dark');
+        iconToggle();
+    }
+}
+
+const nav = document.querySelector('header nav');
+window.addEventListener('click',(e)=>{
+    if(e.target.closest('.nav-link')){
+        if(e.target.closest('.nav-link').classList.contains('active')){
+            e.target.closest('.nav-link').classList.remove('active');
+        }
+        else{
+            document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
+            e.target.closest('.nav-link').classList.add('active');
+        }
+    }
+    else if(e.target.closest('.nav-toggle-btn')){
+        document.body.classList.toggle('lock-scroll');
+        if(nav.classList.contains('open')){
+            nav.classList.remove('open');
+            document.getElementById('hamburger').classList.remove('hidden');
+            document.getElementById('cross').classList.add('hidden');
+        }
+        else{
+            nav.classList.add('open');
+            document.getElementById('hamburger').classList.add('hidden');
+            document.getElementById('cross').classList.remove('hidden');
+        }
+    }
+    else if(e.target.closest('.theme-switch-btn')){
+        themeSwitch();
+    }
+})
+
+themeCheck();
+
+const changeHeaderBg = ()=>{
+    const header = document.querySelector('header')
+    const scrollValue = window.scrollY
+    if(scrollValue > 5){
+        header.classList.add('bg-primary-bg-light');
+        header.classList.add('dark:bg-primary-bg-dark');
+    }
+    else{
+        header.classList.remove('bg-primary-bg-light');
+        header.classList.remove('dark:bg-primary-bg-dark');
+    }
+}
+
+window.addEventListener('scroll',changeHeaderBg);
+</SCript>
+        </section>
+
+        <div class="first-two-sections pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
+    <div class="md:flex md:flex-col-reverse md:items-center xl:flex xl:flex-row xl:items-start relative xl:justify-between xl:gap-10 container">
+        <div class="">
+            <section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px] m-auto w-full flex items-center justify-between landing-page-header px-5">
+                <div class="xl:h-full flex flex-col items-center xl:items-start xl:justify-around w-full landing-page-header-div">
+                    
+                    <img class="static-phone-mobile md:hidden" src="/img/new/mobile-hero.png" alt="" />
+
+                    <article class="w-full xl:max-w-[600px] landing-page-header-article">
+                        <p class="primary-header text-center xl:text-left font-bold text-[38px] md:text-[55px] leading-[46px] md:leading-[63px] mb-2 xl:mb-8">重新定义隐私</p>
+                        <p class="secondary-header text-center xl:text-left font-bold text-[28px] md:text-[38px] leading-[36px] md:leading-[43px] mb-2 xl:mb-8 tracking-[0.01em]">首个不使用用户ID的即时通讯软件id</p>
+                        <p class="landing-page-header-article-paragraph text-black dark:text-white text-center xl:text-justify text-[16px] leading-[24px] mb-[20px] header-description">
+                            其他应用需要用户 ID：Signal、Matrix、Session、Briar、Jami、Cwtch 等。<br>SimpleX 不需要，<strong>甚至不需要随机数</strong>。<br>这从根本上改善了您的隐私。
+                        </p>
+                        <a href="javascript:void(0)" data-show-overlay="why-ids-bad-for-privacy" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">为什么用户 ID 不利于隐私？</a>
+                        
+    
+    <div id="why-ids-bad-for-privacy" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">为什么用户 ID 不利于隐私？</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    当用户具有持久身份时，即使这只是一个随机数（如会话 ID），提供商或攻击者也有可能观察到用户如何连接以及他们发送了多少消息。
+</p>
+<p>
+    然后他们可以将这些信息与现有的公共社交网络相关联，并确定一些真实身份。
+</p>
+<p>
+    即使是使用 Tor v3 服务的最私密的应用程序，如果您通过同一个人资料与两个不同的联系人交谈，他们也可以证明他们与同一个人有联系。
+</p>
+<p>
+    为防止这些攻击，SimpleX 在其设计中不包含任何用户 ID 。 而且，如果您使用隐身模式，您将为每个联系人显示不同的名称，避免他们之间共享任何数据。
+</p>
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/explained-1.svg" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/explained-1.svg" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                        <a href="javascript:void(0)" data-show-overlay="how-simplex-works" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-center xl:text-left text-[14px] xl:text-[16px] leading-[34px] underline-offset-2">SimpleX 是如何工作的？</a>
+                        
+    
+    <div id="how-simplex-works" data-scroll-to="" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">SimpleX 是如何工作的？</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    许多用户问：<em>如果 SimpleX 没有用户标识符，它怎么知道将消息传递到哪里？</em>
+</p>
+<p>
+    为了传递消息，与所有其他平台使用用户 ID不同，SimpleX 使用消息队列的临时匿名成对标识符，来区分开您的每个连接——没有长期标识符。
+</p>
+<p>
+    您定义用于接收消息的服务器、您的联系人—— 您用来向他们发送消息的服务器。 每个会话都很可能会使用两个不同的服务器。
+</p>
+<p>
+    此设计可防止在应用程序级别泄漏任何用户元数据。 为了进一步改善隐私并保护您的 IP 地址，您可以通过 Tor 连接到消息服务器。
+</p>
+<p>
+    只有客户端设备存储用户配置文件、联系人和群组； 消息均使用两层端到端加密发送。
+</p>
+<p>
+    在 <a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>SimpleX 白皮书</a> 中阅读更多内容。
+</p>
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/explained-2.svg" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/explained-2.svg" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                    </article>
+                    <article class="w-full xl:max-w-[600px]">
+                        <p class="text-black dark:text-white hidden md:block text-center xl:text-left text-[16px] leading-[26px] mb-[11px] md:mt-6">获取 SimpleX</p>
+                        <div class="socials flex items-center justify-center xl:justify-start gap-4 flex-wrap mt-[30px]">
+                            <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+                            <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+                            <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+                            <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+                            <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+                        </div>
+                    </article>
+                </div>
+            </section>
+
+            <section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px]">
+                <div class="h-[calc(100%-81.42px)] w-full flex flex-col items-start justify-around">
+                    <div class="hero-video-phone-container w-full xl:hidden">
+                        <div class="hidden relative md:flex items-center justify-center">
+                            <img id="hero-video-phone-Background hidden md:block" src="/img/new/tab-video.svg" />
+                            <video class="absolute rounded-lg top-10 w-[235px] ml-[-6px] mt-1" controls>
+                                <source src="/video/connect.mp4" type="video/mp4">
+                            </video>
+                            
+                            
+                        </div>
+                        <div class="w-full md:hidden my-10 relative flex items-center justify-center bg-[#17203D]">
+                            <video class="w-full" controls>
+                                <source src="/video/connect.mp4" type="video/mp4">
+                            </video>
+                            
+                            
+                        </div>
+
+                        
+                    </div>
+
+                    <article class="w-full xl:max-w-[600px] landing-page-header-article px-5">
+                        <p class="text-active-blue text-center xl:text-left font-bold text-[28px] md:text-[35px] leading-[36px] md:leading-[43px] mb-[28px]">
+                            建立私人连接
+                        </p>
+                        <p class="text-center text-black dark:text-white xl:text-justify leading-[24px] text-[16px] mb-10 xl:mb-[25px] header-description">
+                            该视频向您展示如何通过一次性二维码、当面或通过视频链接来连接到您的朋友。您还可以通过共享邀请链接来建立连接。
+                        </p>
+                    </article>
+
+                    <div class="w-full container px-5 hidden md:flex items-center justify-center gap-[50px] py-[24px] xl:absolute bottom-0 z-10">
+                        <a href="#why-simplex" class="menu-link">为何选择 SimpleX</a>
+                        <a href="#features" class="menu-link">特性</a>
+                        <a href="#privacy" class="menu-link">SimpleX 的隐私性</a>
+                        <a href="#network" class="menu-link">SimpleX 网络</a>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="hero-phone-background hidden md:flex md:static md:max-w-[490px] md:mb-6 xl:mb-0 xl:flex items-center justify-center h-fit xl:h-[calc(100vh-66px)] xl:max-h-[888px] xl:min-w-[600px] xl:sticky top-[66px]">
+            <img id="hero-phone-light" class="only-light"/>
+            <img id="hero-phone-dark" class="only-dark"/>
+            <div id="hero-phone-preload" style="display: none"></div>
+            <video id="hero-phone-video" class="absolute hidden rounded-[12px] bg-black w-[238px] mr-[-4px] mt-[14px]" controls>
+                <source src="/video/connect.mp4" type="video/mp4">
+            </video>
+        </div>
+    </div>
+</div>
+
+<script>
+    var navBar = document.querySelector("nav");
+    var landingPageHeader = document.querySelector('.landing-page-header');
+    //landingPageHeader.style.height = window.innerHeight - navBar.offsetHeight + 'px';
+
+    // event listener for changing height of section according to window height
+    //window.addEventListener('resize', function () {
+    //    landingPageHeader.style.height = window.innerHeight - navBar.offsetHeight + 'px';
+    //});
+
+</script>
+
+
+<section id="why-privacy" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[90px] px-5 lg:h-[888px]">
+    <div class="container">
+        <p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-4 md:mb-8">为什么隐私<span class='gradient-text'>很重要</span></p>
+        <p class="text-center text-[18px] md:text-[20px] font-medium mb-7 md:mb-16 lg:mb-20 text-black dark:text-white">保护您的元数据的隐私—— <span class='text-active-blue'>您与谁交谈</span> &mdash; 保护您免受：</p>
+        <div class="flex flex-col lg:flex-row gap-[20px] mb-[62px] lg:mb-[90px]">
+
+            
+            <div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
+                <div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
+                    <img src="/img/new/privacy-section-1.svg" alt="">
+                </div>
+                <div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
+                    <p class="font-medium text-xl text-center text-grey-black dark:text-white">广告和价格歧视</p>
+                    
+                    <a href="javascript:void(0);" data-show-overlay="privacy-saves-money" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">隐私能为您省钱</a>
+                    
+    
+    <div id="privacy-saves-money" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">隐私能为您省钱</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    许多大公司使用您联系人的信息来估算您的收入，向您兜售您并不真正需要的产品，并确定推荐商品的价格区间。
+</p>
+<p>
+    在线零售商知道收入较低的人更有可能进行紧急购买，因此他们可能会收取更高的价格或取消折扣。
+</p>
+<p>
+    一些金融和保险公司使用社交图谱来确定利率和保费。 它通常会让收入较低的人支付更多—— 它被称为<a href='https://fairbydesign.com/povertypremium/' target='_blank'>'贫困溢价'</a>。
+</p>
+<p>
+    SimpleX 平台比任何替代方案都更好地保护您的连接隐私，完全防止您的社交图谱被任何公司或组织使用。 即使人们使用 SimpleX Chat 提供的服务器，我们也不知道用户数量或他们的连接数。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                    
+                </div>
+            </div>
+            
+            <div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
+                <div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
+                    <img src="/img/new/privacy-section-2.svg" alt="">
+                </div>
+                <div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
+                    <p class="font-medium text-xl text-center text-grey-black dark:text-white">操纵选举</p>
+                    
+                    <a href="javascript:void(0);" data-show-overlay="privacy-gives-power" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">隐私给您力量</a>
+                    
+    
+    <div id="privacy-gives-power" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">隐私给您力量</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    不久前，我们观察到几次大选被<a href='https://en.wikipedia.org/wiki/Facebook–Cambridge_Analytica_data_scandal' target='_blank'>一家知名咨询公司</a>操纵，该公司使用我们的社交图谱扭曲我们对现实世界的看法并操纵我们的选票。
+</p>
+<p>
+    为了客观并做出独立的决定，您需要控制您的信息空间。 只有当您使用无法访问您的社交图谱的私人通信平台时这才有可能。
+</p>
+<p>
+    SimpleX 是第一个没有设计任何用户标识符的平台，这样能比任何已知的替代方案都更好地保护您的连接图谱。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                    
+                </div>
+            </div>
+            
+            <div class="bg-white dark:bg-transparent px-[34px] flex flex-col md:flex-row lg:flex-col items-center rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
+                <div class="md:w-[30%] lg:w-full flex items-center justify-center h-[215px]">
+                    <img src="/img/new/privacy-section-3.svg" alt="">
+                </div>
+                <div class="md:w-[70%] lg:w-full flex flex-col items-center md:items-start lg:items-center gap-5 mb-[54px] md:mb-0 lg:mb-[54px]">
+                    <p class="font-medium text-xl text-center text-grey-black dark:text-white">因无辜结社而被起诉</p>
+                    
+                    <a href="javascript:void(0);" data-show-overlay="privacy-protects-freedom" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] text-center underline-offset-2">隐私保护您的自由</a>
+                    
+    
+    <div id="privacy-protects-freedom" data-scroll-to="why-privacy" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 lg:max-w-[448px]">隐私保护您的自由</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    每个人都应该关心他们通信的隐私和安全——无害的谈话会让您处于危险之中，即使您没有什么可隐瞒的。
+</p>
+<p>
+    最令人震惊的故事之一是 <a href='https://en.wikipedia.org/wiki/Mohamedou_Ould_Slahi' target='_blank'>Mohamedou Ould Salahi</a> 在他的回忆录中描述并在毛里塔尼亚电影中展示的经历。 他在未经审判的情况下被关进关塔那摩集中营，并在打电话给他在阿富汗的亲戚后在那里遭受了 15 年的折磨，他被怀疑参与了 9/11 袭击，尽管他在过去 10 年住在德国。
+</p>
+<p>
+    普通人会因为他们在网上分享的内容而被捕，即使是通过他们的“匿名”帐户，<a href='https://www.dailymail.co.uk/news/article-11282263/Moment-police-swoop-house-devout -catholic-mother-malicious-online-posts.html' target='_blank'>即使是在民主国家</a>。
+</p>
+<p>
+    使用端到端加密的即时通讯软件还不够，我们都应该使用保护我们个人网络隐私——即我们与谁有联系的即时通讯软件。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                    
+                </div>
+            </div>
+            
+
+        </div>
+        <p class="text-center w-full max-w-[900px] text-[20px] leading-[28px] m-auto text-black dark:text-white">确保您的即时通讯软件无法访问您的数据！</p>
+    </div>
+</section>
+
+
+<section id="why-simplex" class="bg-primary-bg-light dark:bg-primary-bg-dark py-[90px] overflow-hidden px-0 sm:px-1 xl:h-[888px]">
+    <div class="container scale-100">
+        <p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-14 px-5 sm:px-4">为什么 SimpleX 是 <span class="gradient-text">独特的</span></p>
+
+        <div class="swiper unique-swiper px-5 sm:px-4 py-2">
+            <div class="swiper-wrapper mb-16">
+
+                
+                    <div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
+                        
+                        <div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
+                            <img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-1.png" alt="">
+                            <img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-1-dark.png" alt="">
+                        </div>
+
+                        <div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
+                            <div class="content-head">
+                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#1</p>
+                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">您有完全的隐私</p>
+                            </div>
+
+                            <div class="content-body py-5 md:py-7">
+                                
+                                    <div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">
+                                        <p style="padding-bottom:6px;">
+    SimpleX 保护您的个人资料、联系人和元数据的隐私，将其隐藏在 SimpleX 平台服务器和任何观察者之外。
+</p>
+<p>
+    与任何其他现有的消息传递平台不同，SimpleX 没有分配给用户的标识符—— <strong>甚至随机数也没有</strong>。
+</p>
+
+                                    </div>
+                                
+                                
+                                    <a href="javascript:void(0)" data-show-overlay="privacy-of-identity-contacts-metadata" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">了解更多</a>
+                                
+                            </div>
+                        </div>
+
+                        <div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
+                            <a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">更多信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                            <a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">隐藏信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+                
+                    <div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
+                        
+                        <div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
+                            <img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
+                            <img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
+                        </div>
+
+                        <div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
+                            <div class="content-head">
+                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#2</p>
+                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">您可以免受垃圾邮件和滥用的侵害</p>
+                            </div>
+
+                            <div class="content-body py-5 md:py-7">
+                                
+                                    <div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">
+                                        <p>
+    因为您在 SimpleX 平台上没有标识符或固定地址，所以除非您以二维码或链接的形式分享一次性或临时用户地址，没有人可以联系您。
+</p>
+
+                                    </div>
+                                
+                                
+                                    <a href="javascript:void(0)" data-show-overlay="protection-from-spam-and-abuse" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">了解更多</a>
+                                
+                            </div>
+                        </div>
+
+                        <div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
+                            <a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">更多信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                            <a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">隐藏信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+                
+                    <div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
+                        
+                        <div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
+                            <img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
+                            <img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
+                        </div>
+
+                        <div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
+                            <div class="content-head">
+                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#3</p>
+                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">您控制您的数据</p>
+                            </div>
+
+                            <div class="content-body py-5 md:py-7">
+                                
+                                    <div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">
+                                        <p style="padding-bottom:5px;">
+    SimpleX 以<strong>便携式加密数据库格式</strong>将所有用户数据存储在客户端设备上—— 它可以转移到另一个设备。
+</p>
+<p>
+    端到端加密的消息在被收到前会暂时保存在 SimpleX 中继服务器上，传送完成后它们会被永久删除。
+</p>
+
+                                    </div>
+                                
+                                
+                                    <a href="javascript:void(0)" data-show-overlay="you-control-your-data" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">了解更多</a>
+                                
+                            </div>
+                        </div>
+
+                        <div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
+                            <a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">更多信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                            <a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">隐藏信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+                
+                    <div class="swiper-slide overflow-hidden flex items-center md:items-start flex-col xl:flex-row-reverse xl:items-center min-h-[620px] md:min-h-fit xl:min-h-[565px] px-4 md:px-10 lg:px-[50px] py-8 lg:py-[50px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative simplex-unique-card">
+                        
+                        <div class="md:flex-1 flex items-center justify-center h-[55%] md:h-fit w-full card-image">
+                            <img class="w-full max-w-[400px] dark:hidden" src="/img/new/unique-section-4.png" alt="">
+                            <img class="w-full max-w-[400px] hidden dark:block" src="/img/new/unique-section-4-dark.png" alt="">
+                        </div>
+
+                        <div class="card-content absolute md:static px-4 md:px-0 bottom-[80px] right-1 left-1 h-[180px] md:h-fit pt-5 lg:pt-0 bg-primary-bg-light dark:bg-primary-bg-dark">
+                            <div class="content-head">
+                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#4</p>
+                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">您拥有 SimpleX 网络</p>
+                            </div>
+
+                            <div class="content-body py-5 md:py-7">
+                                
+                                    <div class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">
+                                        <p style="padding-bottom:6px;">
+    SimpleX 网络是完全去中心化的，并且独立于任何加密货币或除互联网以外的任何其他平台。
+</p>
+<p>
+    您可以<strong>搭配自己的服务器来使用 SimpleX </strong> 或使用我们提供的服务器 &mdash; 并仍然连接到任何用户。
+</p>
+
+                                    </div>
+                                
+                                
+                                    <a href="javascript:void(0)" data-show-overlay="you-own-simplex-network" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">了解更多</a>
+                                
+                            </div>
+                        </div>
+
+                        <div class="hide-show-btn fixed bottom-0 pb-8 pt-2 h-[80px] left-1 right-1 md:hidden flex items-center justify-center bg-primary-bg-light dark:bg-primary-bg-dark scale-100 z-10">
+                            <a href="javascript:void(0);" class="flex items-center gap-2 open-card-btn">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">更多信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                            <a href="javascript:void(0);" class="items-center gap-2 close-card-btn hidden">
+                                <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">隐藏信息</span>
+                                <span class="flex items-center justify-center mt-1">
+                                    <svg class="fill-primary-light dark:fill-primary-dark" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                                    </svg>
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+                
+
+            </div>
+
+            <img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden md:inline-block dark:hidden" src="/img/new/arrow-left.svg" alt="">
+            <img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next hidden md:inline-block dark:hidden" src="/img/new/arrow-right.svg" alt="">
+            <img class="fixed left-[-3px] top-[52%] swiper-button-prev unique-swiper-button-prev hidden dark:md:inline-block" src="/img/new/arrow-left-dark.svg" alt="">
+            <img class="fixed right-[-6px] top-[52%] swiper-button-next unique-swiper-button-next hidden dark:md:inline-block" src="/img/new/arrow-right-dark.svg" alt="">
+
+            <div class="swiper-pagination simplex-unique-swiper-pagination mt-100"></div>
+        </div>
+    </div>
+</section>
+
+
+    
+        
+    
+    <div id="privacy-of-identity-contacts-metadata" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">您的身份、个人资料、联系人和元数据的完全隐私</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    与其他消息传递平台不同，SimpleX <strong>没有分配给用户的标识符</strong>。 它不依赖电话号码、基于域的地址（如电子邮件或 XMPP）、用户名、公钥甚至随机数来识别其用户—— 我们不知道有多少人使用我们的 SimpleX 服务器。
+</p>
+<p>
+    为了传递消息，SimpleX 使用单向消息队列的<a href='https://csrc.nist.gov/glossary/term/Pairwise_Pseudonymous_Identifier'>成对匿名地址</a>，通常通过不同的服务器将接收和发送的消息分开。 使用 SimpleX 就像<strong>为每个联系人使用不同的即时电子邮件或电话</strong>，并且无需管理它们。
+</p>
+<p>
+    这种设计保护了您正在与之通信的人的隐私，将其隐藏在 SimpleX 平台服务器和任何观察者之外。 要对服务器隐藏您的 IP 地址，您可以<strong>通过 Tor 连接到 SimpleX 服务器</strong>。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-1.png" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-1-dark.png" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+    
+
+    
+        
+    
+    <div id="protection-from-spam-and-abuse" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">防止垃圾邮件和滥用的最佳保护</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    因为您在 SimpleX 平台上没有标识符，所以除非您以二维码或链接的形式分享一次性或临时用户地址，没有人可以联系您。
+</p>
+<p>
+    即使使用可选的用户地址，当它被用于发送垃圾邮件联系请求，您可以更改或完全删除它而不会丢失任何连接。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-2.png" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-2-dark.png" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+    
+
+    
+        
+    
+    <div id="you-control-your-data" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">您数据的所有权、控制权和安全性</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    SimpleX Chat 使用<strong>便携式加密数据库格式</strong>仅将所有用户数据存储在客户端设备上，该格式可以导出并传输到任何支持的设备。
+</p>
+<p>
+    端到端加密的消息在被收到前会暂时保存在 SimpleX 中继服务器上，传送完成后它们会被永久删除。
+</p>
+<p>
+    与联合网络服务器（电子邮件、XMPP 或 Matrix）不同，SimpleX 服务器不存储用户帐户，它们仅中继消息，保护双方的隐私。
+</p>
+<p>
+    发送和接收的服务器流量之间没有共同的标识符或密文—— 如果有人在观察它，他们也无法轻易确定谁与谁通信，即使 TLS 受到威胁。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-3.png" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-3-dark.png" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+    
+
+    
+        
+    
+    <div id="you-own-simplex-network" data-scroll-to="why-simplex" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">完全去中心化—— 用户拥有 SimpleX 网络</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    您可以<strong>将 SimpleX 与您自己的服务器一起使用</strong>，并且仍然可以与使用我们提供的预配置服务器的人进行通信。
+</p>
+<p>
+    SimpleX 平台使用<a href='https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md' target='_blank'>开放协议</a>并提供<a href='https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript' target='_blank'>用于创建聊天机器人的 SDK</a>， 允许用户实现通过 SimpleX Chat 应用程序与之交互的服务—— 我们真的很期待看到您可以依托SimpleX构建哪些服务。
+</p>
+<p>
+    如果您正在考虑为在SimpleX 平台上开发，例如，为 SimpleX 应用程序用户开发聊天机器人，或将 SimpleX 聊天库集成到您的移动应用程序中，请 <a href='https://simplex.chat/contact#/?v=1&smp=smp%3A%2F%2FPQUV2eL0t7OStZOoAsPEV2QYWt4-xilbakvGUGOItUo%3D%40smp6.simplex.im%2FK1rslx-m5bpXVIdMZg9NLUZ_8JBm8xTt%23MCowBQYDK2VuAyEALDeVe-sG8mRY22LsXlPgiwTNs9dbiLrNuA7f3ZMAJ2w%3D' target='_blank'>联系我们</a> 以获取建议和支持。
+</p>
+
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/unique-section-4.png" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/unique-section-4-dark.png" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+    
+
+
+<script>
+    window.addEventListener('load', function() {
+        window.addEventListener('click',e=>{
+            if(e.target.closest('.open-card-btn') || e.target.closest('.close-card-btn')){
+                e.target.closest('.simplex-unique-card').classList.toggle('active-card');
+                e.target.closest('.hide-show-btn').querySelector('.open-card-btn').classList.toggle('hidden');
+                e.target.closest('.hide-show-btn').querySelector('.open-card-btn').classList.toggle('flex');
+                e.target.closest('.hide-show-btn').querySelector('.close-card-btn').classList.toggle('hidden');
+                e.target.closest('.hide-show-btn').querySelector('.close-card-btn').classList.toggle('flex');
+            }
+        })
+    });
+</script>
+
+
+<section id="features" class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[95px] px-5 lg:h-[888px]">
+    <div class="container">
+        <p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold gradient-text mb-20">特性</p>
+
+        <div class="mb-[50px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-10 gap-y-32">
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-1.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-1-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">端到端加密的文字消息，支持markdown和编辑</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-2.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-2-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">端到端加密的图像和文件</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-3.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-3-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">去中心化的秘密群组——只有用户知道它们的存在</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-4.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-4-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">端到端加密的语音消息</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-5.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-5-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">支持消息自动销毁</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-6.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-6-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">端到端加密的音视频通话</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-7.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-7-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">随身的加密数据库——可将您的个人资料移至另一台设备</p>
+            </div>
+            
+            <div class="flex flex-col items-center">
+                <div class="bg-white flex items-center justify-center w-[175px] h-[110px] rounded-[20px] border-[#859096] border-solid border-[1px] shadow-[2px_2px_0px_#859096] dark:border-none dark:shadow-none mb-[20px] border-gradient">
+                    <img src="/img/new/feature-8.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/feature-8-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <p class="text-grey-black dark:text-white text-[16px] font-medium text-center w-full max-w-[265px]">隐身模式 &mdash;<br>SimpleX Chat 独有</p>
+            </div>
+            
+        </div>
+    </div>
+</section>
+
+
+<section id="privacy" class="bg-primary-bg-light dark:bg-primary-bg-dark py-[90px] overflow-hidden px-5 lg:h-[888px]">
+    <div class="container scale-100">
+        <p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-20">是什么让 SimpleX <span class='gradient-text'>能够保密</span></p>
+
+        <div class="swiper private-swiper overflow-hidden px-4 py-2">
+            <div class="swiper-wrapper mb-16">
+
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-10.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-10-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">临时匿名成对标识符</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX 为每个用户联系人或组成员使用临时匿名成对地址和凭据。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">它允许在没有用户配置文件标识符的情况下传递消息，提供比替代方案更好的元数据隐私。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-6.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-6-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">带外密钥交换</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">许多通信平台容易受到服务器或网络提供商的 MITM 攻击。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">为防止这种情况，当您将地址作为链接或二维码共享时，SimpleX 应用程序会在带外传递一次性密钥。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-1.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-1-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">双层端到端加密</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">双棘轮协议——具有完美前向保密和入侵恢复功能的 OTR 消息传递。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">每个队列中的网络与密码学库加密盒(NaCL cryptobox)可防止 TLS 受到威胁时消息队列之间的流量关联。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-7.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-7-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">消息完整性认证</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">为了保证完整性，消息按顺序编号并包含前一条消息的哈希值。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">如果添加、删除或更改任何消息，收件人将收到警报。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-2.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-2-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">附加的服务器加密层</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">为来信附加服务器加密层，以防止在 TLS 受到威胁时接收和发送的服务器流量之间发生关联。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-8.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-8-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">消息混合以减少相关性</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX 服务器充当低延迟混合节点—— 传入和传出消息的顺序不同。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-3.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-3-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">安全认证的TLS传输</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">客户端-服务器之间的连接只使用具有强加密算法的 TLS 1.2/1.3。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">服务器指纹和通道绑定可防止 MITM 和重放攻击。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">禁用连接恢复以防止会话攻击。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-4.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-4-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">可选择通过 Tor 访问</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">为了保护您的 IP 地址，您可以通过 Tor 或其他一些传输覆盖网络访问服务器。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">要通过 Tor 使用 SimpleX，请安装 <a href="https://guardianproject.info/apps/org.torproject.android/" target="_blank">Orbot app</a> 并启用 SOCKS5 代理（或在 iOS 上的 <a href="https://apps.apple.com/us/app/orbot/id1609461599?platform=iphone" target="_blank">VPN</a>）。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-9.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-9-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">单向消息队列</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">每个消息队列在一个方向上传递消息，具有不同的发送和接收地址。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">与传统的消息代理相比，它减少了攻击向量和可用的元数据。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+                <div class="card swiper-slide relative h-[480px] rounded-[20px] bg-card-bg-light dark:bg-card-bg-dark border-[#859096] border-solid border-[1px] dark:border-none shadow-[2px_2px_0px_#859096] dark:shadow-none overflow-hidden">
+                    <div class="flex items-center justify-center py-12 px-6 h-[322px]">
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] dark:hidden" src="/img/new/private-5.svg" alt=""/>
+                        <img class="w-full max-w-[223px] h-full max-h-[226px] hidden dark:block" src="/img/new/private-5-dark.svg" alt=""/>
+                    </div>
+                    <div class="flex flex-col items-center justify-between h-[138px] absolute bottom-0 py-6 px-6 bg-card-desc-bg-light dark:bg-card-desc-bg-dark rounded-b-[20px]">
+                        <p class="text-grey-black dark:text-white text-[18px] my-4 font-bold leading-[26px] tracking-[0.01em] text-center">多层内容填充</p>
+                        <div class="flex-1 py-3 flex flex-col gap-3">
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">SimpleX 为每个加密层使用内容填充来阻断长度扩展攻击。</p>
+                            
+                            <p class="text-grey-black dark:text-white text-[14px] text-center">它使不同大小的消息在服务器和网络监视者看来是一样的。</p>
+                            
+                        </div>
+                        <p class="text-grey-black dark:text-white text-[12px] text-center">点击关闭</p>
+                    </div>
+                </div>
+                
+            </div>
+
+            <img class="fixed left-[-3px] top-[55%] swiper-button-prev private-swiper-button-prev hidden md:inline-block dark:hidden" src="/img/new/arrow-left.svg" alt="">
+            <img class="fixed right-[-6px] top-[55%] swiper-button-next private-swiper-button-next hidden md:inline-block dark:hidden" src="/img/new/arrow-right.svg" alt="">
+            <img class="fixed left-[-3px] top-[55%] swiper-button-prev private-swiper-button-prev hidden dark:md:inline-block" src="/img/new/arrow-left-dark.svg" alt="">
+            <img class="fixed right-[-6px] top-[55%] swiper-button-next private-swiper-button-next hidden dark:md:inline-block" src="/img/new/arrow-right-dark.svg" alt="">
+            <div class="swiper-scrollbar dark:bg-grey-black dark:bg-opacity-[0.2]"></div>
+        </div>
+    </div>
+</section>
+
+
+<section id="network" class="bg-secondary-bg-light dark:bg-secondary-bg-dark lg:h-[642px] py-[95px] px-5">
+    <div class="container">
+        <p class="text-grey-black dark:text-white text-[35px] leading-[45px] md:leading-[55px] lg:text-[45px] text-center font-bold mb-5">SimpleX <span class='gradient-text'>网络</span></p>
+        <p class="text-black dark:text-white text-[16px] font-normal text-center mb-16">Simplex Chat 通过结合 P2P 和联邦网络的优势使其保密性无与伦比。</p>
+
+        <div class="flex flex-col lg:flex-row justify-between gap-12 md:gap-14 lg:gap-16">
+            <div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
+                <div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
+                    <img src="/img/new/network-1.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/network-1-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <div class="md:flex-[2] flex flex-col items-center justify-center">
+                    <p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">与 P2P 网络不同</p>
+                    <p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
+                        所有消息都通过服务器发送，既能更好地保护元数据隐私和可靠地传递异步消息，同时也能避免许多 <a href="javascript:void(0)" data-show-overlay="comparison-with-p2p-protocols" class="open-overlay-btn">P2P网络存在的问题</a>.
+                        
+    
+    <div id="comparison-with-p2p-protocols" data-scroll-to="network" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light dark:before:bg-primary-bg-dark before:opacity-90 items-center justify-center p-3 md:p-10 z-[10000]">
+        <div class="overlay-card w-full md:w-fit md:max-w-[1276px] bg-white dark:bg-card-bg-dark opacity-100 h-full md:h-fit md:max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-6 py-10 sm:p-14 overflow-auto scale-100">
+            <h1 class="text-3xl font-bold text-active-blue mb-6 ">与 P2P 消息传递协议的比较</h1>
+            <div class="flex flex-col-reverse lg:flex-row gap-10 justify-between">
+                
+                    <div class="lg:max-w-[448px]">
+                        <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
+                            <p>
+    <a href='https://en.wikipedia.org/wiki/Peer-to-peer'>P2P</a> 消息传递协议和应用程序存在各种问题，使得它们不如 SimpleX 可靠，分析起来更复杂，并且 容易受到多种类型的攻击。
+</p>
+<ol style="list-style: auto; padding-left: 1em;">
+    <li>
+        P2P 网络依赖于 <a href='https://en.wikipedia.org/wiki/Distributed_hash_table'>DHT</a> 的某些变体来路由消息。 DHT 设计必须平衡交付保证和延迟。 SimpleX 比 P2P 具有更好的传递保证和更低的延迟，因为消息可以通过多个服务器并行地冗余传递，使用接收者选择的服务器。 在 P2P 网络中，消息使用算法选择的节点按顺序通过 <em>O(log N)</em> 个节点。
+    </li>
+    <li>
+        与大多数 P2P 网络不同，SimpleX 设计没有任何类型的全局用户标识符，甚至临时的也没有，并且仅使用临时的成对标识符，提供更好的匿名性和元数据保护。
+    </li>
+    <li>
+        P2P 没有解决<a href='https://en.wikipedia.org/wiki/Man-in-the-middle_attack'>MITM attack</a> 问题，大多数现有的实现不使用带外 用于初始密钥交换的消息。 SimpleX 使用带外消息，或者在某些情况下，使用预先存在的安全和可信连接来进行初始密钥交换。
+    </li>
+    <li>
+        P2P 实施可能会被某些互联网提供商（如 <a href='https://en.wikipedia.org/wiki/BitTorrent'>BitTorrent</a>）阻止。 SimpleX 与传输无关——它可以在标准网络协议上工作，例如 WebSockets。
+    </li>
+    <li>
+        所有已知的 P2P 网络都可能容易受到 <a href='https://en.wikipedia.org/wiki/Sybil_attack'>Sybil 攻击</a>，因为每个节点都是可发现的，并且网络作为一个整体运行。 缓解它的已知措施需要集中式组件或昂贵的<a href='https://en.wikipedia.org/wiki/Proof_of_work'>工作量证明</a>。 SimpleX 网络没有服务器可发现性，它是分散的并且作为多个隔离的子网运行，使得网络范围的攻击不可能。
+    </li>
+    <li>
+        P2P 网络可能容易受到 <a href='https://www.usenix.org/conference/woot15/workshop-program/presentation/p2p-file-sharing-hell-exploiting-bittorrent'>DRDoS 攻击</a> ，当客户端可以重新广播和放大流量时，会导致网络范围内的拒绝服务。 SimpleX 客户端仅中继来自已知连接的流量，不能被攻击者用来放大整个网络的流量。
+    </li>
+</ol>
+                        </div>
+                    </div>
+                
+
+                
+                    <div class="max-w-[448px]">
+                        <div class="flex items-center justify-center">
+                            <img class="w-full max-w-[448px] min-w-[300px] dark:hidden" src="/img/new/network-1.svg" alt="">
+                            <img class="w-full max-w-[448px] min-w-[300px] hidden dark:block" src="/img/new/network-1-dark.svg" alt="">
+                        </div>
+                    </div>
+                
+            </div>
+
+            <svg class="fill-grey-black dark:fill-white fixed right-5 top-5 cursor-pointer close-overlay-btn" id="cross" width="16" height="16" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>
+            </svg>
+        </div>
+    </div>
+
+                    </p>
+                </div>
+            </div>
+
+            <hr class="hidden md:block lg:hidden mx-5 dark:opacity-[0.2]">
+
+            <div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
+                <div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
+                    <img src="/img/new/network-2.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/network-2-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <div class="md:flex-[2] flex flex-col items-center justify-center">
+                    <p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">不同于联邦网络</p>
+                    <p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
+                        SimpleX 中继服务器不存储用户配置文件、联系人和传递的消息，不相互连接，并且没有服务器目录。
+                    </p>
+                </div>
+            </div>
+
+            <hr class="hidden md:block lg:hidden mx-5 dark:opacity-[0.2]">
+
+            <div class="flex flex-col md:flex-row lg:flex-col items-center md:gap-9 lg:gap-0">
+                <div class="mb-4 md:mb-0 lg:mb-8 md:flex-[1] flex items-center justify-center">
+                    <img src="/img/new/network-3.svg" alt="" class="dark:hidden"/>
+                    <img src="/img/new/network-3-dark.svg" alt="" class="hidden dark:block"/>
+                </div>
+                <div class="md:flex-[2] flex flex-col items-center justify-center">
+                    <p class="text-active-blue text-xl font-bold text-center md:text-left lg:text-center self-stretch">SimpleX网络</p>
+                    <p class="text-black dark:text-white text-base font-normal text-center md:text-left lg:text-center">
+                        服务器提供<span class='text-active-blue'>单向队列</span>来连接用户，但是他们看不到网络连接图图谱&mdash; 只有用户可以。
+                    </p>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+</section>
+
+
+
+<style>
+    .tab-button {
+        color: #a8b0b4;
+        background: linear-gradient(#fff, #fff) padding-box,
+            linear-gradient(to bottom, #a8b0b4, transparent) border-box;
+        border: 1px solid transparent;
+        border-radius: 6px 6px 0px 0px;
+        transition: color 0.3s ease;
+        text-decoration: underline;
+        text-underline-offset: 3px;
+    }
+    .dark .tab-button{
+        color: #fff;
+        background: linear-gradient(#0C0B13, #0C0B13) padding-box,
+            linear-gradient(to bottom, #01F1FF, transparent) border-box;
+    }
+    .tab-button.active {
+        color: #0053d0;
+        text-decoration: none;
+    }
+    .dark .tab-button.active {
+        color: #70F0F9;
+    }
+</style>
+
+<section id="simplex-explained" class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[890px] py-[90px] px-5">
+    <div class="container">
+        <p class="text-[35px] leading-[45px] md:leading-[55px] lg:text-[38px] text-center font-bold text-grey-black dark:text-white mb-9">SimpleX 的简述</p>
+
+        <!-- Tab links -->
+        <div class="tabs hidden md:flex gap-2 mb-24">
+            <div data-btn-index="0" class="flex-1 tab-button tab-1 p-2 text-[20px] text-center font-bold cursor-pointer active">1. 用户可体验什么</div>
+            <div data-btn-index="1" class="flex-1 tab-button tab-2 p-2 text-[20px] text-center font-bold cursor-pointer">2. SimpleX 的运作原理</div>
+            <div data-btn-index="2" class="flex-1 tab-button tab-3 p-2 text-[20px] text-center font-bold cursor-pointer">3. 服务器可见的内容</div>
+        </div>
+
+        <!-- Tab content -->
+        <div class="swiper simplex-explained-swiper">
+            <div class="swiper-wrapper h-[inherit] mb-20 md:mb-0">
+
+                <div class="swiper-slide h-[inherit]">
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">1. 用户可体验什么</div>
+                    <div class="flex flex-col justify-center items-center">
+                        <img class="h-[340px] mb-[74px]" src="/img/new/explained-1.svg" alt="" />
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            您可以像在任何其他即时通讯软件中一样创建联系人和群组，并进行双向对话。
+                        </p>
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            它如何在没有用户配置文件标识符的情况下使用单向队列？
+                        </p>
+                    </div>
+                </div>
+
+                <div class="swiper-slide h-[inherit]">
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">2. SimpleX 的运作原理</div>
+                    <div class="flex flex-col justify-center items-center">
+                        <img class="h-[340px] mb-[74px]" src="/img/new/explained-2.svg" alt="" />
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            对于每个连接，您会使用两个单独的消息队列通过不同的服务器发送和接收消息。
+                        </p>
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            服务器只传送单向消息，而无法全面了解用户的会话或连接。
+                        </p>
+                    </div>
+                </div>
+
+                <div class="swiper-slide h-[inherit]">
+                    <div class="tab-button p-2 text-[20px] text-center font-bold active md:hidden">3. 服务器可见的内容</div>
+                    <div class="flex flex-col justify-center items-center">
+                        <img class="h-[340px] mb-[74px]" src="/img/new/explained-3.svg" alt="" />
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            服务器对每个队列都有单独的匿名凭证，并且不知道它们属于哪些用户。
+                        </p>
+                        <p class="text-black dark:text-white text-[16px] font-normal text-center">
+                            用户可以通过使用 Tor 访问服务器以进一步提高元数据隐私，防止通过 IP 地址关联实际身份。
+                        </p>
+                    </div>
+                </div>
+
+            </div>
+            <div class="swiper-pagination simplex-explained-swiper-pagination mt-100 md:hidden"></div>
+        </div>
+    </div>
+</section>
+
+<script>
+window.addEventListener("load", function () {
+    const simplexExplainedSwiper__bullets = document.querySelectorAll(".simplex-explained-swiper .swiper-pagination > span");
+    const simplexExplainedSwiper__tabs = document.querySelectorAll("#simplex-explained .tabs .tab-button");
+
+    const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+            if (mutation.type === "attributes" && mutation.attributeName === "class" && mutation.target.classList.contains("swiper-pagination")) {
+                simplexExplainedSwiper__bullets.forEach((el,index) => {
+                    if (el.classList.contains("swiper-pagination-bullet-active")) {
+                        simplexExplainedSwiper__tabs[index].classList.add("active");
+                    } else {
+                        simplexExplainedSwiper__tabs[index].classList.remove("active");
+                    }
+                });
+            }
+        });
+    }); 
+
+    const targetNode = document.querySelector(".simplex-explained-swiper .swiper-pagination");
+    observer.observe(targetNode, { attributes: true });
+
+    window.addEventListener('click',e=>{
+        if(e.target.closest("#simplex-explained .tabs .tab-button")){
+            const index = e.target.closest("#simplex-explained .tabs .tab-button").dataset.btnIndex;
+            simplexExplainedSwiper__bullets[index].click();
+        }
+    })
+});
+</script>
+
+
+
+<section id="comparison" class="bg-secondary-bg-light dark:bg-secondary-bg-dark lg:h-[950px] py-[90px] px-5">
+    <div class="text-grey-black dark:text-white container flex flex-col">
+        <p class="text-[35px] leading-[43px] md:leading-[55px] lg:leading-[36px] text-center font-bold mb-12 lg:mb-[90px]">与其他协议的比较</p>
+
+        <div class="w-full overflow-auto">
+            <table class="w-full border-separate border-spacing-x-5 border-spacing-y-2 mb-14">
+                <thead>
+                    <tr>
+                        <th></th>
+                        <th class="flex items-center justify-center pb-4">
+                            <img class="h-[34px] dark:hidden" alt="simplex logo" src="/img/new/logo-light.png"/>
+                            <img class="h-[34px] hidden dark:block" alt="simplex logo" src="/img/new/logo-dark.png"/>
+                        </th>
+                        <th class="pb-4">Signal、其他大平台</th>
+                        <th class="pb-4">XMPP、Matrix</th>
+                        <th class="pb-4">P2P协议</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="min-w-[210px]">需要全球身份</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 私密</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>1</sup></td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>2</sup></td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>3</sup></td>
+                    </tr>
+                    <tr>
+                        <td class="min-w-[210px]">中间人攻击的可能性</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 安全</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>4</sup></td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                    </tr>
+                    <tr>
+                        <td class="min-w-[210px]">对 DNS 的依赖</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 有弹性</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要</td>
+                    </tr>
+                    <tr>
+                        <td class="min-w-[210px]">单一或集中式网络</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 去中心化的</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 联邦的 <sup>5</sup></td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>6</sup></td>
+                    </tr>
+                    <tr>
+                        <td class="min-w-[210px]">中央组件或其他全网攻击</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#48F6C2] text-grey-black rounded-[4px]">不需要 - 有弹性</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要</td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>2</sup></td>
+                        <td class="text-center font-medium min-w-[152px] h-[52px] bg-[#fff] dark:bg-[#171F3A] text-[#DD0000] rounded-[4px]">需要 <sup>7</sup></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <hr class="block mb-8 mx-5 dark:opacity-[0.2]">
+
+        <div>
+            <div class="px-5">
+                <ol class="text-sm lg:text-base font-medium leading-6 list-decimal list-inside">
+                    <li> 通常基于电话号码，在某些情况下基于用户名</li>
+                    <li> 基于 DNS 的地址</li>
+                    <li> 公钥或其他一些全球唯一的 ID</li>
+                    <li> 如果运营商的服务器受到威胁</li>
+                    <li> 不保护用户的元数据</li>
+                    <li> P2P 是分布式的，它们不是联合的 - 它们作为单个网络运行</li>
+                    <li> P2P 网络要么拥有中央管理机制，要么整个网络都可能受到损害 - <a class="underline text-primary-light dark:text-primary-dark underline-offset-2" href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/SIMPLEX.md#comparison-with-p2p-messaging-protocols">参见此处</a></li>
+                </ol>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+<section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
+    <div class="container flex flex-col items-center">
+        <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">加入</span> SimpleX</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">我们邀请您加入对话</p>
+
+        <div class="flex flex-col items-center gap-5 self-stretch mb-12">
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">加入 REDDIT 社区</a>
+            <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">在 GitHub 上加入我们</a>
+            <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">在这里捐款来帮助我们</a>
+        </div>
+
+        <p class="text-grey-black dark:text-white text-base text-center mb-7">注册以接收我们的更新</p>
+
+        <form class="flex items-center w-full max-w-[540px] mb-20"
+            action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
+            method="post" target="_blank" novalidate>
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="输入您的电子邮箱地址">
+            <span style="position: absolute; left: -5000px" aria-hidden="true">
+                <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
+            </span>
+            <input type="submit" class="h-[44px] rounded-r-[34px] bg-primary-light text-white text-center px-8">
+        </form>
+
+        <hr class="block mb-7 mx-5 dark:opacity-[0.2] w-full">
+
+        <p class="text-grey-black dark:text-white text-center mb-7">获取 SimpleX</p>
+        <div class="flex items-center justify-center gap-4 flex-wrap">
+            <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+            <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+            <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+            <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+            <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+        </div>
+    </div>
+</section>
+
+        <section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px]">
+    <div class="container">
+        <div class="flex flex-col lg:flex-row justify-between">
+            <div class="flex flex-col items-center lg:items-start">
+                <a href="/zh_Hans/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/zh_Hans/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+
+                <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX Whitepaper</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX 聊天协议</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            条款和隐私政策</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            捐赠</a>
+                    </div>
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            终端命令行</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            TypeScript SDK</a>
+                    </div>
+                </div>
+            </div>
+
+            <article class="mt-10 lg:mt-0">
+                <div class="h-[40px] flex gap-4 justify-center">
+                    <a href="https://github.com/simplex-chat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
+                                30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
+                                10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
+                                19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
+                        </svg>
+                    </a>
+                    <a href="https://twitter.com/simplexchat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
+                                14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
+                        </svg>
+                    </a>
+                </div>
+            </article>
+        </div>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | 开源项目</a>
+    </div>
+</section>
+
+
+        <script src="/js/animation.js"></script>
+        <script src="/js/swiper-bundle.min.js"></script>
+        <script src="/js/script.js"></script>
+    </body>
+</html>
diff --git a/zh_Hans/invitation/index.html b/zh_Hans/invitation/index.html
new file mode 100644
index 0000000000..009a70cb35
--- /dev/null
+++ b/zh_Hans/invitation/index.html
@@ -0,0 +1,579 @@
+<!DOCTYPE html>
+<html lang="zh_Hans">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>SimpleX Chat - Invitation</title>
+        <meta name="description" content=""/>
+        <meta name="Content-Type" content="text/html;charset=utf-8"/>
+        
+            <meta http-equiv="onion-location" content="http://isdb4l77sjqoy2qq7ipum6x3at6hyn3jmxfx4zdhc72ufbmuq4ilwkqd.onion/" />
+            <meta property="og:url" content="https://simplex.chat/" />
+        
+        <meta property="og:type" content="website"/>
+        <meta property="og:title" content="SimpleX Chat - Invitation"/>
+        <meta property="og:description" content=""/>
+        <meta property="og:image" content="https://simplex.chat/img/share_simplex.png"/>
+        <meta name="twitter:card" content="summary"/>
+        <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico"/>
+        
+        <link rel="stylesheet" href="/css/swiper-bundle.min.css">
+        <link href="/css/tailwind.css" rel="stylesheet"/>
+        <link rel="stylesheet" href="/css/style.css">
+        <script async defer src="https://buttons.github.io/buttons.js"></script>
+        <script src="/js/flag-anchor.js"></script>
+        
+    </head>
+    <body class="bg-white dark:bg-[#0C0B13]">
+        <section class="w-full bg-transparent fixed top-0 z-50">
+            <header class="">
+    <div class="flex items-center justify-end m-auto px-4 lg:px-7 h-[66px]">
+        <a href="/zh_Hans/" class="h-full hidden dark:hidden lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-light.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="h-full hidden dark:lg:flex items-center mr-auto"><img class="w-auto max-h-[50px] pr-10" src="/img/new/logo-dark.png" alt="logo" /></a>
+        <a href="/zh_Hans/" class="dark:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-light.svg" alt="" srcset=""></a>
+        <a href="/zh_Hans/" class="hidden dark:inline-block dark:lg:hidden lg:hidden mr-auto"><img class="h-[32px]" src="/img/new/logo-symbol-dark.svg" alt="" srcset=""></a>
+        
+        <nav class="bg-[#F0F1F2] dark:bg-gradient-radial-mobile dark:lg:bg-none lg:bg-transparent fixed top-[66px] left-0 right-0 bottom-0 lg:top-0 lg:relative" id="menu">
+            <div class="flex flex-col lg:flex-row justify-between lg:items-center gap-5 xl:gap-10 px-4 lg:px-0 h-full">
+                <ul class="flex flex-col lg:flex-row lg:items-center gap-3 py-4 lg:py-0 lg:gap-5 xl:gap-8">
+                    
+                    <li class="nav-link relative ">
+                        <a href="/zh_Hans/" class="flex items-center justify-between gap-2 lg:py-5 ">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">主页</span>
+                        </a>                        
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">开发者</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[200px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/apps/simplex-bot-advanced/Main.hs"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天机器人示例</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >TypeScript SDK</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >终端命令行</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SimpleXMQ</a></li>
+                            </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative">
+                        <a href="javascript:void(0);" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] text-black dark:text-white before:bg-black dark:before:bg-white">参考</span>
+                            <span href="" id="btn-mobile" class="flex items-center justify-center h-[36px] w-[36px] lg:h-auto lg:w-auto mt-1">
+                                <svg class="fill-black dark:fill-white" width="10" height="6" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.50447 0.902966C1.21571 0.627397 0.747525 0.627397 0.458761 0.902966C0.169996 1.17853 0.169996 1.62532 0.458761 1.90089L4.21933 5.48961C4.25543 5.52406 4.29433 5.5542 4.33533 5.58003C4.62234 5.76088 5.01237 5.73074 5.26504 5.48961L9.02561 1.90089C9.31438 1.62532 9.31438 1.17853 9.02561 0.902966C8.73685 0.627397 8.26867 0.627397 7.97991 0.902966L4.74219 3.99273L1.50447 0.902966Z"/>
+                                </svg>
+                            </span>
+                        </a>
+                        
+                        <ul class="flex flex-col items-start gap-2 lg:h-fit lg:absolute lg:bg-white dark:lg:bg-black top-full lg:mt-[10px] lg:py-4 min-w-[180px] rounded-md lg:shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu">
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >Whitepaper</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/simplex-messaging.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >SMP协议</a></li>
+                            <li><a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                                target="_blank" class="lg:px-[20px] inline-block"
+                                >聊天协议</a></li>
+                        </ul>
+                    </li>
+
+                    <hr class="dark:opacity-[0.1]" >
+
+                    <li class="nav-link relative ">
+                        <a href="/blog" class="flex items-center justify-between gap-2 lg:py-5">
+                            <span class="text-[16px] leading-[26px] tracking-[0.01em] nav-link-text text-black dark:text-white before:bg-black dark:before:bg-white">博客</span>
+                        </a>
+                    </li>
+                </ul>
+
+                <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                    target="_blank" class="whitespace-nowrap inline-block self-center text-white dark:text-black text-[16px] font-medium tracking-[0.02em] rounded-[34px] bg-primary-light dark:bg-primary-dark py-3 lg:py-2 px-20 lg:px-5 mb-16 lg:mb-0"
+                    >捐赠</a>
+
+                <div class="inline-block dark:hidden self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+
+                <div class="hidden dark:inline-block self-center mt-[8px]">
+                    <a class="github-button" href="https://github.com/simplex-chat/simplex-chat" data-size="large"
+                        data-color-scheme="no-preference: dark; light: dark; dark: dark;"
+                        data-show-count="true" aria-label="Star simplex-chat on GitHub">Star</a>
+                </div>
+            </div>
+        </nav>
+
+        
+        <div class="nav-link relative">
+            <a href="javascript:void(0);" class="flex items-center justify-end ml-8 lg:ml-5 xl:ml-10 h-6 w-8">
+                <img src="/img/flags/zh_Hans.svg" alt="" srcset="">
+            </a>
+            
+            <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
+                
+                    
+                        <li>
+                            <a href="/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/en.svg" alt="" srcset="">
+                                <p>English</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/de/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/de.svg" alt="" srcset="">
+                                <p>Deutsch</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/fr/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/fr.svg" alt="" srcset="">
+                                <p>Français</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/cs/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/cs.svg" alt="" srcset="">
+                                <p>Čeština</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/it/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/it.svg" alt="" srcset="">
+                                <p>Italiano</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                        <li>
+                            <a href="/nl/invitation/" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <img class="h-4" src="/img/flags/nl.svg" alt="" srcset="">
+                                <p>Nederlands</p>
+                            </a>
+                        </li>
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+                    
+                
+            </ul>
+        </div>
+        
+
+        <button href="#" class="flex items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-4 xl:ml-8 theme-switch-btn">
+            <img src="/img/new/sun.svg"  alt="" srcset="" class="sun">
+            <img src="/img/new/moon.svg" alt="" srcset="" class="moon">
+        </button>
+
+        <button href="" id="btn-mobile" class="flex lg:hidden items-center justify-center h-[36px] w-[36px] ml-8 lg:ml-5 xl:ml-10 nav-toggle-btn">
+            <img src="/img/new/hamburger.svg" id="hamburger" alt="" srcset="">
+            <svg class="fill-black dark:fill-white hidden" id="cross" width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z" />
+            </svg>
+        </button>
+    </div>
+</header>
+
+
+<SCript>
+// switch theme
+const sunIcon = document.querySelector('.sun');
+const moonIcon = document.querySelector('.moon');
+
+const userTheme = localStorage.getItem('theme');
+const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+const iconToggle = () => {
+    sunIcon.classList.toggle('hidden');
+    moonIcon.classList.toggle('hidden');
+}
+
+const themeCheck = () => {
+    if(userTheme === 'dark' || (!userTheme && systemTheme)){
+        document.documentElement.classList.add('dark');
+        moonIcon.classList.add('hidden');
+    }
+    else{
+        sunIcon.classList.add('hidden');
+    }
+}
+
+const themeSwitch = () => {
+    if(document.documentElement.classList.contains('dark')){
+        document.documentElement.classList.remove('dark');
+        localStorage.setItem('theme','light');
+        iconToggle();
+    }
+    else{
+        document.documentElement.classList.add('dark');
+        localStorage.setItem('theme','dark');
+        iconToggle();
+    }
+}
+
+const nav = document.querySelector('header nav');
+window.addEventListener('click',(e)=>{
+    if(e.target.closest('.nav-link')){
+        if(e.target.closest('.nav-link').classList.contains('active')){
+            e.target.closest('.nav-link').classList.remove('active');
+        }
+        else{
+            document.querySelectorAll('.nav-link').forEach(el => el.classList.remove('active'))
+            e.target.closest('.nav-link').classList.add('active');
+        }
+    }
+    else if(e.target.closest('.nav-toggle-btn')){
+        document.body.classList.toggle('lock-scroll');
+        if(nav.classList.contains('open')){
+            nav.classList.remove('open');
+            document.getElementById('hamburger').classList.remove('hidden');
+            document.getElementById('cross').classList.add('hidden');
+        }
+        else{
+            nav.classList.add('open');
+            document.getElementById('hamburger').classList.add('hidden');
+            document.getElementById('cross').classList.remove('hidden');
+        }
+    }
+    else if(e.target.closest('.theme-switch-btn')){
+        themeSwitch();
+    }
+})
+
+themeCheck();
+
+const changeHeaderBg = ()=>{
+    const header = document.querySelector('header')
+    const scrollValue = window.scrollY
+    if(scrollValue > 5){
+        header.classList.add('bg-primary-bg-light');
+        header.classList.add('dark:bg-primary-bg-dark');
+    }
+    else{
+        header.classList.remove('bg-primary-bg-light');
+        header.classList.remove('dark:bg-primary-bg-dark');
+    }
+}
+
+window.addEventListener('scroll',changeHeaderBg);
+</SCript>
+        </section>
+
+        
+
+    <script src="/js/flag-anchor.js"></script>
+    <script src="/js/qrcode.js"></script>
+    <script async defer src="/js/contact.js"></script>
+
+
+<section class="hidden xl:block h-screen pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
+    <div class="container m-auto h-full flex items-center justify-between px-5">
+        <div class="flex flex-col items-start justify-center w-full h-full">
+            <p class="text-[38px] leading-[43px] font-bold max-w-[500px] mb-[30px] primary-header-contact">您收到了一个连接 SimpleX Chat 的一次性链接</p>
+            <p class="text-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px] mb-[80px] secondary-header-contact">使用手机或平板电脑上的 SimpleX Chat 应用程序扫描二维码。</p>
+            <p class="text-grey-black dark:text-white text-base mb-[16px]">
+                当您查看此页面时，此链接中的公钥和消息队列地址不会通过网络发送 ——它们包含在链接 URL 的哈希片段中。
+            </p>
+            <p class="text-grey-black dark:text-white text-base">还没有下载 SimpleX Chat 吗？</p>
+            <p class="text-grey-black dark:text-white text-base mb-[24px]">使用下面的链接下载应用程序。</p>
+
+            <div class="flex items-center justify-center gap-4 flex-wrap">
+                <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+                <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+                <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+                <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+                <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+            </div>
+        </div>
+
+        <div class="h-full pt-[30px] w-[630px] relative">
+            <div class="relative h-full w-[inherit] flex items-center justify-center">
+                <div class="absolute mt-[-100px]">
+                    <img class="" src="/img/new/contact_page_mobile.png" alt="">
+                </div>
+
+                <div class="z-10 flex flex-col items-center pt-[40px] ml-[-15px]">
+                    <p class="text-base font-medium text-center max-w-[234px]">从移动应用程序扫描二维码</p>
+                    <canvas class="conn_req_uri_qrcode"></canvas>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+<section class="block xl:hidden pt-[106px] pb-[90px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
+    <div class="container m-auto h-full px-5">
+        <div class="flex flex-col items-center">
+            <p class="text-[28px] font-bold text-center max-w-[602px] mb-[40px] primary-header-contact">您收到了一个连接 SimpleX Chat 的一次性链接</p>
+            <p class="text-[20px] leading-[28px] text-grey-black dark:text-white font-medium mb-[30px]">要建立连接：</p>
+
+            <div class="flex flex-col justify-center items-center p-4 w-full max-w-[468px] min-h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white mb-4">安装 SimpleX 应用程序</p>
+                <div class="flex flex-wrap items-center justify-center gap-2">
+                    <a class="apple-store-btn hidden" href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+                    <a class="google-play-btn hidden" href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+                    <a class="f-droid-btn hidden" href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+                </div>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">1</p>
+                </div>
+            </div>
+
+            <div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 mb-6 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white mb-4">在应用程序中连接</p>
+                <a id="mobile_conn_req_uri" class="bg-[#0053D0] text-white py-3 px-8 rounded-[34px] h-[44px] text-[16px] leading-[19px] tracking-[0.02em]">打开 Simplex 应用程序</a>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">2</p>
+                </div>
+            </div>
+
+            <div class="flex flex-col justify-center items-center w-full max-w-[468px] h-[131px] rounded-[30px] border-[1px] border-[#A8B0B4] dark:border-white border-opacity-60 relative">
+                <p class="text-xl font-medium text-grey-black dark:text-white max-w-[230px] text-center">点按应用中的 <span class='text-active-blue'>“连接”</span> 按钮</p>
+
+                <div class="absolute bg-[#0197FF] h-[44px] w-[44px] rounded-full flex items-center justify-center top-0 left-0 translate-x-[-30%] translate-y-[-30%]">
+                    <p class="text-base text-white font-bold leading-[36px]">3</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+<section class="hidden md:block bg-secondary-bg-light dark:bg-secondary-bg-dark py-[20px]">
+    <div class="container px-5">
+        <div class="text-grey-black dark:text-white">
+            
+            
+            <div class="hidden md:block xl:hidden for-tablet">
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">使用 SimpleX Chat 应用程序扫描二维码</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+    
+                    <div class="contact-tab-content flex flex-col gap-10">
+                        <p class="text-base mb-5">
+                            当您查看此页面时，此链接中的公钥和消息队列地址不会通过网络发送 ——它们包含在链接 URL 的哈希片段中。
+                        </p>
+                        <canvas class="self-center conn_req_uri_qrcode"></canvas>
+                    </div>
+                </div>
+            </div>
+            
+            
+            <div class="hidden xl:block">
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">将 SimpleX 聊天安装到终端</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+    
+                    <div class="contact-tab-content">
+                        <p class="text-base mb-4">使用此命令：</p>
+                        <p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-8">
+                            <span class="text-grey-black font-light text-[14px] leading-6">curl -o- https://raw.githubusercontent.com/simplex-chat/simplex-chat/master/install.sh | bash</span>
+                            <!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
+                        </p>
+                        
+                        <p class="flex text-base font-medium mb-[76px]">查看 SimpleX 聊天 &nbsp;
+                            <a href="" class="flex gap-1 no-underline">
+                                <span class="text-primary-light dark:text-primary-dark underline underline-offset-4 text-base font-medium">GitHub 仓库</span>
+                                <svg class="fill-primary-light dark:fill-primary-dark" width="24" height="24" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
+                                        30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
+                                </svg>
+                            </a>
+                            &nbsp;
+                            如何从源代码下载或编译它的说明。</p>
+                    </div>
+                </div>
+    
+                <hr class="block mb-7 dark:opacity-[0.2] w-full">
+    
+                <div class="contact-tab">
+                    <div class="flex items-center justify-between my-[40px] contact-tab-btn cursor-pointer">
+                        <p class="text-xl font-bold">如果您已经为终端安装了 SimpleX Chat</p>
+                        <svg class="fill-grey-black dark:fill-white" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.40813 4.79332C8.69689 5.06889 9.16507 5.06889 9.45384 4.79332C9.7426 4.51775 9.7426 4.07097 9.45384 3.7954L5.69327 0.206676C5.65717 0.17223 5.61827 0.142089 5.57727 0.116255C5.29026 -0.064587 4.90023 -0.0344467 4.64756 0.206676L0.886983 3.7954C0.598219 4.07097 0.598219 4.51775 0.886983 4.79332C1.17575 5.06889 1.64393 5.06889 1.93269 4.79332L5.17041 1.70356L8.40813 4.79332Z"/>
+                        </svg> 
+                    </div>
+                    
+                    <div class="contact-tab-content">
+                        <p class="text-base font-medium mb-[46px]">如果您已经安装&nbsp;
+                            <a href="" class="text-base font-medium">用于终端的 SimpleX Chat</a>&nbsp;
+                            v1.0.0+, 复制下面的命令并在聊天中使用它：
+                        </p>
+                        <p class="bg-white flex items-center justify-between rounded p-3 shadow-[inset_0px_2px_2px_rgba(0,0,0,0.15)] mb-[36px]">
+                            <span id="conn_req_uri_text" class="text-grey-black font-light text-[14px] leading-6">/c https://simplex.chat/contact#/?v=1&smp=smp://u2dS9sG8nMNURyZwqASV4yROM28Er0luVTx5X1CsMrU=@smp4.simplex.im/KBCmxJ3-lEjpWLPPkI6OWPk-YJneU5uY%23MCowBQYDK2VuAyEAtixHJWDXvYWcoe-77vIfjvI6XWEuzUsapMS9nVHP_Go=</span>
+                            <!-- <img class="content_copy" src="/img/new/content-copy.svg" /> -->
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+<section class="bg-primary-bg-light dark:bg-primary-bg-dark lg:h-[855px] py-[90px] px-5">
+    <div class="container flex flex-col items-center">
+        <p class="text-[38px] leading-[36px] md:leading-[55px] text-grey-black dark:text-white text-center font-bold mb-5"><span class="text-active-blue">加入</span> SimpleX</p>
+        <p class="text-black dark:text-white text-base text-center mb-14">我们邀请您加入对话</p>
+
+        <div class="flex flex-col items-center gap-5 self-stretch mb-12">
+            <a href="https://www.reddit.com/r/SimpleXChat/" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">加入 REDDIT 社区</a>
+            <a href="https://github.com/simplex-chat" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:bg-primary-bg-dark dark:border-primary-dark dark:border bg-[#D9ECFF]">在 GitHub 上加入我们</a>
+            <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations" class="flex items-center justify-center h-11 w-full max-w-[294px] font-medium text-base rounded-[34px] tracking-[0.02em] text-primary-light dark:text-primary-dark dark:border-none bg-white dark:bg-[rgba(112,240,249,0.2)] border border-[#0053D0]">在这里捐款来帮助我们</a>
+        </div>
+
+        <p class="text-grey-black dark:text-white text-base text-center mb-7">注册以接收我们的更新</p>
+
+        <form class="flex items-center w-full max-w-[540px] mb-20"
+            action="https://chat.us2.list-manage.com/subscribe/post?u=ddd892b258ae36e5438e6d4e1&amp;id=ad6037a2fe"
+            method="post" target="_blank" novalidate>
+            <input name="EMAIL" type="text" class="h-[44px] rounded-l-[34px] bg-transparent border border-primary-light focus:outline-none text-primary-light dark:text-primary-dark text-base w-full max-w-[400px] px-5 placeholder:text-grey-black placeholder:dark:text-white placeholder:text-base placeholder:font-normal placeholder:tracking-[0.01em]" placeholder="输入您的电子邮箱地址">
+            <span style="position: absolute; left: -5000px" aria-hidden="true">
+                <input type="text" name="b_ddd892b258ae36e5438e6d4e1_ad6037a2fe" tabindex="-1" value="" />
+            </span>
+            <input type="submit" class="h-[44px] rounded-r-[34px] bg-primary-light text-white text-center px-8">
+        </form>
+
+        <hr class="block mb-7 mx-5 dark:opacity-[0.2] w-full">
+
+        <p class="text-grey-black dark:text-white text-center mb-7">获取 SimpleX</p>
+        <div class="flex items-center justify-center gap-4 flex-wrap">
+            <a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apple_store.svg" /></a>
+            <a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank" title="Public iOS preview on TestFlight"><img class="h-[40px] w-auto" src="/img/new/google_play.svg" /></a>
+            <a href="https://app.simplex.chat" target="_blank" title="SimpleX F-Droid Repository"><img class="h-[40px] w-auto" src="/img/new/f_droid.svg" /></a>
+            <a href="https://testflight.apple.com/join/DWuT2LQu" target="_blank"><img class="h-[40px] w-auto" src="/img/new/testflight.png" /></a>
+            <a href="https://github.com/simplex-chat/simplex-chat/releases/latest/download/simplex.apk" target="_blank"><img class="h-[40px] w-auto" src="/img/new/apk_icon.png" /></a>
+        </div>
+    </div>
+</section>
+
+
+        <section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px]">
+    <div class="container">
+        <div class="flex flex-col lg:flex-row justify-between">
+            <div class="flex flex-col items-center lg:items-start">
+                <a href="/zh_Hans/" class="h-full mb-14 dark:hidden"><img class="w-auto h-[32px]" src="/img/new/logo-light.png" alt="logo" /></a>
+                <a href="/zh_Hans/" class="h-full mb-14 hidden dark:inline-block"><img class="w-auto h-[32px]" src="/img/new/logo-dark.png" alt="logo" /></a>
+
+                <div class="flex flex-col items-center lg:items-start lg:flex-row gap-[150px] lg:gap-[350px]">
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX Whitepaper</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/protocol/simplex-chat.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            SimpleX 聊天协议</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/PRIVACY.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            条款和隐私政策</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat#help-us-with-donations"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            捐赠</a>
+                    </div>
+                    <div class="flex flex-col items-center lg:items-start">
+                        <a href="https://github.com/simplex-chat/simplex-chat/blob/stable/docs/CLI.md"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            终端命令行</a>
+                        <a href="https://github.com/simplex-chat/simplex-chat/tree/stable/packages/simplex-chat-client/typescript"
+                            target="_blank"
+                            class="text-grey-black dark:text-white text-[14px] font-medium leading-[28px] tracking-[0.01em] mb-3">
+                            TypeScript SDK</a>
+                    </div>
+                </div>
+            </div>
+
+            <article class="mt-10 lg:mt-0">
+                <div class="h-[40px] flex gap-4 justify-center">
+                    <a href="https://github.com/simplex-chat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M20.2907 0.926758C9.24635 0.926758 0.290527 10.1075 0.290527 21.4331C0.290527 30.4933 6.02118 38.18 13.9679 40.8915C14.9674 41.0813 15.3344 40.4467 15.3344 39.905C15.3344 39.4161 15.3158 37.8007 15.3072 36.0872C9.74314 37.3277 8.56906 33.6677 8.56906 33.6677C7.65927 31.2975 6.3484 30.6672 6.3484 30.6672C4.53379 29.3945 6.48519 29.4206 6.48519 29.4206C8.49355 29.5653 9.55105 31.5338 9.55105 31.5338C11.3349 34.6688 14.2298 33.7624 15.3711 33.2385C15.5506 31.9131 16.069 31.0085 16.6409 30.4964C12.1986 29.9779 7.52878 28.2195 7.52878 20.3621C7.52878 18.1232 8.31007 16.294 9.58947 14.8579C9.38181 14.3414 8.69723 12.2557 9.78322 9.43111C9.78322 9.43111 11.4627 8.87998 15.2847 11.5331C16.8801 11.0787 18.591 10.8509 20.2907 10.8431C21.9904 10.8509 23.7027 11.0787 25.301 11.5331C29.1183 8.87998 30.7955 9.43111 30.7955 9.43111C31.8842 12.2557 31.1992 14.3414 30.9916 14.8579C32.274 16.294 33.05 18.1232 33.05 20.3621C33.05 28.2382 28.3712 29.9724 23.9176
+                                30.4801C24.635 31.1165 25.2742 32.3644 25.2742 34.2776C25.2742 37.0214 25.251 39.2296 25.251 39.905C25.251 40.4507 25.611 41.0902 26.6248 40.8888C34.5672 38.1742 40.2905 30.4903 40.2905 21.4331C40.2905 10.1075 31.336 0.926758 20.2907 0.926758Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.reddit.com/r/SimpleXChat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.874 40.9268C31.9197 40.9268 40.874 31.9724 40.874 20.9268C40.874 9.88108 31.9197 0.926758 20.874 0.926758C9.82834 0.926758 0.874023 9.88108 0.874023 20.9268C0.874023 31.9724 9.82834 40.9268 20.874 40.9268ZM30.4091 16.615C31.9031 16.615 33.1157 17.8276 33.1157 19.3216C33.1157 20.426 32.4445 21.3787 31.5567 21.8118C31.6 22.0716 31.6217 22.3315 31.6217 22.613C31.6217 26.7705 26.7929 30.1268 20.8165 30.1268C14.8402 30.1268 10.0114 26.7705 10.0114 22.613C10.0114 22.3315 10.0331 22.05 10.0764 21.7902C9.12362 21.3571 8.47402 20.426 8.47402 19.3216C8.47402 17.8276 9.68662 16.615 11.1807 16.615C11.8953 16.615 12.5665 16.9181 13.0429 17.3728C14.9051 16.0086 17.4819 15.1642 20.3618 15.0776L21.726 8.6248C21.7693 8.49488 21.8343 8.3866 21.9425 8.32164C22.0508 8.25668 22.1807 8.23504 22.3106 8.25668L26.7929 9.20944C27.0961 8.55984 27.7457 8.12676 28.5035 8.12676C29.5646 8.12676 30.4307 8.99292 30.4307
+                                10.0539C30.4307 11.115 29.5646 11.9811 28.5035 11.9811C27.4642 11.9811 26.6197 11.1582 26.5764 10.1406L22.5705 9.29604L21.3362 15.0776C24.1512 15.1858 26.7063 16.052 28.5469 17.3728C29.0232 16.8964 29.6728 16.615 30.4091 16.615ZM16.5291 19.3216C15.4681 19.3216 14.602 20.1878 14.602 21.2488C14.602 22.3098 15.4681 23.176 16.5291 23.176C17.5902 23.176 18.4563 22.3098 18.4563 21.2488C18.4563 20.1878 17.5902 19.3216 16.5291 19.3216ZM20.7949 27.7449C21.5311 27.7449 24.0429 27.6582 25.3638 26.3374C25.5587 26.1425 25.5587 25.8394 25.4071 25.6228C25.2122 25.428 24.8874 25.428 24.6925 25.6228C23.848 26.4456 22.0941 26.7488 20.8165 26.7488C19.539 26.7488 17.7634 26.4456 16.9405 25.6228C16.7457 25.428 16.4209 25.428 16.226 25.6228C16.0311 25.8177 16.0311 26.1425 16.226 26.3374C17.5252 27.6366 20.0587 27.7449 20.7949 27.7449ZM23.0902 21.2488C23.0902 22.3098 23.9563 23.176 25.0173 23.176C26.0783 23.176 26.9445 22.3098 26.9445 21.2488C26.9445 20.1878 26.0783
+                                19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
+                        </svg>
+                    </a>
+                    <a href="https://twitter.com/simplexchat" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
+                                14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
+                        </svg>
+                    </a>
+                    <a href="https://www.linkedin.com/company/simplex-chat/" target="_blank">
+                        <svg class="fill-primary-light dark:fill-primary-dark" width="40" height="40" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0408 0.926758C8.9951 0.926758 0.0407715 9.88109 0.0407715 20.9268C0.0407715 31.9724 8.9951 40.9268 20.0408 40.9268C31.0864 40.9268 40.0408 31.9724 40.0408 20.9268C40.0408 9.88109 31.0864 0.926758 20.0408 0.926758ZM9.6421 17.4916H14.1745V31.1098H9.6421V17.4916ZM14.4731 13.279C14.4437 11.9438 13.4889 10.9268 11.9383 10.9268C10.3878 10.9268 9.3741 11.9438 9.3741 13.279C9.3741 14.5866 10.3579 15.6328 11.8794 15.6328H11.9084C13.4889 15.6328 14.4731 14.5866 14.4731 13.279ZM25.3017 17.1718C28.2843 17.1718 30.5203 19.1187 30.5203 23.3015L30.5201 31.1098H25.9879V23.824C25.9879 21.994 25.3319 20.7453 23.6912 20.7453C22.439 20.7453 21.6932 21.5871 21.3656 22.4003C21.2458 22.6916 21.2164 23.0976 21.2164 23.5046V31.1101H16.6834C16.6834 31.1101 16.7431 18.7698 16.6834 17.492H21.2164V19.4208C21.8179 18.4936 22.8953 17.1718 25.3017 17.1718Z" />
+                        </svg>
+                    </a>
+                </div>
+            </article>
+        </div>
+        <a href="#" class="text-grey-black dark:text-white text-[16px] text-center lg:text-left font-medium leading-[28px] tracking-[0.01em] block mt-[60px]">© 2020-2023 SimpleX | 开源项目</a>
+    </div>
+</section>
+
+
+        <script src="/js/animation.js"></script>
+        <script src="/js/swiper-bundle.min.js"></script>
+        <script src="/js/script.js"></script>
+    </body>
+</html>