diff --git a/assets/mailer_templates/build_production/images/appflowy-logo.png b/assets/mailer_templates/build_production/images/appflowy-logo.png
new file mode 100644
index 00000000..a178fca9
Binary files /dev/null and b/assets/mailer_templates/build_production/images/appflowy-logo.png differ
diff --git a/assets/mailer_templates/build_production/images/appflowy-logo.svg b/assets/mailer_templates/build_production/images/appflowy-logo.svg
deleted file mode 100644
index e08748d3..00000000
--- a/assets/mailer_templates/build_production/images/appflowy-logo.svg
+++ /dev/null
@@ -1,51 +0,0 @@
-<svg width='103' height='24' viewBox='0 0 103 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <g clip-path='url(#clip0_159_6088)'>
-        <path
-                fill-rule='evenodd'
-                clip-rule='evenodd'
-                d='M59.2019 5.43913C58.8826 5.21739 58.3756 4.99565 57.8685 4.99565C56.892 4.99565 56.3849 5.49457 56.3849 6.64022V7.82283H57.9061V9.83696H56.3849V16.175H54.2065V6.49239C54.2065 4.18261 55.3333 3 57.23 3C58.0939 3 58.8826 3.20326 59.446 3.55435H61.3615V13.0152C61.3615 13.9576 61.6056 14.3641 62.0939 14.3641C62.4507 14.3641 62.7324 14.2163 62.9953 14.0315L63.446 15.6576C62.9577 16.0457 62.2253 16.3598 61.2112 16.3598C59.9155 16.3598 59.2019 15.5837 59.2019 13.8837V5.43913ZM34.7512 7.84144H36.892V8.63601C37.4179 8.08166 38.4132 7.63818 39.5212 7.63818C41.8498 7.63818 43.3709 9.4121 43.3709 11.8882C43.3709 14.4197 41.6057 16.3969 38.8827 16.3969C38.1315 16.3969 37.3991 16.2675 36.9108 15.9904V19.9077H34.7512V7.84144ZM36.9108 10.5393V13.9208C37.493 14.2904 37.9812 14.4012 38.6949 14.4012C40.1972 14.4012 41.0611 13.3295 41.0611 11.9436C41.0611 10.6132 40.2723 9.65231 38.8451 9.65231C38.1127 9.63384 37.4366 9.96644 36.9108 10.5393ZM29.3804 7.6748C26.6573 7.6748 24.8921 9.6335 24.8921 12.1835C24.8921 14.6596 26.3944 16.4335 28.7419 16.4335C29.8311 16.4335 30.8264 15.99 31.371 15.4357V16.2302H33.5306V9.22698C31.9156 8.02589 30.1315 7.6748 29.3804 7.6748ZM31.3522 13.5324C30.8264 14.1052 30.1503 14.4378 29.4179 14.4378C27.9907 14.4378 27.2019 13.477 27.2019 12.1465C27.2019 10.7607 28.0658 9.67046 29.5681 9.67046C30.2818 9.67046 30.77 9.78133 31.3522 10.1509V13.5324ZM46.4506 7.84144H44.3098V19.9077H46.4694V15.9904C46.9577 16.2675 47.6901 16.3969 48.4412 16.3969C51.1642 16.3969 52.9295 14.4197 52.9295 11.8882C52.9295 9.4121 51.4084 7.63818 49.0797 7.63818C47.9718 7.63818 46.9765 8.08166 46.4506 8.63601V7.84144ZM46.4694 13.9208V10.5393C46.9952 9.96644 47.6713 9.63384 48.4037 9.65231C49.8309 9.65231 50.6196 10.6132 50.6196 11.9436C50.6196 13.3295 49.7558 14.4012 48.2535 14.4012C47.5398 14.4012 47.0516 14.2904 46.4694 13.9208ZM72.7043 12.0175C72.7043 9.50449 70.9015 7.63818 68.0846 7.63818C65.2864 7.63818 63.4648 9.50449 63.4648 12.0175C63.4648 14.5306 65.2677 16.3969 68.0846 16.3969C70.9015 16.3969 72.7043 14.5121 72.7043 12.0175ZM70.3944 12.0175C70.3944 13.4588 69.4179 14.4012 68.0846 14.4012C66.77 14.4012 65.7935 13.4034 65.7935 12.0175C65.7935 10.5762 66.8076 9.65231 68.0846 9.65231C69.3991 9.65231 70.3944 10.6132 70.3944 12.0175ZM83.4274 16.2307H81.4931L79.6903 11.5926C79.6057 11.3905 79.5522 11.173 79.4998 10.96C79.4708 10.842 79.4421 10.7253 79.4086 10.6133C79.3335 10.9829 79.2396 11.297 79.1081 11.6296L77.3053 16.2307H75.4649L72.7043 7.84155H75.0142L76.3663 12.3872C76.4663 12.6964 76.512 12.9521 76.5611 13.2276L76.5612 13.228C76.5767 13.3146 76.5925 13.4031 76.6105 13.4959C76.6339 13.4081 76.655 13.3239 76.6762 13.2396C76.7396 12.9866 76.8029 12.7337 76.9297 12.3872L78.5072 7.84155H80.4227L82.0565 12.3687C82.1879 12.7383 82.2818 13.1263 82.3757 13.5144C82.4508 13.1263 82.5447 12.7198 82.6386 12.3133L83.8781 7.84155H86.0565L86.0507 7.85986H87.2959L89.2677 12.424C89.4023 12.7476 89.5011 13.0596 89.6021 13.3784C89.628 13.4601 89.654 13.5422 89.6808 13.6251L89.6916 13.5696C89.7633 13.1984 89.8382 12.8103 89.9813 12.4055L91.5024 7.85986H93.9625L90.6574 16.1936C89.4179 19.187 88.6292 19.9077 87.371 19.9077C86.601 19.9077 86.0377 19.612 85.5494 19.2609L86.2442 17.6533C86.4696 17.7827 86.7888 17.949 87.1269 17.949C87.6715 17.949 88.0658 17.524 88.4226 16.6555L88.6104 16.212L85.5045 9.60269L83.4274 16.2307Z'
-                fill='black'
-        />
-        <path
-                d='M19.0142 13.4033C18.5259 16.0088 16.3851 18.2816 13.925 19.5566C13.6245 19.7229 13.2677 19.8153 12.9297 19.8338H18.1503C18.6574 19.8338 19.0142 19.4642 19.0142 19.0022V13.4033Z'
-                fill='#F7931E'
-        />
-        <path
-                d='M8.57282 8.3773C8.49771 8.43274 8.42259 8.48817 8.34747 8.54361C7.07048 9.43057 3.20193 12.2762 2.3193 11.0382C1.45545 9.83709 2.37564 6.43709 4.5916 4.79252C4.62916 4.75557 4.6855 4.73709 4.72306 4.70013C7.14559 3.01861 8.94841 3.25883 9.83104 4.47839C10.6573 5.62404 9.73714 7.43491 8.57282 8.3773Z'
-                fill='#8427E0'
-        />
-        <path
-                d='M18.0376 11.0204C16.8357 11.852 14.9578 10.8911 14.0188 9.69C13.9812 9.63456 13.9437 9.59761 13.9061 9.54217C13.0047 8.28565 10.1127 4.47913 11.3521 3.62913C12.5916 2.76065 16.1784 3.70304 17.8122 5.99434C17.8498 6.04978 17.8873 6.08674 17.9249 6.14217C19.5024 8.45195 19.2582 10.1704 18.0376 11.0204Z'
-                fill='#00B5FF'
-        />
-        <path
-                d='M16.4226 18.5219C16.385 18.5589 16.3475 18.5773 16.2911 18.6143C13.8686 20.2958 12.0658 20.0556 11.1832 18.836C10.3569 17.6904 11.277 15.8795 12.4414 14.9371C12.5165 14.8817 12.5916 14.8263 12.6667 14.7708C13.9437 13.9023 17.8123 11.0382 18.6761 12.2763C19.5587 13.4773 18.6573 16.8773 16.4226 18.5219Z'
-                fill='#FFBD00'
-        />
-        <path
-                d='M9.66206 19.6861C8.42263 20.5545 4.85455 19.6121 3.22075 17.3208C3.18319 17.2839 3.14563 17.2285 3.12685 17.1915C1.53061 14.8817 1.79352 13.1448 3.01418 12.3132C4.21605 11.4817 6.09399 12.4426 7.03296 13.6437C7.07051 13.6991 7.10807 13.7361 7.14563 13.7915C8.02826 15.0295 10.9203 18.8361 9.66206 19.6861Z'
-                fill='#E3006D'
-        />
-        <path
-                d='M8.57283 8.37731C6.84513 9.13491 3.16438 10.6871 2.61978 9.43057C2.1503 8.37731 3.01415 6.23383 4.59161 4.79252C4.62917 4.75557 4.68551 4.73709 4.72307 4.70013C7.1456 3.01861 8.94842 3.25883 9.83105 4.47839C10.6573 5.62404 9.73715 7.43491 8.57283 8.37731Z'
-                fill='#9327FF'
-        />
-        <path
-                d='M18.0377 11.0196C16.8358 11.8511 14.9578 10.8902 14.0189 9.68912C13.2489 7.93368 11.7654 4.47825 13.0048 3.96086C14.1316 3.48042 16.4602 4.44129 17.9438 6.14129C19.5024 8.45107 19.2583 10.1696 18.0377 11.0196Z'
-                fill='#00C8FF'
-        />
-        <path
-                d='M16.4226 18.5218C16.385 18.5587 16.3475 18.5772 16.2911 18.6142C13.8686 20.2957 12.0658 20.0555 11.1832 18.8359C10.3569 17.6903 11.277 15.8794 12.4414 14.937C14.1691 14.1794 17.8498 12.6272 18.3944 13.8837C18.8827 14.937 18.0188 17.0805 16.4226 18.5218Z'
-                fill='#FFCE00'
-        />
-        <path
-                d='M8.04704 19.3535C6.92028 19.8339 4.59164 18.8915 3.12685 17.1915C1.53061 14.8817 1.79352 13.1448 3.01418 12.3132C4.21605 11.4817 6.09399 12.4426 7.03296 13.6437C7.80291 15.3806 9.28648 18.8361 8.04704 19.3535Z'
-                fill='#FB006D'
-        />
-    </g>
-    <defs>
-        <clipPath id='clip0_159_6088'>
-            <rect width='92' height='17' fill='white' transform='translate(2 3)' />
-        </clipPath>
-    </defs>
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/images/applestore-badge.png b/assets/mailer_templates/build_production/images/applestore-badge.png
new file mode 100644
index 00000000..505d6ec4
Binary files /dev/null and b/assets/mailer_templates/build_production/images/applestore-badge.png differ
diff --git a/assets/mailer_templates/build_production/images/appstore-badge.png b/assets/mailer_templates/build_production/images/appstore-badge.png
new file mode 100644
index 00000000..505d6ec4
Binary files /dev/null and b/assets/mailer_templates/build_production/images/appstore-badge.png differ
diff --git a/assets/mailer_templates/build_production/images/discord.png b/assets/mailer_templates/build_production/images/discord.png
new file mode 100644
index 00000000..4af26f43
Binary files /dev/null and b/assets/mailer_templates/build_production/images/discord.png differ
diff --git a/assets/mailer_templates/build_production/images/discord.svg b/assets/mailer_templates/build_production/images/discord.svg
deleted file mode 100644
index 536c2a81..00000000
--- a/assets/mailer_templates/build_production/images/discord.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            d='M15.7455 15.1243C14.6123 15.05 13.7212 14.1125 13.7212 12.9665C13.7212 12.9282 13.722 12.89 13.7242 12.8517V12.857C13.722 12.821 13.7205 12.779 13.7205 12.7362C13.7205 11.5925 14.613 10.658 15.7395 10.5897H15.7455C16.8772 10.6512 17.7712 11.5835 17.7712 12.725C17.7712 12.7715 17.7697 12.8173 17.7668 12.863V12.857C17.769 12.8945 17.7705 12.9388 17.7705 12.983C17.7705 14.1253 16.8772 15.059 15.7507 15.1235H15.7447L15.7455 15.1243ZM8.271 15.1243C7.13775 15.05 6.24675 14.1125 6.24675 12.9665C6.24675 12.9282 6.2475 12.89 6.24975 12.8517V12.857C6.2475 12.821 6.246 12.779 6.246 12.7362C6.246 11.5925 7.1385 10.658 8.265 10.5897H8.271C9.40275 10.6512 10.2967 11.5835 10.2967 12.725C10.2967 12.7715 10.2952 12.8173 10.2922 12.863V12.857C10.2945 12.893 10.296 12.935 10.296 12.9778C10.296 14.1215 9.4035 15.056 8.277 15.1243H8.271ZM19.7962 4.85075C18.474 4.22675 16.938 3.73325 15.33 3.4475L15.2182 3.431C15.2145 3.43025 15.21 3.4295 15.2055 3.4295C15.1792 3.4295 15.1567 3.44375 15.1447 3.46475C14.9692 3.773 14.7788 4.15775 14.607 4.55225L14.5747 4.6355C13.8022 4.51175 12.9112 4.44125 12.0037 4.44125C11.0962 4.44125 10.2052 4.51175 9.336 4.6475L9.43275 4.63475C9.23025 4.16225 9.03675 3.77825 8.823 3.40625L8.85375 3.464C8.841 3.44225 8.81775 3.42875 8.7915 3.42875C8.78775 3.42875 8.78325 3.42875 8.7795 3.4295C7.05975 3.73175 5.52375 4.2245 4.08825 4.89725L4.2015 4.84925C4.18875 4.8545 4.17825 4.8635 4.1715 4.87475C2.031 7.9055 0.75 11.6765 0.75 15.7467C0.75 16.427 0.786 17.0983 0.85575 17.7598L0.849 17.6772C0.85125 17.699 0.8625 17.717 0.87825 17.7297C2.48325 18.9305 4.34925 19.898 6.363 20.5333L6.495 20.5693C6.501 20.5715 6.5085 20.5723 6.516 20.5723C6.54 20.5723 6.561 20.561 6.57375 20.5438C6.975 20.0037 7.35675 19.3918 7.6875 18.7498L7.72275 18.6747C7.72725 18.6657 7.73025 18.6545 7.73025 18.6425C7.73025 18.6118 7.71075 18.5863 7.68375 18.5758H7.683C6.999 18.3117 6.42075 18.0305 5.87025 17.708L5.928 17.7395C5.90625 17.7268 5.892 17.7035 5.892 17.6772C5.892 17.654 5.90325 17.633 5.9205 17.6202C6.03825 17.5317 6.15675 17.4403 6.26925 17.3473C6.28125 17.3375 6.297 17.3315 6.3135 17.3315C6.324 17.3315 6.33375 17.3338 6.342 17.3375H6.34125C7.99725 18.1333 9.94125 18.5983 11.9932 18.5983C14.0452 18.5983 15.99 18.1333 17.7255 17.303L17.6452 17.3375C17.6542 17.333 17.664 17.3307 17.6752 17.3307C17.6917 17.3307 17.7075 17.3368 17.7195 17.3465C17.832 17.4395 17.9497 17.5325 18.069 17.6202C18.0862 17.6337 18.0975 17.6548 18.0975 17.678C18.0975 17.7043 18.0833 17.7268 18.063 17.7395C17.5672 18.0358 16.989 18.3163 16.3867 18.548L16.308 18.575C16.281 18.5855 16.2615 18.6118 16.2615 18.6418C16.2615 18.6538 16.2645 18.665 16.2697 18.6747C16.6455 19.3947 17.0265 20.0053 17.448 20.585L17.418 20.5422C17.4307 20.5602 17.4525 20.5723 17.4757 20.5723C17.4832 20.5723 17.4907 20.5708 17.4975 20.5693C19.6462 19.9003 21.5152 18.9327 23.1712 17.6952L23.1225 17.7305C23.139 17.7185 23.1495 17.6998 23.1517 17.6788C23.217 17.0908 23.2537 16.4083 23.2537 15.7175C23.2537 11.6563 21.9697 7.895 19.7865 4.817L19.8255 4.8755C19.8195 4.8635 19.809 4.85375 19.797 4.8485L19.7962 4.85075Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/images/forum.png b/assets/mailer_templates/build_production/images/forum.png
new file mode 100644
index 00000000..799f15f3
Binary files /dev/null and b/assets/mailer_templates/build_production/images/forum.png differ
diff --git a/assets/mailer_templates/build_production/images/forum.svg b/assets/mailer_templates/build_production/images/forum.svg
deleted file mode 100644
index 691bff92..00000000
--- a/assets/mailer_templates/build_production/images/forum.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <path
-            d='M10.5 14.6004C10.5 14.2154 10.815 13.9004 11.2 13.9004H16.8C17.185 13.9004 17.5 14.2154 17.5 14.6004C17.5 14.9854 17.185 15.3004 16.8 15.3004H11.2C10.815 15.3004 10.5 14.9854 10.5 14.6004Z'
-            fill='currentColor'
-    />
-    <path
-            d='M11.2 17.4004C10.815 17.4004 10.5 17.7154 10.5 18.1004C10.5 18.4854 10.815 18.8004 11.2 18.8004H14C14.385 18.8004 14.7 18.4854 14.7 18.1004C14.7 17.7154 14.385 17.4004 14 17.4004H11.2Z'
-            fill='currentColor'
-    />
-    <path
-            fill-rule='evenodd'
-            clip-rule='evenodd'
-            d='M13.9992 6.2002C8.58822 6.2002 4.19922 10.5612 4.19922 15.9512C4.19922 21.3342 8.54619 25.8002 13.9712 25.8002H23.0992C23.3302 25.8002 23.5402 25.6882 23.6732 25.4992C23.8062 25.3102 23.8342 25.0722 23.7572 24.8622L22.3572 21.0472C23.2742 19.5632 23.7992 17.8202 23.7992 15.9512C23.7992 10.5612 19.4102 6.2002 13.9992 6.2002ZM5.59922 15.9512C5.59922 11.3452 9.35822 7.6002 13.9992 7.6002C18.6402 7.6002 22.3992 11.3452 22.3992 15.9512C22.3992 17.6592 21.8812 19.2482 20.9992 20.5712C20.8732 20.7602 20.8452 20.9912 20.9222 21.2012L22.0982 24.4002H13.9712C9.33719 24.4002 5.59922 20.5782 5.59922 15.9512Z'
-            fill='currentColor'
-    />
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/images/github.png b/assets/mailer_templates/build_production/images/github.png
new file mode 100644
index 00000000..6cb3b705
Binary files /dev/null and b/assets/mailer_templates/build_production/images/github.png differ
diff --git a/assets/mailer_templates/build_production/images/github.svg b/assets/mailer_templates/build_production/images/github.svg
deleted file mode 100644
index 4c55ff48..00000000
--- a/assets/mailer_templates/build_production/images/github.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <g clip-path='url(#clip0_1203_26692)'>
-        <path
-                d='M8.02742 19.3677C8.02742 19.4631 7.91613 19.5394 7.77581 19.5394C7.61613 19.5537 7.50484 19.4774 7.50484 19.3677C7.50484 19.2724 7.61613 19.1961 7.75645 19.1961C7.90161 19.1818 8.02742 19.258 8.02742 19.3677ZM6.52258 19.1531C6.48871 19.2485 6.58548 19.3582 6.73065 19.3868C6.85645 19.4345 7.00161 19.3868 7.03064 19.2914C7.05968 19.1961 6.96774 19.0864 6.82258 19.0435C6.69677 19.0101 6.55645 19.0578 6.52258 19.1531ZM8.66129 19.0721C8.52097 19.1055 8.42419 19.1961 8.43871 19.3057C8.45323 19.4011 8.57903 19.4631 8.72419 19.4297C8.86452 19.3963 8.96129 19.3057 8.94677 19.2104C8.93226 19.1198 8.80161 19.0578 8.66129 19.0721ZM11.8452 0.800781C5.13387 0.800781 0 5.82158 0 12.4349C0 17.7227 3.37742 22.2476 8.20161 23.8402C8.82097 23.9498 9.03871 23.5732 9.03871 23.2632C9.03871 22.9676 9.02419 21.3369 9.02419 20.3356C9.02419 20.3356 5.6371 21.0508 4.92581 18.9147C4.92581 18.9147 4.37419 17.5272 3.58065 17.1696C3.58065 17.1696 2.47258 16.421 3.65806 16.4353C3.65806 16.4353 4.8629 16.5307 5.52581 17.6655C6.58548 19.506 8.36129 18.9767 9.05323 18.662C9.16452 17.8991 9.47903 17.3699 9.82742 17.0552C7.12258 16.7596 4.39355 16.3734 4.39355 11.7865C4.39355 10.4752 4.76129 9.81723 5.53548 8.97805C5.40968 8.66812 4.99839 7.39028 5.66129 5.74052C6.67258 5.43059 9 7.0279 9 7.0279C9.96774 6.76089 11.0081 6.62262 12.0387 6.62262C13.0694 6.62262 14.1097 6.76089 15.0774 7.0279C15.0774 7.0279 17.4048 5.42583 18.4161 5.74052C19.079 7.39505 18.6677 8.66812 18.5419 8.97805C19.3161 9.822 19.7903 10.48 19.7903 11.7865C19.7903 16.3877 16.9403 16.7548 14.2355 17.0552C14.6806 17.4319 15.0581 18.1471 15.0581 19.2676C15.0581 20.8744 15.0435 22.8627 15.0435 23.2537C15.0435 23.5636 15.2661 23.9403 15.8806 23.8306C20.7194 22.2476 24 17.7227 24 12.4349C24 5.82158 18.5565 0.800781 11.8452 0.800781ZM4.70323 17.2459C4.64032 17.2936 4.65484 17.4033 4.7371 17.4939C4.81452 17.5701 4.92581 17.6035 4.98871 17.5415C5.05161 17.4939 5.0371 17.3842 4.95484 17.2936C4.87742 17.2173 4.76613 17.1839 4.70323 17.2459ZM4.18064 16.8597C4.14677 16.9217 4.19516 16.998 4.29194 17.0457C4.36935 17.0933 4.46613 17.079 4.5 17.0123C4.53387 16.9503 4.48548 16.874 4.38871 16.8263C4.29193 16.7977 4.21452 16.812 4.18064 16.8597ZM5.74839 18.5571C5.67097 18.6191 5.7 18.7622 5.81129 18.8528C5.92258 18.9624 6.0629 18.9767 6.12581 18.9004C6.18871 18.8385 6.15968 18.6954 6.0629 18.6048C5.95645 18.4952 5.81129 18.4808 5.74839 18.5571ZM5.19677 17.8562C5.11936 17.9039 5.11936 18.0279 5.19677 18.1375C5.27419 18.2472 5.40484 18.2949 5.46774 18.2472C5.54516 18.1852 5.54516 18.0613 5.46774 17.9516C5.4 17.8419 5.27419 17.7942 5.19677 17.8562Z'
-                fill="currentColor"
-        />
-    </g>
-    <defs>
-        <clipPath id='clip0_1203_26692'>
-            <rect width='24' height='24' fill="currentColor"/>
-        </clipPath>
-    </defs>
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/images/google-play-badge.png b/assets/mailer_templates/build_production/images/google-play-badge.png
new file mode 100644
index 00000000..5ed74a87
Binary files /dev/null and b/assets/mailer_templates/build_production/images/google-play-badge.png differ
diff --git a/assets/mailer_templates/build_production/images/reddit.png b/assets/mailer_templates/build_production/images/reddit.png
new file mode 100644
index 00000000..2945f220
Binary files /dev/null and b/assets/mailer_templates/build_production/images/reddit.png differ
diff --git a/assets/mailer_templates/build_production/images/reddit.svg b/assets/mailer_templates/build_production/images/reddit.svg
deleted file mode 100644
index 579476ab..00000000
--- a/assets/mailer_templates/build_production/images/reddit.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            fill-rule='evenodd'
-            clip-rule='evenodd'
-            d='M15.6348 15.2979C14.7204 15.2979 13.9536 14.5471 13.9536 13.6209C13.9536 12.6935 14.7204 11.9182 15.6348 11.9182C16.548 11.9182 17.2884 12.6935 17.2884 13.6209C17.2884 14.5471 16.5492 15.2979 15.6348 15.2979ZM15.8676 18.3963C15.06 19.2141 13.794 19.6121 11.9988 19.6121C10.2024 19.6121 8.9376 19.2141 8.1312 18.3963C7.956 18.2186 7.956 17.9313 8.1312 17.7523C8.3052 17.5747 8.5896 17.5747 8.7648 17.7523C9.3948 18.3913 10.452 18.7027 11.9988 18.7027C13.5444 18.7027 14.6028 18.3913 15.234 17.7523C15.408 17.5747 15.6924 17.5747 15.8676 17.7523C16.0428 17.9313 16.0428 18.2186 15.8676 18.3963ZM6.7104 13.6209C6.7104 12.6947 7.476 11.9182 8.3892 11.9182C9.3024 11.9182 10.0428 12.6947 10.0428 13.6209C10.0428 14.5471 9.3024 15.2979 8.3892 15.2979C7.476 15.2979 6.7104 14.5471 6.7104 13.6209ZM24 11.777C24 10.2569 22.7808 9.02012 21.282 9.02012C20.5908 9.02012 19.9392 9.28163 19.44 9.7502C17.646 8.56601 15.2436 7.80056 12.5832 7.6959L14.0508 3.15312L17.9052 4.07305C17.9064 5.32417 18.9096 6.34062 20.1432 6.34062C21.3768 6.34062 22.3812 5.32182 22.3812 4.0707C22.3812 2.81958 21.3768 1.80078 20.1432 1.80078C19.2192 1.80078 18.426 2.37007 18.084 3.18184C17.2536 2.98345 14.2848 2.27396 13.4544 2.07559L11.6424 7.68652C8.8812 7.73885 6.3792 8.50051 4.518 9.71269C4.0248 9.26847 3.3864 9.02012 2.7168 9.02012C1.2192 9.02012 0 10.2569 0 11.777C0 12.7421 0.4968 13.6265 1.2912 14.123C0.5676 18.4581 5.604 22.2008 11.9496 22.2008C18.2688 22.2008 23.2884 18.4913 22.6188 14.1781C23.4684 13.695 24 12.7895 24 11.777Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/images/twitter.png b/assets/mailer_templates/build_production/images/twitter.png
new file mode 100644
index 00000000..dbf2e177
Binary files /dev/null and b/assets/mailer_templates/build_production/images/twitter.png differ
diff --git a/assets/mailer_templates/build_production/images/twitter.svg b/assets/mailer_templates/build_production/images/twitter.svg
deleted file mode 100644
index faeaee5d..00000000
--- a/assets/mailer_templates/build_production/images/twitter.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            d='M1.8247 2.61328L9.63356 13.0859L1.77539 21.6005H3.54395L10.4238 14.1458L15.9825 21.6005H22.0009L13.7527 10.5389L21.067 2.61328H19.2985L12.9625 9.47893L7.84317 2.61328H1.8247ZM4.4255 3.91992H7.1904L19.3997 20.2937H16.6348L4.4255 3.91992Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/assets/mailer_templates/build_production/workspace_invitation.html b/assets/mailer_templates/build_production/workspace_invitation.html
index 48ee4cdd..6c146501 100644
--- a/assets/mailer_templates/build_production/workspace_invitation.html
+++ b/assets/mailer_templates/build_production/workspace_invitation.html
@@ -77,8 +77,8 @@
       <i style="mso-font-width: 150%; mso-text-raise: 30px" hidden>&emsp;</i>
     <![endif]-->
                 <span style="mso-text-raise: 16px">
-            Join workspace
-          </span>
+                        Join workspace
+                    </span>
                 <!--[if mso]>
       <i hidden style="mso-font-width: 150%;">&emsp;&#8203;</i>
     <![endif]-->
@@ -102,11 +102,12 @@
           <td style="padding-left: 24px; padding-right: 24px; text-align: center; font-size: 12px; color: #475569">
             <p style="margin: 0 0 16px; cursor: pointer; text-transform: uppercase">
               <a href="https://appflowy.io">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy-logo.svg" width="150px" style="max-width: 100%; vertical-align: middle; line-height: 1;" alt="">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy-logo.png" width="150px" style="max-width: 100%; vertical-align: middle; line-height: 1;" alt="">
               </a>
             </p>
             <p style="margin: 0; font-size: 14px;">
-              Try the AppFlowy mobile app to stay on top of activity like comments, replies, and @mentions when you're on
+              Try the AppFlowy mobile app to stay on top of activity like comments, replies, and @mentions
+              when you're on
               the go.
             </p>
             <table style="margin-top: 16px; margin-bottom: 16px; width: 100%" cellpadding="0" cellspacing="0" role="none">
@@ -118,8 +119,8 @@
       <i style="mso-font-width: 150%; mso-text-raise: 30px;" hidden>&emsp;</i>
     <![endif]-->
                       <span style="mso-text-raise: 16px">
-                  <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appstore-badge.svg" width="16px" alt="Download on the App Store" style="max-width: 100%; vertical-align: middle; line-height: 1; position: absolute; top: 12px">
-                  <span style="margin-left: 24px; font-size: 14px">Test Flight</span>
+                                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appstore-badge.png" width="16px" alt="Download on the App Store" style="max-width: 100%; vertical-align: middle; line-height: 1; position: absolute; top: 16px">
+                                    <span style="margin-left: 24px; font-size: 14px">Test Flight</span>
                       </span>
                       <!--[if mso]>
       <i hidden style="mso-font-width: 150%;">&emsp;&#8203;</i>
@@ -134,8 +135,8 @@
       <i style="mso-font-width: 150%; mso-text-raise: 30px;" hidden>&emsp;</i>
     <![endif]-->
                       <span style="mso-text-raise: 16px">
-                  <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/google-play-badge.svg" width="16px" alt="Get it on Google Play" style="max-width: 100%; vertical-align: middle; line-height: 1; position: absolute; top: 16px">
-                  <span style="margin-left: 24px; font-size: 14px;">Google Play</span>
+                                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/google-play-badge.png" width="16px" alt="Get it on Google Play" style="max-width: 100%; vertical-align: middle; line-height: 1; position: absolute; top: 16px;">
+                                    <span style="margin-left: 24px; font-size: 14px;">Google Play</span>
                       </span>
                       <!--[if mso]>
       <i hidden style="mso-font-width: 150%;">&emsp;&#8203;</i>
@@ -147,19 +148,19 @@
             </table>
             <p style="cursor: default">
               <a href="https://twitter.com/appflowy" style="margin-right: 16px; color: #4338ca; text-decoration: none">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.svg" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
               <a href="https://www.reddit.com/r/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/reddit.svg" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/reddit.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
               <a href="https://github.com/AppFlowy-IO/AppFlowy" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/github.svg" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/github.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
               <a href="https://discord.gg/9Q2xaN37tV" style="margin-right: 16px; color: #4338ca; text-decoration: none;">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/discord.svg" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/discord.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
               <a href="https://forum.appflowy.io/" style="color: #4338ca; text-decoration: none;">
-                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/forum.svg" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
+                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/forum.png" width="20" alt="Maizzle" style="max-width: 100%; vertical-align: middle; line-height: 1;">
               </a>
             </p>
             <p style="font-size: 12px; line-height: 18px;">
diff --git a/email_template/src/images/appflowy-logo.png b/email_template/src/images/appflowy-logo.png
new file mode 100644
index 00000000..a178fca9
Binary files /dev/null and b/email_template/src/images/appflowy-logo.png differ
diff --git a/email_template/src/images/appflowy-logo.svg b/email_template/src/images/appflowy-logo.svg
deleted file mode 100644
index e08748d3..00000000
--- a/email_template/src/images/appflowy-logo.svg
+++ /dev/null
@@ -1,51 +0,0 @@
-<svg width='103' height='24' viewBox='0 0 103 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <g clip-path='url(#clip0_159_6088)'>
-        <path
-                fill-rule='evenodd'
-                clip-rule='evenodd'
-                d='M59.2019 5.43913C58.8826 5.21739 58.3756 4.99565 57.8685 4.99565C56.892 4.99565 56.3849 5.49457 56.3849 6.64022V7.82283H57.9061V9.83696H56.3849V16.175H54.2065V6.49239C54.2065 4.18261 55.3333 3 57.23 3C58.0939 3 58.8826 3.20326 59.446 3.55435H61.3615V13.0152C61.3615 13.9576 61.6056 14.3641 62.0939 14.3641C62.4507 14.3641 62.7324 14.2163 62.9953 14.0315L63.446 15.6576C62.9577 16.0457 62.2253 16.3598 61.2112 16.3598C59.9155 16.3598 59.2019 15.5837 59.2019 13.8837V5.43913ZM34.7512 7.84144H36.892V8.63601C37.4179 8.08166 38.4132 7.63818 39.5212 7.63818C41.8498 7.63818 43.3709 9.4121 43.3709 11.8882C43.3709 14.4197 41.6057 16.3969 38.8827 16.3969C38.1315 16.3969 37.3991 16.2675 36.9108 15.9904V19.9077H34.7512V7.84144ZM36.9108 10.5393V13.9208C37.493 14.2904 37.9812 14.4012 38.6949 14.4012C40.1972 14.4012 41.0611 13.3295 41.0611 11.9436C41.0611 10.6132 40.2723 9.65231 38.8451 9.65231C38.1127 9.63384 37.4366 9.96644 36.9108 10.5393ZM29.3804 7.6748C26.6573 7.6748 24.8921 9.6335 24.8921 12.1835C24.8921 14.6596 26.3944 16.4335 28.7419 16.4335C29.8311 16.4335 30.8264 15.99 31.371 15.4357V16.2302H33.5306V9.22698C31.9156 8.02589 30.1315 7.6748 29.3804 7.6748ZM31.3522 13.5324C30.8264 14.1052 30.1503 14.4378 29.4179 14.4378C27.9907 14.4378 27.2019 13.477 27.2019 12.1465C27.2019 10.7607 28.0658 9.67046 29.5681 9.67046C30.2818 9.67046 30.77 9.78133 31.3522 10.1509V13.5324ZM46.4506 7.84144H44.3098V19.9077H46.4694V15.9904C46.9577 16.2675 47.6901 16.3969 48.4412 16.3969C51.1642 16.3969 52.9295 14.4197 52.9295 11.8882C52.9295 9.4121 51.4084 7.63818 49.0797 7.63818C47.9718 7.63818 46.9765 8.08166 46.4506 8.63601V7.84144ZM46.4694 13.9208V10.5393C46.9952 9.96644 47.6713 9.63384 48.4037 9.65231C49.8309 9.65231 50.6196 10.6132 50.6196 11.9436C50.6196 13.3295 49.7558 14.4012 48.2535 14.4012C47.5398 14.4012 47.0516 14.2904 46.4694 13.9208ZM72.7043 12.0175C72.7043 9.50449 70.9015 7.63818 68.0846 7.63818C65.2864 7.63818 63.4648 9.50449 63.4648 12.0175C63.4648 14.5306 65.2677 16.3969 68.0846 16.3969C70.9015 16.3969 72.7043 14.5121 72.7043 12.0175ZM70.3944 12.0175C70.3944 13.4588 69.4179 14.4012 68.0846 14.4012C66.77 14.4012 65.7935 13.4034 65.7935 12.0175C65.7935 10.5762 66.8076 9.65231 68.0846 9.65231C69.3991 9.65231 70.3944 10.6132 70.3944 12.0175ZM83.4274 16.2307H81.4931L79.6903 11.5926C79.6057 11.3905 79.5522 11.173 79.4998 10.96C79.4708 10.842 79.4421 10.7253 79.4086 10.6133C79.3335 10.9829 79.2396 11.297 79.1081 11.6296L77.3053 16.2307H75.4649L72.7043 7.84155H75.0142L76.3663 12.3872C76.4663 12.6964 76.512 12.9521 76.5611 13.2276L76.5612 13.228C76.5767 13.3146 76.5925 13.4031 76.6105 13.4959C76.6339 13.4081 76.655 13.3239 76.6762 13.2396C76.7396 12.9866 76.8029 12.7337 76.9297 12.3872L78.5072 7.84155H80.4227L82.0565 12.3687C82.1879 12.7383 82.2818 13.1263 82.3757 13.5144C82.4508 13.1263 82.5447 12.7198 82.6386 12.3133L83.8781 7.84155H86.0565L86.0507 7.85986H87.2959L89.2677 12.424C89.4023 12.7476 89.5011 13.0596 89.6021 13.3784C89.628 13.4601 89.654 13.5422 89.6808 13.6251L89.6916 13.5696C89.7633 13.1984 89.8382 12.8103 89.9813 12.4055L91.5024 7.85986H93.9625L90.6574 16.1936C89.4179 19.187 88.6292 19.9077 87.371 19.9077C86.601 19.9077 86.0377 19.612 85.5494 19.2609L86.2442 17.6533C86.4696 17.7827 86.7888 17.949 87.1269 17.949C87.6715 17.949 88.0658 17.524 88.4226 16.6555L88.6104 16.212L85.5045 9.60269L83.4274 16.2307Z'
-                fill='black'
-        />
-        <path
-                d='M19.0142 13.4033C18.5259 16.0088 16.3851 18.2816 13.925 19.5566C13.6245 19.7229 13.2677 19.8153 12.9297 19.8338H18.1503C18.6574 19.8338 19.0142 19.4642 19.0142 19.0022V13.4033Z'
-                fill='#F7931E'
-        />
-        <path
-                d='M8.57282 8.3773C8.49771 8.43274 8.42259 8.48817 8.34747 8.54361C7.07048 9.43057 3.20193 12.2762 2.3193 11.0382C1.45545 9.83709 2.37564 6.43709 4.5916 4.79252C4.62916 4.75557 4.6855 4.73709 4.72306 4.70013C7.14559 3.01861 8.94841 3.25883 9.83104 4.47839C10.6573 5.62404 9.73714 7.43491 8.57282 8.3773Z'
-                fill='#8427E0'
-        />
-        <path
-                d='M18.0376 11.0204C16.8357 11.852 14.9578 10.8911 14.0188 9.69C13.9812 9.63456 13.9437 9.59761 13.9061 9.54217C13.0047 8.28565 10.1127 4.47913 11.3521 3.62913C12.5916 2.76065 16.1784 3.70304 17.8122 5.99434C17.8498 6.04978 17.8873 6.08674 17.9249 6.14217C19.5024 8.45195 19.2582 10.1704 18.0376 11.0204Z'
-                fill='#00B5FF'
-        />
-        <path
-                d='M16.4226 18.5219C16.385 18.5589 16.3475 18.5773 16.2911 18.6143C13.8686 20.2958 12.0658 20.0556 11.1832 18.836C10.3569 17.6904 11.277 15.8795 12.4414 14.9371C12.5165 14.8817 12.5916 14.8263 12.6667 14.7708C13.9437 13.9023 17.8123 11.0382 18.6761 12.2763C19.5587 13.4773 18.6573 16.8773 16.4226 18.5219Z'
-                fill='#FFBD00'
-        />
-        <path
-                d='M9.66206 19.6861C8.42263 20.5545 4.85455 19.6121 3.22075 17.3208C3.18319 17.2839 3.14563 17.2285 3.12685 17.1915C1.53061 14.8817 1.79352 13.1448 3.01418 12.3132C4.21605 11.4817 6.09399 12.4426 7.03296 13.6437C7.07051 13.6991 7.10807 13.7361 7.14563 13.7915C8.02826 15.0295 10.9203 18.8361 9.66206 19.6861Z'
-                fill='#E3006D'
-        />
-        <path
-                d='M8.57283 8.37731C6.84513 9.13491 3.16438 10.6871 2.61978 9.43057C2.1503 8.37731 3.01415 6.23383 4.59161 4.79252C4.62917 4.75557 4.68551 4.73709 4.72307 4.70013C7.1456 3.01861 8.94842 3.25883 9.83105 4.47839C10.6573 5.62404 9.73715 7.43491 8.57283 8.37731Z'
-                fill='#9327FF'
-        />
-        <path
-                d='M18.0377 11.0196C16.8358 11.8511 14.9578 10.8902 14.0189 9.68912C13.2489 7.93368 11.7654 4.47825 13.0048 3.96086C14.1316 3.48042 16.4602 4.44129 17.9438 6.14129C19.5024 8.45107 19.2583 10.1696 18.0377 11.0196Z'
-                fill='#00C8FF'
-        />
-        <path
-                d='M16.4226 18.5218C16.385 18.5587 16.3475 18.5772 16.2911 18.6142C13.8686 20.2957 12.0658 20.0555 11.1832 18.8359C10.3569 17.6903 11.277 15.8794 12.4414 14.937C14.1691 14.1794 17.8498 12.6272 18.3944 13.8837C18.8827 14.937 18.0188 17.0805 16.4226 18.5218Z'
-                fill='#FFCE00'
-        />
-        <path
-                d='M8.04704 19.3535C6.92028 19.8339 4.59164 18.8915 3.12685 17.1915C1.53061 14.8817 1.79352 13.1448 3.01418 12.3132C4.21605 11.4817 6.09399 12.4426 7.03296 13.6437C7.80291 15.3806 9.28648 18.8361 8.04704 19.3535Z'
-                fill='#FB006D'
-        />
-    </g>
-    <defs>
-        <clipPath id='clip0_159_6088'>
-            <rect width='92' height='17' fill='white' transform='translate(2 3)' />
-        </clipPath>
-    </defs>
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/applestore-badge.png b/email_template/src/images/applestore-badge.png
new file mode 100644
index 00000000..505d6ec4
Binary files /dev/null and b/email_template/src/images/applestore-badge.png differ
diff --git a/email_template/src/images/appstore-badge.png b/email_template/src/images/appstore-badge.png
new file mode 100644
index 00000000..505d6ec4
Binary files /dev/null and b/email_template/src/images/appstore-badge.png differ
diff --git a/email_template/src/images/appstore-badge.svg b/email_template/src/images/appstore-badge.svg
deleted file mode 100644
index 513f359f..00000000
--- a/email_template/src/images/appstore-badge.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'>
-    <path
-            d='M12.0713 4.13312C12.4659 3.69379 12.7669 3.1835 12.9568 2.63154C13.1467 2.07958 13.2218 1.49683 13.1779 0.916748C11.9662 1.01121 10.8414 1.56159 10.0459 2.44931C9.66497 2.87478 9.37629 3.36974 9.19696 3.90489C9.01764 4.44004 8.95132 5.00451 9.00194 5.56486C9.59299 5.56961 10.1772 5.44295 10.7095 5.19468C11.2417 4.94641 11.7077 4.58318 12.0713 4.13312ZM14.7021 11.6346C14.7091 10.862 14.9198 10.1039 15.3144 9.43176C15.7089 8.75963 16.2743 8.19568 16.9571 7.79312C16.5262 7.19345 15.9565 6.69899 15.2933 6.34896C14.63 5.99893 13.8914 5.80296 13.1361 5.77659C11.5075 5.61527 10.0042 6.69411 9.13766 6.69411C8.27114 6.69411 7.04968 5.79676 5.69249 5.81692C4.80524 5.84515 3.9407 6.09498 3.18321 6.54205C2.42572 6.98913 1.80114 7.61817 1.37038 8.36784C-0.467035 11.4531 0.900589 16.0407 2.73801 18.5312C3.5732 19.7512 4.61719 21.1325 5.99525 21.0821C7.37332 21.0317 7.82223 20.2553 9.41953 20.2553C11.0168 20.2553 11.5075 21.0821 12.8647 21.0518C14.2219 21.0216 15.1823 19.8016 16.0593 18.5816C16.6805 17.6958 17.1658 16.728 17.5 15.708C16.6726 15.3672 15.9667 14.7999 15.4695 14.0759C14.9723 13.352 14.7055 12.5033 14.7021 11.6346Z'
-            fill='white'
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/discord.png b/email_template/src/images/discord.png
new file mode 100644
index 00000000..4af26f43
Binary files /dev/null and b/email_template/src/images/discord.png differ
diff --git a/email_template/src/images/discord.svg b/email_template/src/images/discord.svg
deleted file mode 100644
index 536c2a81..00000000
--- a/email_template/src/images/discord.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            d='M15.7455 15.1243C14.6123 15.05 13.7212 14.1125 13.7212 12.9665C13.7212 12.9282 13.722 12.89 13.7242 12.8517V12.857C13.722 12.821 13.7205 12.779 13.7205 12.7362C13.7205 11.5925 14.613 10.658 15.7395 10.5897H15.7455C16.8772 10.6512 17.7712 11.5835 17.7712 12.725C17.7712 12.7715 17.7697 12.8173 17.7668 12.863V12.857C17.769 12.8945 17.7705 12.9388 17.7705 12.983C17.7705 14.1253 16.8772 15.059 15.7507 15.1235H15.7447L15.7455 15.1243ZM8.271 15.1243C7.13775 15.05 6.24675 14.1125 6.24675 12.9665C6.24675 12.9282 6.2475 12.89 6.24975 12.8517V12.857C6.2475 12.821 6.246 12.779 6.246 12.7362C6.246 11.5925 7.1385 10.658 8.265 10.5897H8.271C9.40275 10.6512 10.2967 11.5835 10.2967 12.725C10.2967 12.7715 10.2952 12.8173 10.2922 12.863V12.857C10.2945 12.893 10.296 12.935 10.296 12.9778C10.296 14.1215 9.4035 15.056 8.277 15.1243H8.271ZM19.7962 4.85075C18.474 4.22675 16.938 3.73325 15.33 3.4475L15.2182 3.431C15.2145 3.43025 15.21 3.4295 15.2055 3.4295C15.1792 3.4295 15.1567 3.44375 15.1447 3.46475C14.9692 3.773 14.7788 4.15775 14.607 4.55225L14.5747 4.6355C13.8022 4.51175 12.9112 4.44125 12.0037 4.44125C11.0962 4.44125 10.2052 4.51175 9.336 4.6475L9.43275 4.63475C9.23025 4.16225 9.03675 3.77825 8.823 3.40625L8.85375 3.464C8.841 3.44225 8.81775 3.42875 8.7915 3.42875C8.78775 3.42875 8.78325 3.42875 8.7795 3.4295C7.05975 3.73175 5.52375 4.2245 4.08825 4.89725L4.2015 4.84925C4.18875 4.8545 4.17825 4.8635 4.1715 4.87475C2.031 7.9055 0.75 11.6765 0.75 15.7467C0.75 16.427 0.786 17.0983 0.85575 17.7598L0.849 17.6772C0.85125 17.699 0.8625 17.717 0.87825 17.7297C2.48325 18.9305 4.34925 19.898 6.363 20.5333L6.495 20.5693C6.501 20.5715 6.5085 20.5723 6.516 20.5723C6.54 20.5723 6.561 20.561 6.57375 20.5438C6.975 20.0037 7.35675 19.3918 7.6875 18.7498L7.72275 18.6747C7.72725 18.6657 7.73025 18.6545 7.73025 18.6425C7.73025 18.6118 7.71075 18.5863 7.68375 18.5758H7.683C6.999 18.3117 6.42075 18.0305 5.87025 17.708L5.928 17.7395C5.90625 17.7268 5.892 17.7035 5.892 17.6772C5.892 17.654 5.90325 17.633 5.9205 17.6202C6.03825 17.5317 6.15675 17.4403 6.26925 17.3473C6.28125 17.3375 6.297 17.3315 6.3135 17.3315C6.324 17.3315 6.33375 17.3338 6.342 17.3375H6.34125C7.99725 18.1333 9.94125 18.5983 11.9932 18.5983C14.0452 18.5983 15.99 18.1333 17.7255 17.303L17.6452 17.3375C17.6542 17.333 17.664 17.3307 17.6752 17.3307C17.6917 17.3307 17.7075 17.3368 17.7195 17.3465C17.832 17.4395 17.9497 17.5325 18.069 17.6202C18.0862 17.6337 18.0975 17.6548 18.0975 17.678C18.0975 17.7043 18.0833 17.7268 18.063 17.7395C17.5672 18.0358 16.989 18.3163 16.3867 18.548L16.308 18.575C16.281 18.5855 16.2615 18.6118 16.2615 18.6418C16.2615 18.6538 16.2645 18.665 16.2697 18.6747C16.6455 19.3947 17.0265 20.0053 17.448 20.585L17.418 20.5422C17.4307 20.5602 17.4525 20.5723 17.4757 20.5723C17.4832 20.5723 17.4907 20.5708 17.4975 20.5693C19.6462 19.9003 21.5152 18.9327 23.1712 17.6952L23.1225 17.7305C23.139 17.7185 23.1495 17.6998 23.1517 17.6788C23.217 17.0908 23.2537 16.4083 23.2537 15.7175C23.2537 11.6563 21.9697 7.895 19.7865 4.817L19.8255 4.8755C19.8195 4.8635 19.809 4.85375 19.797 4.8485L19.7962 4.85075Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/forum.png b/email_template/src/images/forum.png
new file mode 100644
index 00000000..799f15f3
Binary files /dev/null and b/email_template/src/images/forum.png differ
diff --git a/email_template/src/images/forum.svg b/email_template/src/images/forum.svg
deleted file mode 100644
index 691bff92..00000000
--- a/email_template/src/images/forum.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <path
-            d='M10.5 14.6004C10.5 14.2154 10.815 13.9004 11.2 13.9004H16.8C17.185 13.9004 17.5 14.2154 17.5 14.6004C17.5 14.9854 17.185 15.3004 16.8 15.3004H11.2C10.815 15.3004 10.5 14.9854 10.5 14.6004Z'
-            fill='currentColor'
-    />
-    <path
-            d='M11.2 17.4004C10.815 17.4004 10.5 17.7154 10.5 18.1004C10.5 18.4854 10.815 18.8004 11.2 18.8004H14C14.385 18.8004 14.7 18.4854 14.7 18.1004C14.7 17.7154 14.385 17.4004 14 17.4004H11.2Z'
-            fill='currentColor'
-    />
-    <path
-            fill-rule='evenodd'
-            clip-rule='evenodd'
-            d='M13.9992 6.2002C8.58822 6.2002 4.19922 10.5612 4.19922 15.9512C4.19922 21.3342 8.54619 25.8002 13.9712 25.8002H23.0992C23.3302 25.8002 23.5402 25.6882 23.6732 25.4992C23.8062 25.3102 23.8342 25.0722 23.7572 24.8622L22.3572 21.0472C23.2742 19.5632 23.7992 17.8202 23.7992 15.9512C23.7992 10.5612 19.4102 6.2002 13.9992 6.2002ZM5.59922 15.9512C5.59922 11.3452 9.35822 7.6002 13.9992 7.6002C18.6402 7.6002 22.3992 11.3452 22.3992 15.9512C22.3992 17.6592 21.8812 19.2482 20.9992 20.5712C20.8732 20.7602 20.8452 20.9912 20.9222 21.2012L22.0982 24.4002H13.9712C9.33719 24.4002 5.59922 20.5782 5.59922 15.9512Z'
-            fill='currentColor'
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/github.png b/email_template/src/images/github.png
new file mode 100644
index 00000000..6cb3b705
Binary files /dev/null and b/email_template/src/images/github.png differ
diff --git a/email_template/src/images/github.svg b/email_template/src/images/github.svg
deleted file mode 100644
index 4c55ff48..00000000
--- a/email_template/src/images/github.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <g clip-path='url(#clip0_1203_26692)'>
-        <path
-                d='M8.02742 19.3677C8.02742 19.4631 7.91613 19.5394 7.77581 19.5394C7.61613 19.5537 7.50484 19.4774 7.50484 19.3677C7.50484 19.2724 7.61613 19.1961 7.75645 19.1961C7.90161 19.1818 8.02742 19.258 8.02742 19.3677ZM6.52258 19.1531C6.48871 19.2485 6.58548 19.3582 6.73065 19.3868C6.85645 19.4345 7.00161 19.3868 7.03064 19.2914C7.05968 19.1961 6.96774 19.0864 6.82258 19.0435C6.69677 19.0101 6.55645 19.0578 6.52258 19.1531ZM8.66129 19.0721C8.52097 19.1055 8.42419 19.1961 8.43871 19.3057C8.45323 19.4011 8.57903 19.4631 8.72419 19.4297C8.86452 19.3963 8.96129 19.3057 8.94677 19.2104C8.93226 19.1198 8.80161 19.0578 8.66129 19.0721ZM11.8452 0.800781C5.13387 0.800781 0 5.82158 0 12.4349C0 17.7227 3.37742 22.2476 8.20161 23.8402C8.82097 23.9498 9.03871 23.5732 9.03871 23.2632C9.03871 22.9676 9.02419 21.3369 9.02419 20.3356C9.02419 20.3356 5.6371 21.0508 4.92581 18.9147C4.92581 18.9147 4.37419 17.5272 3.58065 17.1696C3.58065 17.1696 2.47258 16.421 3.65806 16.4353C3.65806 16.4353 4.8629 16.5307 5.52581 17.6655C6.58548 19.506 8.36129 18.9767 9.05323 18.662C9.16452 17.8991 9.47903 17.3699 9.82742 17.0552C7.12258 16.7596 4.39355 16.3734 4.39355 11.7865C4.39355 10.4752 4.76129 9.81723 5.53548 8.97805C5.40968 8.66812 4.99839 7.39028 5.66129 5.74052C6.67258 5.43059 9 7.0279 9 7.0279C9.96774 6.76089 11.0081 6.62262 12.0387 6.62262C13.0694 6.62262 14.1097 6.76089 15.0774 7.0279C15.0774 7.0279 17.4048 5.42583 18.4161 5.74052C19.079 7.39505 18.6677 8.66812 18.5419 8.97805C19.3161 9.822 19.7903 10.48 19.7903 11.7865C19.7903 16.3877 16.9403 16.7548 14.2355 17.0552C14.6806 17.4319 15.0581 18.1471 15.0581 19.2676C15.0581 20.8744 15.0435 22.8627 15.0435 23.2537C15.0435 23.5636 15.2661 23.9403 15.8806 23.8306C20.7194 22.2476 24 17.7227 24 12.4349C24 5.82158 18.5565 0.800781 11.8452 0.800781ZM4.70323 17.2459C4.64032 17.2936 4.65484 17.4033 4.7371 17.4939C4.81452 17.5701 4.92581 17.6035 4.98871 17.5415C5.05161 17.4939 5.0371 17.3842 4.95484 17.2936C4.87742 17.2173 4.76613 17.1839 4.70323 17.2459ZM4.18064 16.8597C4.14677 16.9217 4.19516 16.998 4.29194 17.0457C4.36935 17.0933 4.46613 17.079 4.5 17.0123C4.53387 16.9503 4.48548 16.874 4.38871 16.8263C4.29193 16.7977 4.21452 16.812 4.18064 16.8597ZM5.74839 18.5571C5.67097 18.6191 5.7 18.7622 5.81129 18.8528C5.92258 18.9624 6.0629 18.9767 6.12581 18.9004C6.18871 18.8385 6.15968 18.6954 6.0629 18.6048C5.95645 18.4952 5.81129 18.4808 5.74839 18.5571ZM5.19677 17.8562C5.11936 17.9039 5.11936 18.0279 5.19677 18.1375C5.27419 18.2472 5.40484 18.2949 5.46774 18.2472C5.54516 18.1852 5.54516 18.0613 5.46774 17.9516C5.4 17.8419 5.27419 17.7942 5.19677 17.8562Z'
-                fill="currentColor"
-        />
-    </g>
-    <defs>
-        <clipPath id='clip0_1203_26692'>
-            <rect width='24' height='24' fill="currentColor"/>
-        </clipPath>
-    </defs>
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/google-play-badge.png b/email_template/src/images/google-play-badge.png
new file mode 100644
index 00000000..5ed74a87
Binary files /dev/null and b/email_template/src/images/google-play-badge.png differ
diff --git a/email_template/src/images/google-play-badge.svg b/email_template/src/images/google-play-badge.svg
deleted file mode 100644
index eb0640b1..00000000
--- a/email_template/src/images/google-play-badge.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'>
-    <path
-            d='M4.06325 0.4575L13.9062 6.117L11.7965 8.22675L4.06325 0.4575ZM2.024 0L11.0592 9L2.02475 18C1.565 17.7967 1.25 17.3445 1.25 16.8187C1.25 16.8015 1.25 16.7843 1.25075 16.7677V16.77V1.23075C1.25 1.2165 1.25 1.19925 1.25 1.182C1.25 0.65625 1.565 0.204 2.0165 0.00375L2.02475 0.00075L2.024 0ZM16.9655 7.9455C17.276 8.17575 17.4748 8.54175 17.4748 8.9535C17.4748 8.97 17.4748 8.98575 17.474 9.00225V9C17.477 9.03225 17.4792 9.0705 17.4792 9.10875C17.4792 9.49575 17.2917 9.83925 17.0023 10.0522L16.9993 10.0545L14.8895 11.2492L12.605 9L14.8903 6.71475L16.9655 7.9455ZM4.06325 17.5425L11.7972 9.77325L13.907 11.883L4.06325 17.5425Z'
-            fill='white'
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/reddit.png b/email_template/src/images/reddit.png
new file mode 100644
index 00000000..2945f220
Binary files /dev/null and b/email_template/src/images/reddit.png differ
diff --git a/email_template/src/images/reddit.svg b/email_template/src/images/reddit.svg
deleted file mode 100644
index 579476ab..00000000
--- a/email_template/src/images/reddit.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            fill-rule='evenodd'
-            clip-rule='evenodd'
-            d='M15.6348 15.2979C14.7204 15.2979 13.9536 14.5471 13.9536 13.6209C13.9536 12.6935 14.7204 11.9182 15.6348 11.9182C16.548 11.9182 17.2884 12.6935 17.2884 13.6209C17.2884 14.5471 16.5492 15.2979 15.6348 15.2979ZM15.8676 18.3963C15.06 19.2141 13.794 19.6121 11.9988 19.6121C10.2024 19.6121 8.9376 19.2141 8.1312 18.3963C7.956 18.2186 7.956 17.9313 8.1312 17.7523C8.3052 17.5747 8.5896 17.5747 8.7648 17.7523C9.3948 18.3913 10.452 18.7027 11.9988 18.7027C13.5444 18.7027 14.6028 18.3913 15.234 17.7523C15.408 17.5747 15.6924 17.5747 15.8676 17.7523C16.0428 17.9313 16.0428 18.2186 15.8676 18.3963ZM6.7104 13.6209C6.7104 12.6947 7.476 11.9182 8.3892 11.9182C9.3024 11.9182 10.0428 12.6947 10.0428 13.6209C10.0428 14.5471 9.3024 15.2979 8.3892 15.2979C7.476 15.2979 6.7104 14.5471 6.7104 13.6209ZM24 11.777C24 10.2569 22.7808 9.02012 21.282 9.02012C20.5908 9.02012 19.9392 9.28163 19.44 9.7502C17.646 8.56601 15.2436 7.80056 12.5832 7.6959L14.0508 3.15312L17.9052 4.07305C17.9064 5.32417 18.9096 6.34062 20.1432 6.34062C21.3768 6.34062 22.3812 5.32182 22.3812 4.0707C22.3812 2.81958 21.3768 1.80078 20.1432 1.80078C19.2192 1.80078 18.426 2.37007 18.084 3.18184C17.2536 2.98345 14.2848 2.27396 13.4544 2.07559L11.6424 7.68652C8.8812 7.73885 6.3792 8.50051 4.518 9.71269C4.0248 9.26847 3.3864 9.02012 2.7168 9.02012C1.2192 9.02012 0 10.2569 0 11.777C0 12.7421 0.4968 13.6265 1.2912 14.123C0.5676 18.4581 5.604 22.2008 11.9496 22.2008C18.2688 22.2008 23.2884 18.4913 22.6188 14.1781C23.4684 13.695 24 12.7895 24 11.777Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/images/twitter.png b/email_template/src/images/twitter.png
new file mode 100644
index 00000000..dbf2e177
Binary files /dev/null and b/email_template/src/images/twitter.png differ
diff --git a/email_template/src/images/twitter.svg b/email_template/src/images/twitter.svg
deleted file mode 100644
index faeaee5d..00000000
--- a/email_template/src/images/twitter.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
-    <path
-            d='M1.8247 2.61328L9.63356 13.0859L1.77539 21.6005H3.54395L10.4238 14.1458L15.9825 21.6005H22.0009L13.7527 10.5389L21.067 2.61328H19.2985L12.9625 9.47893L7.84317 2.61328H1.8247ZM4.4255 3.91992H7.1904L19.3997 20.2937H16.6348L4.4255 3.91992Z'
-            fill="currentColor"
-    />
-</svg>
\ No newline at end of file
diff --git a/email_template/src/templates/workspace_invitation.html b/email_template/src/templates/workspace_invitation.html
index d4a21552..fe68baa9 100644
--- a/email_template/src/templates/workspace_invitation.html
+++ b/email_template/src/templates/workspace_invitation.html
@@ -5,129 +5,135 @@ bodyClass: bg-purple-50
 ---
 
 <x-main>
-  <div class="bg-purple-50 sm:px-4 px-12 sm:py-12 py-24 text-black">
-    <table align="center">
-      <tr>
-        <td class="w-[552px] max-w-full">
-          <div class="w-full text-center">
-            <img src="{{ userIconUrl }}" class="rounded-full overflow-hidden object-cover" width="48px" height="48px"
-                 alt="{{ userName }}">
-          </div>
-          <p class="w-full text-center break-words whitespace-normal text-2xl">
-            <span class="text-3xl font-bold">{{ userName }}</span>
-            <span class="mx-2=1">invited you to Join</span>
-            <span class="text-3xl font-bold">{{ workspaceName }}</span>
-            <span class="mx-2=1">on AppFlowy</span>
-          </p>
-          <x-divider space-x="20%"/>
-          <table align="center">
+    <div class="bg-purple-50 sm:px-4 px-12 sm:py-12 py-24 text-black">
+        <table align="center">
             <tr>
-              <td class="w-[60px]">
-                <div
-                  style="border: 2px solid black;"
-                  class="rounded-2xl mr-2 w-[60px] h-[60px] bg-white overflow-hidden">
-                  <img src="{{ workspaceIconURL }}"
-                       class="overflow-hidden object-cover"
-                       width="100%" height="100%"
-                       alt="{{ workspaceName }}">
-                </div>
+                <td class="w-[552px] max-w-full">
+                    <div class="w-full text-center">
+                        <img src="{{ userIconUrl }}" class="rounded-full overflow-hidden object-cover" width="48px"
+                             height="48px"
+                             alt="{{ userName }}">
+                    </div>
+                    <p class="w-full text-center break-words whitespace-normal text-2xl">
+                        <span class="text-3xl font-bold">{{ userName }}</span>
+                        <span class="mx-2=1">invited you to Join</span>
+                        <span class="text-3xl font-bold">{{ workspaceName }}</span>
+                        <span class="mx-2=1">on AppFlowy</span>
+                    </p>
+                    <x-divider space-x="20%"/>
+                    <table align="center">
+                        <tr>
+                            <td class="w-[60px]">
+                                <div
+                                        style="border: 2px solid black;"
+                                        class="rounded-2xl mr-2 w-[60px] h-[60px] bg-white overflow-hidden">
+                                    <img src="{{ workspaceIconURL }}"
+                                         class="overflow-hidden object-cover"
+                                         width="100%" height="100%"
+                                         alt="{{ workspaceName }}">
+                                </div>
 
-              </td>
-              <td>
-                <div class="font-bold mb-2">
-                  {{ workspaceName }}
-                </div>
-                <div class="text-sm text-slate-500"> {{ workspaceMembersCount }} members</div>
-              </td>
+                            </td>
+                            <td>
+                                <div class="font-bold mb-2">
+                                    {{ workspaceName }}
+                                </div>
+                                <div class="text-sm text-slate-500"> {{ workspaceMembersCount }} members</div>
+                            </td>
+                        </tr>
+                    </table>
+                    <x-button align="center"
+                              class="hover:opacity-90 cursor-pointer h-[34px] !text-xl !leading-[34px] !bg-[#9327ff] !font-normal w-[60%] my-8 rounded-2xl"
+                              href="{{ acceptUrl }}">
+                        Join workspace
+                    </x-button>
+                    <p class="m-0 leading-4.5 text-sm text-slate-500 text-center">
+                        By clicking "Join workspace"
+                        <br/>
+                        you acknowledge that you have read and understood,
+                        <br/>
+                        and agree to AppFlowy's <a
+                            href="https://appflowy.io/terms" class="text-slate-500">Terms & Conditions</a> and <a
+                            class="text-slate-500"
+                            href="https://appflowy.io/privacy">Privacy
+                        Policy</a>.
+                    </p>
+                    <x-divider space-x="20%"/>
+                </td>
+            </tr>
+            <tr role="separator">
+                <td class="leading-24">&zwj;</td>
             </tr>
-          </table>
-          <x-button align="center"
-                    class="hover:opacity-90 cursor-pointer h-[34px] !text-xl !leading-[34px] !bg-[#9327ff] !font-normal w-[60%] my-8 rounded-2xl"
-                    href="{{ acceptUrl }}">
-            Join workspace
-          </x-button>
-          <p class="m-0 leading-4.5 text-sm text-slate-500 text-center">
-            By clicking "Join workspace"
-            <br/>
-            you acknowledge that you have read and understood,
-            <br/>
-            and agree to AppFlowy's <a
-            href="https://appflowy.io/terms" class="text-slate-500">Terms & Conditions</a> and <a class="text-slate-500"
-                                                                                                  href="https://appflowy.io/privacy">Privacy
-            Policy</a>.
-          </p>
-          <x-divider space-x="20%"/>
-        </td>
-      </tr>
-      <tr role="separator">
-        <td class="leading-24">&zwj;</td>
-      </tr>
-      <tr>
-        <td class="text-center text-slate-600 text-xs px-6">
-          <p class="m-0 mb-4 uppercase cursor-pointer">
-            <a href="https://appflowy.io">
-              <img src="{{ cdnBaseUrl }}images/appflowy-logo.svg" width="150px">
-            </a>
-          </p>
-          <p class="m-0 text-sm">
-            Try the AppFlowy mobile app to stay on top of activity like comments, replies, and @mentions when you're on
-            the go.
-          </p>
-
-          <table class="w-full my-4">
             <tr>
-              <td>
-                <x-button align="right"
-                          class="hover:opacity-90 mr-2 relative !bg-[#9327ff] !font-normal rounded-2xl"
-                          href="https://testflight.apple.com/join/6CexvkDz">
+                <td class="text-center text-slate-600 text-xs px-6">
+                    <p class="m-0 mb-4 uppercase cursor-pointer">
+                        <a href="https://appflowy.io">
+                            <img src="{{ cdnBaseUrl }}images/appflowy-logo.png" width="150px">
+                        </a>
+                    </p>
+                    <p class="m-0 text-sm">
+                        Try the AppFlowy mobile app to stay on top of activity like comments, replies, and @mentions
+                        when you're on
+                        the go.
+                    </p>
 
-                  <img class="absolute top-3" src="{{ cdnBaseUrl }}images/appstore-badge.svg" width="16px"
-                       alt="Download on the App Store">
-                  <span class="text-sm ml-6">Test Flight</span>
-                </x-button>
-              </td>
-              <td>
-                <x-button align="left" class="hover:opacity-90 ml-2 relative !bg-[#9327ff] !font-normal rounded-2xl"
-                          href="https://play.google.com/store/apps/details?id=io.appflowy.appflowy">
+                    <table class="w-full my-4">
+                        <tr>
+                            <td>
+                                <x-button align="right"
+                                          class="hover:opacity-90 mr-2 relative !bg-[#9327ff] !font-normal rounded-2xl"
+                                          href="https://testflight.apple.com/join/6CexvkDz">
 
-                  <img class="absolute top-4" src="{{ cdnBaseUrl }}images/google-play-badge.svg" width="16px"
-                       alt="Get it on Google Play">
-                  <span class="text-sm ml-6">Google Play</span>
-                </x-button>
+                                    <img class="absolute top-4" src="{{ cdnBaseUrl }}images/appstore-badge.png"
+                                         width="16px"
+                                         alt="Download on the App Store">
+                                    <span class="text-sm ml-6">Test Flight</span>
+                                </x-button>
+                            </td>
+                            <td>
+                                <x-button align="left"
+                                          class="hover:opacity-90 ml-2 relative !bg-[#9327ff] !font-normal rounded-2xl"
+                                          href="https://play.google.com/store/apps/details?id=io.appflowy.appflowy">
 
-              </td>
+                                    <img class="absolute top-4" src="{{ cdnBaseUrl }}images/google-play-badge.png"
+                                         width="16px"
+                                         alt="Get it on Google Play">
+                                    <span class="text-sm ml-6">Google Play</span>
+                                </x-button>
+
+                            </td>
+                        </tr>
+                    </table>
+
+                    <p class="cursor-default">
+                        <a href="https://twitter.com/appflowy"
+                           class="text-indigo-700 [text-decoration:none] mr-4">
+                            <img src="{{ cdnBaseUrl }}images/twitter.png" width="20" alt="Maizzle">
+                        </a>
+                        <a href="https://www.reddit.com/r/AppFlowy"
+                           class="text-indigo-700 [text-decoration:none] mr-4">
+                            <img src="{{ cdnBaseUrl }}images/reddit.png" width="20" alt="Maizzle">
+                        </a>
+                        <a href="https://github.com/AppFlowy-IO/AppFlowy"
+                           class="text-indigo-700 [text-decoration:none] mr-4">
+                            <img src="{{ cdnBaseUrl }}images/github.png" width="20" alt="Maizzle">
+                        </a>
+                        <a href="https://discord.gg/9Q2xaN37tV"
+                           class="text-indigo-700 [text-decoration:none] mr-4">
+                            <img src="{{ cdnBaseUrl }}images/discord.png" width="20" alt="Maizzle">
+                        </a>
+                        <a href="https://forum.appflowy.io/"
+                           class="text-indigo-700 [text-decoration:none]">
+                            <img src="{{ cdnBaseUrl }}images/forum.png" width="20" alt="Maizzle">
+                        </a>
+                    </p>
+                    <p class="text-xs leading-4.5">
+                        <span>Cupyright © 2024, AppFlowy Inc.</span>
+                        <br>
+                        <span>Need Help? support@appflowy.io</span>
+                    </p>
+                </td>
             </tr>
-          </table>
-
-          <p class="cursor-default">
-            <a href="https://twitter.com/appflowy"
-               class="text-indigo-700 [text-decoration:none] mr-4">
-              <img src="{{ cdnBaseUrl }}images/twitter.svg" width="20" alt="Maizzle">
-            </a>
-            <a href="https://www.reddit.com/r/AppFlowy"
-               class="text-indigo-700 [text-decoration:none] mr-4">
-              <img src="{{ cdnBaseUrl }}images/reddit.svg" width="20" alt="Maizzle">
-            </a>
-            <a href="https://github.com/AppFlowy-IO/AppFlowy"
-               class="text-indigo-700 [text-decoration:none] mr-4">
-              <img src="{{ cdnBaseUrl }}images/github.svg" width="20" alt="Maizzle">
-            </a>
-            <a href="https://discord.gg/9Q2xaN37tV"
-               class="text-indigo-700 [text-decoration:none] mr-4">
-              <img src="{{ cdnBaseUrl }}images/discord.svg" width="20" alt="Maizzle">
-            </a>
-            <a href="https://forum.appflowy.io/"
-               class="text-indigo-700 [text-decoration:none]">
-              <img src="{{ cdnBaseUrl }}images/forum.svg" width="20" alt="Maizzle">
-            </a>
-          </p>
-          <p class="text-xs leading-4.5">
-            <span>Cupyright © 2024, AppFlowy Inc.</span>
-            <br>
-            <span>Need Help? support@appflowy.io</span>
-          </p>
-        </td>
-      </tr>
-    </table>
-  </div>
+        </table>
+    </div>
 </x-main>
\ No newline at end of file