IntenseFinance/simplex-chat
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added features section

Browse Source
This commit is contained in:
M Sarmad Qadeer 2022-10-26 20:12:10 +05:00
parent f662002760
commit da16a77857
18 changed files with 437 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
website/src/css/style.css
View File

@ -129,7 +129,6 @@ html {
background:
linear-gradient(#11182F,#11182F) padding-box,
linear-gradient(to bottom, transparent, #01F1FF 58%) border-box;
border-radius: 6px;
border: 1px solid transparent;
}

21
website/src/img/new/feature-1-dark.svg Normal file
View File

@ -0,0 +1,21 @@
<svg width="144" height="68" viewBox="0 0 144 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9492 28.8653L10.7788 26.8918L0.000999451 33.2837H0V35.1749H0.00119972L10.7788 41.5668L11.9492 39.5933L2.9047 34.2293L11.9492 28.8653Z" fill="#A8B0B4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M131.909 39.4688L133.068 41.4229L143.74 35.0936L143.739 35.0919V33.2226L143.74 33.2209L133.068 26.8916L131.909 28.8457L140.865 34.1572L131.909 39.4688Z" fill="#A8B0B4"/>
<path d="M40.4102 33.9107C40.4102 15.1823 55.5925 0 74.3209 0C93.0489 0 108.232 15.1823 108.232 33.9107C108.232 52.639 93.0489 67.8213 74.3209 67.8213H40.4102V33.9107Z" fill="url(#paint0_linear_32_22)"/>
<path d="M59.0488 22.1084H76.3803" stroke="white" stroke-linecap="round"/>
<path d="M59.0488 34.1084H89.4238" stroke="white" stroke-linecap="round"/>
<path d="M59.0488 45.1084H89.4238" stroke="white" stroke-linecap="round"/>
<path d="M102.401 65.2378C109.391 65.2378 115.058 59.5712 115.058 52.5811C115.058 45.591 109.391 39.9244 102.401 39.9244C95.4107 39.9244 89.7441 45.591 89.7441 52.5811C89.7441 59.5712 95.4107 65.2378 102.401 65.2378Z" fill="url(#paint1_linear_32_22)" stroke="#606C71"/>
<path d="M106.008 56.8214V51.1773C105.611 51.1776 105.215 51.1783 104.818 51.1783L98.0568 51.1784H97.9448V56.8214H106.008Z" fill="#606C71"/>
<path d="M104.772 50.3759C104.373 50.3759 103.983 50.3759 103.579 50.3759C103.579 50.3457 103.579 50.3166 103.579 50.2874C103.579 49.9018 103.584 49.5162 103.578 49.1307C103.567 48.4374 103.244 47.936 102.62 47.6422C101.718 47.2179 100.595 47.7899 100.4 48.7656C100.377 48.8788 100.367 48.9961 100.366 49.1116C100.362 49.5027 100.365 49.8939 100.365 50.285C100.365 50.3123 100.365 50.3397 100.365 50.3727C99.9659 50.3727 99.5709 50.3727 99.1769 50.3727C99.1739 50.3658 99.1699 50.361 99.1699 50.3563C99.1699 49.8708 99.1439 49.3837 99.1769 48.9004C99.2309 48.0915 99.5969 47.4302 100.227 46.9198C100.658 46.5707 101.156 46.3686 101.706 46.3217C102.974 46.2134 104.034 46.9078 104.514 47.9383C104.682 48.3005 104.766 48.6821 104.773 49.0789C104.781 49.4949 104.775 49.9111 104.775 50.3272C104.775 50.3407 104.774 50.3542 104.772 50.3759Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_32_22" x1="107.234" y1="2.61784e-06" x2="25.9821" y2="27.7307" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint1_linear_32_22" x1="115.171" y1="39.4243" x2="83.6458" y2="50.1833" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

19
website/src/img/new/feature-1.svg Normal file
View File

@ -0,0 +1,19 @@
<svg width="76" height="69" viewBox="0 0 76 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 34.4107C1 15.9585 15.9585 1 34.4106 1C52.863 1 67.821 15.9585 67.821 34.4107C67.821 52.8629 52.863 67.8213 34.4106 67.8213H1V34.4107Z" fill="url(#paint0_linear_3_36)" stroke="#606C71"/>
<path d="M19.1387 22.6084H36.4701" stroke="white" stroke-linecap="round"/>
<path d="M19.1387 34.6084H49.514" stroke="white" stroke-linecap="round"/>
<path d="M19.1387 45.6084H49.514" stroke="white" stroke-linecap="round"/>
<path d="M62.492 65.7378C69.4821 65.7378 75.1487 60.0712 75.1487 53.0811C75.1487 46.091 69.4821 40.4244 62.492 40.4244C55.5019 40.4244 49.8353 46.091 49.8353 53.0811C49.8353 60.0712 55.5019 65.7378 62.492 65.7378Z" fill="url(#paint1_linear_3_36)" stroke="#606C71"/>
<path d="M66.098 57.3215V51.6773C65.701 51.6776 65.305 51.6783 64.909 51.6783L58.147 51.6784H58.036V57.3215H66.098Z" fill="#606C71"/>
<path d="M64.863 50.8759C64.465 50.8759 64.074 50.8759 63.67 50.8759C63.67 50.8457 63.67 50.8166 63.67 50.7874C63.67 50.4019 63.675 50.0162 63.669 49.6307C63.659 48.9374 63.335 48.436 62.711 48.1422C61.809 47.7179 60.686 48.2899 60.491 49.2656C60.469 49.3788 60.458 49.4961 60.457 49.6116C60.453 50.0027 60.456 50.3939 60.457 50.785C60.457 50.8124 60.457 50.8397 60.457 50.8727C60.057 50.8727 59.662 50.8727 59.269 50.8727C59.265 50.8658 59.261 50.861 59.261 50.8563C59.261 50.3708 59.235 49.8837 59.268 49.4004C59.322 48.5915 59.688 47.9302 60.318 47.4199C60.749 47.0707 61.247 46.8686 61.797 46.8217C63.065 46.7134 64.125 47.4079 64.605 48.4383C64.773 48.8005 64.857 49.1821 64.864 49.579C64.872 49.9949 64.866 50.4111 64.866 50.8272C64.866 50.8407 64.865 50.8542 64.863 50.8759Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_3_36" x1="67.324" y1="0.499996" x2="-13.9281" y2="28.2307" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint1_linear_3_36" x1="75.261" y1="39.9243" x2="43.737" y2="50.6834" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

19
website/src/img/new/feature-2-dark.svg Normal file
View File

@ -0,0 +1,19 @@
<svg width="77" height="68" viewBox="0 0 77 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.580078 33.9532C0.580078 15.2248 15.7624 0.0424805 34.4908 0.0424805C53.2188 0.0424805 68.4018 15.2248 68.4018 33.9532C68.4018 52.6815 53.2188 67.8638 34.4908 67.8638H0.580078V33.9532Z" fill="url(#paint0_linear_32_23)"/>
<path d="M45.8187 43.0302H21.8232C20.0212 43.0302 18.5605 41.5716 18.5605 39.7722V26.4674C18.5605 24.6681 20.0212 23.2095 21.8232 23.2095H45.8187C47.6207 23.2095 49.0817 24.6681 49.0817 26.4674V39.7722C49.0817 41.5716 47.6207 43.0302 45.8187 43.0302Z" stroke="white" stroke-miterlimit="10"/>
<path d="M18.5605 39.5845L25.3029 34.1143L31.308 38.5325L42.6858 27.3818L49.0068 32.6416" stroke="white" stroke-miterlimit="10"/>
<path d="M25.5388 30.512C26.5074 30.512 27.2925 29.728 27.2925 28.7609C27.2925 27.7938 26.5074 27.0098 25.5388 27.0098C24.5703 27.0098 23.7852 27.7938 23.7852 28.7609C23.7852 29.728 24.5703 30.512 25.5388 30.512Z" stroke="white" stroke-miterlimit="10"/>
<path d="M63.5727 65.2803C70.5628 65.2803 76.2294 59.6137 76.2294 52.6236C76.2294 45.6335 70.5628 39.9669 63.5727 39.9669C56.5826 39.9669 50.916 45.6335 50.916 52.6236C50.916 59.6137 56.5826 65.2803 63.5727 65.2803Z" fill="url(#paint1_linear_32_23)" stroke="#606C71"/>
<path d="M67.1797 56.8639V51.2198C66.7827 51.2201 66.3867 51.2208 65.9897 51.2208L59.2287 51.2209H59.1167V56.8639H67.1797Z" fill="#606C71"/>
<path d="M65.9438 50.4183C65.5448 50.4183 65.1548 50.4183 64.7508 50.4183C64.7508 50.3881 64.7508 50.359 64.7508 50.3298C64.7508 49.9442 64.7558 49.5586 64.7498 49.1731C64.7388 48.4798 64.4158 47.9784 63.7918 47.6846C62.8898 47.2603 61.7668 47.8323 61.5718 48.808C61.5488 48.9212 61.5388 49.0385 61.5378 49.154C61.5338 49.5451 61.5368 49.9363 61.5368 50.3274C61.5368 50.3547 61.5368 50.3821 61.5368 50.4151C61.1378 50.4151 60.7428 50.4151 60.3488 50.4151C60.3458 50.4082 60.3418 50.4034 60.3418 50.3987C60.3418 49.9132 60.3158 49.4261 60.3488 48.9428C60.4028 48.1339 60.7688 47.4726 61.3988 46.9622C61.8298 46.6131 62.3268 46.411 62.8768 46.3641C64.1458 46.2558 65.2058 46.9502 65.6858 47.9807C65.8538 48.3429 65.9378 48.7245 65.9448 49.1213C65.9528 49.5373 65.9468 49.9535 65.9468 50.3696C65.9468 50.3831 65.9458 50.3966 65.9438 50.4183Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_32_23" x1="67.4038" y1="0.0424831" x2="-13.848" y2="27.7732" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint1_linear_32_23" x1="76.3427" y1="39.4668" x2="44.8177" y2="50.2258" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

34
website/src/img/new/feature-2.svg Normal file
View File

@ -0,0 +1,34 @@
<svg width="77" height="69" viewBox="0 0 77 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_22)">
<path d="M1 34.1133C1 15.6611 15.9585 0.702637 34.4106 0.702637C52.8628 0.702637 67.8213 15.6611 67.8213 34.1133C67.8213 52.5655 52.8628 67.5239 34.4106 67.5239H1V34.1133Z" fill="url(#paint0_linear_3_22)" stroke="#606C71"/>
<g clip-path="url(#clip1_3_22)">
<path d="M44.7372 42.1903H20.7417C18.9398 42.1903 17.479 40.7317 17.479 38.9324V25.6276C17.479 23.8282 18.9398 22.3696 20.7417 22.3696H44.7372C46.5391 22.3696 47.9999 23.8282 47.9999 25.6276V38.9324C47.9999 40.7317 46.5391 42.1903 44.7372 42.1903Z" stroke="white" stroke-miterlimit="10"/>
<path d="M17.479 38.7447L24.2214 33.2745L30.2264 37.6927L41.6042 26.542L47.9252 31.8018" stroke="white" stroke-miterlimit="10"/>
<path d="M24.4563 29.6721C25.4248 29.6721 26.2099 28.8881 26.2099 27.921C26.2099 26.9539 25.4248 26.1699 24.4563 26.1699C23.4878 26.1699 22.7026 26.9539 22.7026 27.921C22.7026 28.8881 23.4878 29.6721 24.4563 29.6721Z" stroke="white" stroke-miterlimit="10"/>
</g>
</g>
<g clip-path="url(#clip2_3_22)">
<path d="M63.4917 66.4404C70.4818 66.4404 76.1484 60.7738 76.1484 53.7837C76.1484 46.7936 70.4818 41.127 63.4917 41.127C56.5016 41.127 50.835 46.7936 50.835 53.7837C50.835 60.7738 56.5016 66.4404 63.4917 66.4404Z" fill="url(#paint1_linear_3_22)" stroke="#606C71"/>
<path d="M67.0978 58.0241V52.3799C66.7014 52.3802 66.305 52.3809 65.9087 52.3809L59.1471 52.381H59.0356V58.0241H67.0978Z" fill="#606C71"/>
<path d="M65.8635 51.5785C65.4646 51.5785 65.0742 51.5785 64.6704 51.5785C64.6704 51.5483 64.6704 51.5192 64.6704 51.49C64.6704 51.1045 64.6753 50.7188 64.6693 50.3333C64.6586 49.64 64.3351 49.1386 63.7108 48.8448C62.8093 48.4205 61.686 48.9925 61.4912 49.9682C61.4686 50.0814 61.458 50.1987 61.4569 50.3142C61.4531 50.7053 61.4562 51.0965 61.4566 51.4876C61.4566 51.515 61.4566 51.5423 61.4566 51.5753C61.0569 51.5753 60.6624 51.5753 60.2686 51.5753C60.2654 51.5684 60.2613 51.5636 60.2613 51.5589C60.2613 51.0734 60.2353 50.5863 60.2678 50.103C60.3223 49.2941 60.6878 48.6328 61.3181 48.1225C61.7493 47.7733 62.2467 47.5712 62.7967 47.5243C64.0654 47.416 65.1249 48.1105 65.6047 49.1409C65.7733 49.5031 65.857 49.8847 65.8642 50.2816C65.8718 50.6975 65.8663 51.1137 65.8663 51.5298C65.8663 51.5433 65.8648 51.5568 65.8635 51.5785Z" fill="#606C71"/>
</g>
<defs>
<linearGradient id="paint0_linear_3_22" x1="67.3239" y1="0.202625" x2="-13.9281" y2="27.9333" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint1_linear_3_22" x1="76.2615" y1="40.627" x2="44.7371" y2="51.386" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
<clipPath id="clip0_3_22">
<rect width="69" height="69" fill="white"/>
</clipPath>
<clipPath id="clip1_3_22">
<rect width="33" height="22" fill="white" transform="translate(16 21)"/>
</clipPath>
<clipPath id="clip2_3_22">
<rect width="27" height="27" fill="white" transform="translate(50 40)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

30
website/src/img/new/feature-3-dark.svg Normal file
View File

@ -0,0 +1,30 @@
<svg width="78" height="72" viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.7187 70.4134C54.1664 70.4134 67.4999 57.0799 67.4999 40.6322C67.4999 24.1845 54.1664 10.851 37.7187 10.851C21.271 10.851 7.9375 24.1845 7.9375 40.6322C7.9375 57.0799 21.271 70.4134 37.7187 70.4134Z" stroke="url(#paint0_linear_35_36)" stroke-linecap="round" stroke-dasharray="3 4"/>
<path d="M37.6263 29.8034C45.8563 29.8034 52.528 23.1317 52.528 14.9017C52.528 6.67172 45.8563 0 37.6263 0C29.3963 0 22.7246 6.67172 22.7246 14.9017C22.7246 23.1317 29.3963 29.8034 37.6263 29.8034Z" fill="url(#paint1_linear_35_36)"/>
<path d="M37.5222 14.6884C39.1342 14.6884 40.441 13.3816 40.441 11.7697C40.441 10.1577 39.1342 8.85095 37.5222 8.85095C35.9103 8.85095 34.6035 10.1577 34.6035 11.7697C34.6035 13.3816 35.9103 14.6884 37.5222 14.6884Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.2886 20.018H31.6348C32.438 17.5681 34.7432 15.7988 37.4617 15.7988C40.1802 15.7988 42.4854 17.5681 43.2886 20.018Z" fill="white"/>
<path d="M14.9017 71.4933C23.1317 71.4933 29.8034 64.8216 29.8034 56.5916C29.8034 48.3616 23.1317 41.6899 14.9017 41.6899C6.67171 41.6899 0 48.3616 0 56.5916C0 64.8216 6.67171 71.4933 14.9017 71.4933Z" fill="url(#paint2_linear_35_36)"/>
<path d="M14.7996 56.3789C16.4115 56.3789 17.7183 55.0722 17.7183 53.4602C17.7183 51.8483 16.4115 50.5415 14.7996 50.5415C13.1876 50.5415 11.8809 51.8483 11.8809 53.4602C11.8809 55.0722 13.1876 56.3789 14.7996 56.3789Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5659 61.7084H8.91211C9.71531 59.2585 12.0206 57.4892 14.739 57.4892C17.4575 57.4892 19.7627 59.2585 20.5659 61.7084Z" fill="white"/>
<path d="M62.191 71.4933C70.421 71.4933 77.0927 64.8216 77.0927 56.5916C77.0927 48.3616 70.421 41.6899 62.191 41.6899C53.961 41.6899 47.2893 48.3616 47.2893 56.5916C47.2893 64.8216 53.961 71.4933 62.191 71.4933Z" fill="url(#paint3_linear_35_36)"/>
<path d="M62.0889 56.3789C63.7008 56.3789 65.0076 55.0722 65.0076 53.4602C65.0076 51.8483 63.7008 50.5415 62.0889 50.5415C60.4769 50.5415 59.1702 51.8483 59.1702 53.4602C59.1702 55.0722 60.4769 56.3789 62.0889 56.3789Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.8549 61.7084H56.2009C57.0039 59.2585 59.3099 57.4892 62.0279 57.4892C64.7469 57.4892 67.0519 59.2585 67.8549 61.7084Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_35_36" x1="66.6239" y1="10.851" x2="-4.7336" y2="35.2048" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint1_linear_35_36" x1="52.0898" y1="-9.91215e-05" x2="16.3842" y2="12.1859" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint2_linear_35_36" x1="29.3652" y1="41.6899" x2="-6.3403" y2="53.8759" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint3_linear_35_36" x1="76.654" y1="41.6899" x2="40.9489" y2="53.8759" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

35
website/src/img/new/feature-3.svg Normal file
View File

@ -0,0 +1,35 @@
<svg width="78" height="72" viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_37)">
<path d="M38.3789 70.8075C54.8266 70.8075 68.1601 57.474 68.1601 41.0263C68.1601 24.5786 54.8266 11.2451 38.3789 11.2451C21.9312 11.2451 8.59769 24.5786 8.59769 41.0263C8.59769 57.474 21.9312 70.8075 38.3789 70.8075Z" stroke="url(#paint0_linear_3_37)" stroke-linecap="round" stroke-dasharray="3 4"/>
<path d="M38.286 29.6975C46.2398 29.6975 52.6877 23.2496 52.6877 15.2958C52.6877 7.34196 46.2398 0.894104 38.286 0.894104C30.3322 0.894104 23.8843 7.34196 23.8843 15.2958C23.8843 23.2496 30.3322 29.6975 38.286 29.6975Z" fill="url(#paint1_linear_3_37)" stroke="#606C71"/>
<path d="M38.1819 15.0825C39.7939 15.0825 41.1006 13.7757 41.1006 12.1638C41.1006 10.5518 39.7939 9.24506 38.1819 9.24506C36.5699 9.24506 35.2632 10.5518 35.2632 12.1638C35.2632 13.7757 36.5699 15.0825 38.1819 15.0825Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2954 20.4122H43.9493C43.1461 17.9622 40.8408 16.1929 38.1223 16.1929C35.4038 16.1929 33.0986 17.9622 32.2954 20.4122Z" fill="white"/>
<path d="M15.5624 71.3874C23.5162 71.3874 29.9641 64.9395 29.9641 56.9857C29.9641 49.0318 23.5162 42.584 15.5624 42.584C7.60857 42.584 1.16071 49.0318 1.16071 56.9857C1.16071 64.9395 7.60857 71.3874 15.5624 71.3874Z" fill="url(#paint2_linear_3_37)" stroke="#606C71"/>
<path d="M15.4583 56.773C17.0703 56.773 18.377 55.4663 18.377 53.8543C18.377 52.2424 17.0703 50.9356 15.4583 50.9356C13.8463 50.9356 12.5396 52.2424 12.5396 53.8543C12.5396 55.4663 13.8463 56.773 15.4583 56.773Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.57178 62.1026H21.2256C20.4224 59.6527 18.1172 57.8833 15.3987 57.8833C12.6802 57.8833 10.375 59.6527 9.57178 62.1026Z" fill="white"/>
<path d="M62.851 71.3874C70.8049 71.3874 77.2527 64.9395 77.2527 56.9857C77.2527 49.0318 70.8049 42.584 62.851 42.584C54.8972 42.584 48.4493 49.0318 48.4493 56.9857C48.4493 64.9395 54.8972 71.3874 62.851 71.3874Z" fill="url(#paint3_linear_3_37)" stroke="#606C71"/>
<path d="M62.7468 56.773C64.3587 56.773 65.6655 55.4663 65.6655 53.8543C65.6655 52.2424 64.3587 50.9356 62.7468 50.9356C61.1348 50.9356 59.8281 52.2424 59.8281 53.8543C59.8281 55.4663 61.1348 56.773 62.7468 56.773Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.8604 62.1026H68.5142C67.711 59.6527 65.4058 57.8833 62.6873 57.8833C59.9688 57.8833 57.6636 59.6527 56.8604 62.1026Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_3_37" x1="67.2842" y1="11.2451" x2="-4.07348" y2="35.5989" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint1_linear_3_37" x1="52.7495" y1="0.394041" x2="17.044" y2="12.58" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint2_linear_3_37" x1="30.0258" y1="42.084" x2="-5.67964" y2="54.27" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<linearGradient id="paint3_linear_3_37" x1="77.3144" y1="42.084" x2="41.6089" y2="54.27" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
<clipPath id="clip0_3_37">
<rect width="78" height="72" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

18
website/src/img/new/feature-4-dark.svg Normal file
View File

@ -0,0 +1,18 @@
<svg width="77" height="68" viewBox="0 0 77 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 33.9107C0 15.1823 15.1823 0 33.9107 0C52.6387 0 67.8217 15.1823 67.8217 33.9107C67.8217 52.639 52.6387 67.8213 33.9107 67.8213H0V33.9107Z" fill="url(#paint0_linear_36_45)"/>
<path d="M42.6486 31.9633C42.6486 31.4844 42.2616 31.0962 41.7847 31.0962C41.3077 31.0962 40.921 31.4844 40.921 31.9633C40.921 36.2731 37.4411 39.7669 33.1483 39.7669C28.8555 39.7669 25.3757 36.2731 25.3757 31.9633C25.3757 31.4844 24.989 31.0962 24.512 31.0962C24.035 31.0962 23.6484 31.4844 23.6484 31.9633C23.6548 36.8914 27.3967 41.0047 32.2848 41.4568V43.2351H27.9666C27.4896 43.2351 27.1029 43.6234 27.1029 44.1022C27.1029 44.5811 27.4896 44.9693 27.9666 44.9693H38.3302C38.8072 44.9693 39.1939 44.5811 39.1939 44.1022C39.1939 43.6234 38.8072 43.2351 38.3302 43.2351H34.012V41.4568C38.9 41.0047 42.6416 36.8914 42.6486 31.9633Z" fill="white"/>
<path d="M33.149 38.0327C36.4862 38.0289 39.1907 35.3137 39.1944 31.9633V26.7609C39.1945 23.4088 36.4878 20.6914 33.149 20.6914C29.8102 20.6914 27.1035 23.4088 27.1035 26.7609V31.9632C27.1074 35.3137 29.8118 38.0289 33.149 38.0327ZM28.8308 26.7609C28.8308 24.3665 30.7641 22.4255 33.149 22.4255C35.5339 22.4255 37.4672 24.3665 37.4672 26.7609V31.9632C37.4672 34.3575 35.5339 36.2985 33.149 36.2985C30.7641 36.2985 28.8308 34.3575 28.8308 31.9632V26.7609Z" fill="white"/>
<path d="M62.9907 65.2378C69.9808 65.2378 75.6474 59.5712 75.6474 52.5811C75.6474 45.591 69.9808 39.9244 62.9907 39.9244C56.0006 39.9244 50.334 45.591 50.334 52.5811C50.334 59.5712 56.0006 65.2378 62.9907 65.2378Z" fill="url(#paint1_linear_36_45)" stroke="#606C71"/>
<path d="M66.5977 56.8214V51.1773C66.2007 51.1776 65.8047 51.1783 65.4077 51.1783L58.6467 51.1784H58.5347V56.8214H66.5977Z" fill="#606C71"/>
<path d="M65.3617 50.3759C64.9627 50.3759 64.5727 50.3759 64.1687 50.3759C64.1687 50.3457 64.1687 50.3166 64.1687 50.2874C64.1687 49.9018 64.1737 49.5162 64.1677 49.1307C64.1567 48.4374 63.8337 47.936 63.2097 47.6422C62.3077 47.2179 61.1847 47.7899 60.9897 48.7656C60.9667 48.8788 60.9567 48.9961 60.9557 49.1116C60.9517 49.5027 60.9547 49.8939 60.9547 50.285C60.9547 50.3123 60.9547 50.3397 60.9547 50.3727C60.5557 50.3727 60.1607 50.3727 59.7667 50.3727C59.7637 50.3658 59.7597 50.361 59.7597 50.3563C59.7597 49.8708 59.7337 49.3837 59.7667 48.9004C59.8207 48.0915 60.1867 47.4302 60.8167 46.9198C61.2477 46.5707 61.7457 46.3686 62.2957 46.3217C63.5637 46.2134 64.6237 46.9078 65.1037 47.9383C65.2717 48.3005 65.3557 48.6821 65.3627 49.0789C65.3707 49.4949 65.3647 49.9111 65.3647 50.3272C65.3647 50.3407 65.3637 50.3542 65.3617 50.3759Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_36_45" x1="66.8237" y1="2.61784e-06" x2="-14.4281" y2="27.7307" gradientUnits="userSpaceOnUse">
<stop stop-color="#CD5CAE"/>
<stop offset="1" stop-color="#FF3685"/>
</linearGradient>
<linearGradient id="paint1_linear_36_45" x1="75.7607" y1="39.4243" x2="44.2357" y2="50.1833" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

18
website/src/img/new/feature-4.svg Normal file
View File

@ -0,0 +1,18 @@
<svg width="77" height="69" viewBox="0 0 77 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 34.4107C1 15.9585 15.9585 1 34.4106 1C52.863 1 67.821 15.9585 67.821 34.4107C67.821 52.8629 52.863 67.8213 34.4106 67.8213H1V34.4107Z" fill="url(#paint0_linear_4_59)" stroke="#606C71"/>
<path d="M43.148 32.4633C43.148 31.9845 42.7617 31.5962 42.2848 31.5962C41.8078 31.5962 41.4211 31.9845 41.4211 32.4633C41.4211 36.7731 37.9412 40.2669 33.6484 40.2669C29.3556 40.2669 25.8757 36.7731 25.8757 32.4633C25.8757 31.9845 25.4891 31.5962 25.0121 31.5962C24.5351 31.5962 24.1484 31.9845 24.1484 32.4633C24.1549 37.3915 27.8968 41.5047 32.7849 41.9568V43.7352H28.4666C27.9897 43.7352 27.603 44.1234 27.603 44.6022C27.603 45.0811 27.9897 45.4693 28.4666 45.4693H38.8303C39.3073 45.4693 39.694 45.0811 39.694 44.6022C39.694 44.1234 39.3073 43.7352 38.8303 43.7352H34.5121V41.9568C39.4001 41.5047 43.142 37.3915 43.148 32.4633Z" fill="white"/>
<path d="M33.6485 38.5327C36.9857 38.5289 39.6902 35.8137 39.6939 32.4633V27.2609C39.694 23.9088 36.9873 21.1914 33.6485 21.1914C30.3097 21.1914 27.603 23.9088 27.603 27.2609V32.4632C27.6069 35.8137 30.3113 38.5289 33.6485 38.5327ZM29.3303 27.2609C29.3303 24.8665 31.2636 22.9255 33.6485 22.9255C36.0334 22.9255 37.9667 24.8665 37.9667 27.2609V32.4632C37.9667 34.8576 36.0334 36.7986 33.6485 36.7986C31.2636 36.7986 29.3303 34.8576 29.3303 32.4632V27.2609Z" fill="white"/>
<path d="M63.492 65.7378C70.4821 65.7378 76.1487 60.0712 76.1487 53.0811C76.1487 46.091 70.4821 40.4244 63.492 40.4244C56.5019 40.4244 50.8353 46.091 50.8353 53.0811C50.8353 60.0712 56.5019 65.7378 63.492 65.7378Z" fill="url(#paint1_linear_4_59)" stroke="#606C71"/>
<path d="M67.098 57.3215V51.6773C66.701 51.6776 66.305 51.6783 65.908 51.6783L59.147 51.6784H59.035V57.3215H67.098Z" fill="#606C71"/>
<path d="M65.8629 50.8759C65.4639 50.8759 65.0739 50.8759 64.6699 50.8759C64.6699 50.8457 64.6699 50.8166 64.6699 50.7874C64.6699 50.4019 64.6749 50.0162 64.6689 49.6307C64.6579 48.9374 64.3349 48.436 63.7099 48.1422C62.8089 47.7179 61.6849 48.2899 61.4909 49.2656C61.4679 49.3788 61.4579 49.4961 61.4559 49.6116C61.4529 50.0027 61.4559 50.3939 61.4559 50.785C61.4559 50.8124 61.4559 50.8397 61.4559 50.8727C61.0559 50.8727 60.6619 50.8727 60.2679 50.8727C60.2649 50.8658 60.2609 50.861 60.2609 50.8563C60.2609 50.3708 60.2349 49.8837 60.2669 49.4004C60.3219 48.5915 60.6869 47.9302 61.3179 47.4199C61.7489 47.0707 62.2459 46.8686 62.7959 46.8217C64.0649 46.7134 65.1239 47.4079 65.6039 48.4383C65.7729 48.8005 65.8569 49.1821 65.8639 49.579C65.8709 49.9949 65.8659 50.4111 65.8659 50.8272C65.8659 50.8407 65.8639 50.8542 65.8629 50.8759Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_4_59" x1="67.324" y1="0.499996" x2="-13.9281" y2="28.2307" gradientUnits="userSpaceOnUse">
<stop stop-color="#CD5CAE"/>
<stop offset="1" stop-color="#FF3685"/>
</linearGradient>
<linearGradient id="paint1_linear_4_59" x1="76.261" y1="39.9243" x2="44.737" y2="50.6834" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

15
website/src/img/new/feature-5-dark.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="86" height="74" viewBox="0 0 86 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.0039 36.8403C24.0039 23.7458 34.6191 13.1306 47.7136 13.1306C60.8086 13.1306 71.4236 23.7458 71.4236 36.8403C71.4236 49.9348 60.8086 60.5501 47.7136 60.5501H24.0039V36.8403Z" fill="url(#paint0_linear_36_55)"/>
<path d="M1 36.8577H15.1075" stroke="#70F0F9" stroke-linecap="round"/>
<path d="M78.2466 36.8577H85.4456" stroke="#70F0F9" stroke-linecap="round"/>
<path d="M18.5078 11.9348L23.6958 17.1228" stroke="#70F0F9" stroke-linecap="round"/>
<path d="M68.3416 61.7693L77.3536 70.7813" stroke="#70F0F9" stroke-linecap="round"/>
<path d="M71.2596 1L65.1426 12.262" stroke="#70F0F9" stroke-linecap="round"/>
<path d="M33.613 66.9501L30.7334 72.6034" stroke="#70F0F9" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_36_55" x1="70.7256" y1="13.1306" x2="13.9161" y2="32.5194" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

15
website/src/img/new/feature-5.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="87" height="74" viewBox="0 0 87 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 36.9124C25 24.094 35.3913 13.7026 48.2097 13.7026C61.028 13.7026 71.419 24.094 71.419 36.9124C71.419 49.7307 61.028 60.1221 48.2097 60.1221H25V36.9124Z" fill="url(#paint0_linear_5_20)" stroke="#606C71"/>
<path d="M1.49463 36.9297H15.6021" stroke="#606C71" stroke-linecap="round"/>
<path d="M78.742 36.9297H85.941" stroke="#606C71" stroke-linecap="round"/>
<path d="M19.0025 12.0068L24.1905 17.1949" stroke="#606C71" stroke-linecap="round"/>
<path d="M68.837 61.8413L77.849 70.8533" stroke="#606C71" stroke-linecap="round"/>
<path d="M71.753 1.07208L65.637 12.334" stroke="#606C71" stroke-linecap="round"/>
<path d="M34.1078 67.0221L31.2281 72.6755" stroke="#606C71" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_5_20" x1="71.222" y1="13.2026" x2="14.4121" y2="32.5914" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

15
website/src/img/new/feature-6-dark.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="100" height="61" viewBox="0 0 100 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M98.54 27.9066C98.235 27.7506 97.868 27.7771 97.588 27.9753L84.347 37.369V28.7158C84.347 25.9154 82.054 23.6372 79.234 23.6372H56.1504C53.3309 23.6372 51.0371 25.9154 51.0371 28.7158V49.5587C51.0371 52.359 53.3309 54.6373 56.1504 54.6373H79.234C82.054 54.6373 84.347 52.359 84.347 49.5587V40.9055L97.589 50.2992C97.747 50.4115 97.934 50.4687 98.121 50.4687C98.264 50.4687 98.408 50.4354 98.54 50.3679C98.845 50.2118 99.037 49.8996 99.037 49.5587V28.7158C99.037 28.3749 98.845 28.0626 98.54 27.9066Z" fill="url(#paint0_linear_36_61)"/>
<path d="M32.2083 53.0568L26.0641 47.1277C25.0415 46.14 23.9257 45.9749 22.8306 46.6149C19.7567 48.4057 18.2642 47.4806 18.0262 47.3019C16.6296 46.2575 15.3105 45.2718 13.4645 42.6184C11.1735 39.321 10.4763 37.3488 10.0009 35.7581C9.81119 35.1218 9.80799 33.0928 12.0388 31.3645C13.0817 30.5578 13.3595 29.3927 12.8209 28.0862C12.4061 27.0793 12.4061 27.0793 12.0721 26.3339C11.743 25.5975 11.0853 24.1263 9.3599 20.191C8.987 19.3417 8.33879 18.8469 7.37859 18.6804C6.28969 18.4917 5.64449 18.9598 5.12499 19.3356L2.42259 21.2935C0.509294 22.679 0.220096 23.6131 0.0412955 24.6877C-0.183704 26.0406 0.263192 35.1911 7.81689 46.0167C15.3357 56.871 23.6408 60.3212 24.9652 60.5508L25.016 60.5596C26.0621 60.7247 27.0126 60.7447 28.8981 59.3779L31.6005 57.42C32.1202 57.0441 32.766 56.5762 32.9509 55.4646C33.1143 54.4836 32.8705 53.6956 32.2083 53.0568Z" fill="url(#paint1_linear_36_61)"/>
<path d="M37.6038 7.6113H41.7757V8.5312H36.5198V0H37.6038V7.6113ZM43.4663 0H48.6225V0.9433H46.5776V7.5937H48.6225V8.5312H43.4663V7.5937H45.4643V0.9433H43.4663V0ZM53.108 6.7851L55.1236 0H56.2779L53.5884 8.5312H52.6451L49.9498 0H51.1099L53.108 6.7851ZM62.334 4.5879H58.771V7.6113H62.925V8.5312H57.6872V0H62.873V0.9258H58.771V3.668H62.334V4.5879Z" fill="#70F0F9"/>
<defs>
<linearGradient id="paint0_linear_36_61" x1="98.331" y1="23.6372" x2="48.1431" y2="50.1592" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint1_linear_36_61" x1="32.5147" y1="18.6372" x2="-8.6642" y2="29.6796" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

16
website/src/img/new/feature-6.svg Normal file
View File

@ -0,0 +1,16 @@
<svg width="101" height="62" viewBox="0 0 101 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M98.8761 28.7459V28.7458C99.0031 28.6556 99.1711 28.6432 99.3111 28.7146C99.4501 28.7857 99.536 28.9268 99.536 29.0786C99.536 29.0786 99.536 29.0786 99.536 29.0787V49.9215C99.536 50.0732 99.4501 50.2142 99.3111 50.2854C99.2511 50.3162 99.185 50.3315 99.12 50.3315C99.034 50.3315 98.9481 50.3053 98.8761 50.2542V50.2541L85.635 40.8605L84.846 40.3006V41.2683V49.9215C84.846 52.4425 82.779 54.5001 80.233 54.5001H57.1489C54.6024 54.5001 52.5356 52.4425 52.5356 49.9215V29.0786C52.5356 26.5576 54.6024 24.5 57.1489 24.5H80.233C82.779 24.5 84.846 26.5576 84.846 29.0786V37.7318V38.6996L85.635 38.1396L98.8761 28.7459Z" fill="url(#paint0_linear_5_21)" stroke="#3F484B"/>
<path d="M32.8611 53.7794L26.7169 47.8503L26.7167 47.8501C26.26 47.409 25.8155 47.1829 25.3975 47.1178C24.9843 47.0534 24.5468 47.1383 24.0829 47.4094L24.0823 47.4098C22.4822 48.342 21.2476 48.5935 20.346 48.5594C19.4435 48.5253 18.9149 48.2063 18.7263 48.0648C17.3082 47.0043 15.9426 45.9813 14.0541 43.2668L14.0539 43.2665C11.7294 39.921 11.0107 37.8998 10.5218 36.264L10.5217 36.2637C10.274 35.4328 10.3359 33.1889 12.7326 31.3321L12.7329 31.3318C13.1762 30.9889 13.4339 30.5899 13.5366 30.1595C13.64 29.7261 13.5964 29.2163 13.3587 28.6395H13.3586C13.122 28.0652 13.0215 27.8211 12.9167 27.5789C12.8383 27.3977 12.7576 27.2176 12.6158 26.9012L12.6156 26.9007L12.6049 26.8767C12.2718 26.1313 11.6093 24.6487 9.90199 20.7546M32.8611 53.7794L8.2932 19.5359ZM32.8611 53.7794C33.3943 54.2938 33.5965 54.9117 33.4577 55.7453V55.7454C33.3077 56.6475 32.8115 57.0131 32.3075 57.3776L32.3072 57.3779L29.6048 59.3358L29.6047 59.3359C28.6924 59.9972 28.0435 60.2953 27.5254 60.4199C27.0171 60.5421 26.5952 60.5075 26.0977 60.4291L26.1015 60.4297L26.016 60.9224M32.8611 53.7794L26.094 60.4285ZM9.90199 20.7546L10.3599 20.5538ZM9.90199 20.7546C9.90199 20.7546 9.90209 20.7547 9.90209 20.7548L10.3599 20.5538M9.90199 20.7546C9.60029 20.0677 9.0978 19.6754 8.2932 19.5359ZM10.3599 20.5538C9.987 19.7045 9.33879 19.2097 8.37859 19.0432C7.29129 18.8548 6.64649 19.3212 6.12729 19.6967L6.12499 19.6984M10.3599 20.5538L6.41809 20.1034ZM8.2932 19.5359C7.4212 19.3847 6.92569 19.7363 6.41809 20.1034ZM8.2932 19.5359L6.41809 20.1034ZM6.41809 20.1034L6.41829 20.1033L6.12499 19.6984M6.12499 19.6984L6.41799 20.1035ZM6.12499 19.6984L3.42259 21.6563C1.50929 23.0418 1.2201 23.9759 1.0413 25.0505M6.41799 20.1035L33.2083 53.4196C33.8705 54.0584 34.1143 54.8464 33.9509 55.8274C33.766 56.939 33.1202 57.4069 32.6005 57.7828L29.8981 59.7407C28.0126 61.1075 27.0621 61.0875 26.016 60.9224M6.41799 20.1035L3.71589 22.0612ZM6.41799 20.1035L3.71589 22.0612ZM1.0413 25.0505C0.816296 26.4034 1.26319 35.554 8.81689 46.3795C16.3357 57.2338 24.6408 60.684 25.9652 60.9136L26.016 60.9224M1.0413 25.0505L1.53449 25.1326ZM1.0413 25.0505L1.53449 25.1326ZM26.016 60.9224L26.094 60.4285ZM26.094 60.4285L26.0507 60.4209H26.0506C25.7909 60.3759 25.0749 60.1427 24.0027 59.6224C22.9452 59.1091 21.5714 58.331 20.0025 57.2225C16.8654 55.006 12.9519 51.4709 9.2279 46.0948L9.22689 46.0934C5.48559 40.7316 3.50879 35.7911 2.49479 32.0325C1.98769 30.1529 1.72179 28.5699 1.59629 27.3792C1.46919 26.173 1.48969 25.4022 1.53449 25.1326L26.094 60.4285ZM1.53449 25.1326C1.61999 24.6188 1.72369 24.1918 2.00699 23.7326C2.29469 23.2664 2.7902 22.7316 3.7158 22.0613L3.71589 22.0612M1.53449 25.1326L3.71589 22.0612Z" fill="url(#paint1_linear_5_21)"/>
<path d="M32.8611 53.7794L26.7169 47.8503L26.7167 47.8501C26.26 47.409 25.8155 47.1829 25.3975 47.1178C24.9843 47.0534 24.5468 47.1383 24.0829 47.4094L24.0823 47.4098C22.4822 48.342 21.2476 48.5935 20.346 48.5594C19.4435 48.5253 18.9149 48.2063 18.7263 48.0648C17.3082 47.0043 15.9426 45.9813 14.0541 43.2668L14.0539 43.2665C11.7294 39.921 11.0107 37.8998 10.5218 36.264L10.5217 36.2637C10.274 35.4328 10.3359 33.1889 12.7326 31.3321L12.7329 31.3318C13.1762 30.9889 13.4339 30.5899 13.5366 30.1595C13.64 29.7261 13.5964 29.2163 13.3587 28.6395H13.3586C13.122 28.0652 13.0215 27.8211 12.9167 27.5789C12.8383 27.3977 12.7576 27.2176 12.6158 26.9012L12.6156 26.9007L12.6049 26.8767C12.2718 26.1313 11.6093 24.6487 9.90199 20.7546M32.8611 53.7794L8.2932 19.5359M32.8611 53.7794C33.3943 54.2938 33.5965 54.9117 33.4577 55.7453V55.7454C33.3077 56.6475 32.8115 57.0131 32.3075 57.3776L32.3072 57.3779L29.6048 59.3358L29.6047 59.3359C28.6924 59.9972 28.0435 60.2953 27.5254 60.4199C27.0171 60.5421 26.5952 60.5075 26.0977 60.4291L26.1015 60.4297L26.016 60.9224M32.8611 53.7794L26.094 60.4285M9.90199 20.7546L10.3599 20.5538M9.90199 20.7546C9.90199 20.7546 9.90209 20.7547 9.90209 20.7548L10.3599 20.5538M9.90199 20.7546C9.60029 20.0677 9.0978 19.6754 8.2932 19.5359M10.3599 20.5538C9.987 19.7045 9.33879 19.2097 8.37859 19.0432C7.29129 18.8548 6.64649 19.3212 6.12729 19.6967L6.12499 19.6984M10.3599 20.5538L6.41809 20.1034M8.2932 19.5359C7.4212 19.3847 6.92569 19.7363 6.41809 20.1034M8.2932 19.5359L6.41809 20.1034M6.41809 20.1034L6.41829 20.1033L6.12499 19.6984M6.12499 19.6984L6.41799 20.1035M6.12499 19.6984L3.42259 21.6563C1.50929 23.0418 1.2201 23.9759 1.0413 25.0505M6.41799 20.1035L33.2083 53.4196C33.8705 54.0584 34.1143 54.8464 33.9509 55.8274C33.766 56.939 33.1202 57.4069 32.6005 57.7828L29.8981 59.7407C28.0126 61.1075 27.0621 61.0875 26.016 60.9224M6.41799 20.1035L3.71589 22.0612M6.41799 20.1035L3.71589 22.0612M1.0413 25.0505C0.816296 26.4034 1.26319 35.554 8.81689 46.3795C16.3357 57.2338 24.6408 60.684 25.9652 60.9136L26.016 60.9224M1.0413 25.0505L1.53449 25.1326M1.0413 25.0505L1.53449 25.1326M26.016 60.9224L26.094 60.4285M1.53449 25.1326C1.61999 24.6188 1.72369 24.1918 2.00699 23.7326C2.29469 23.2664 2.7902 22.7316 3.7158 22.0613L3.71589 22.0612M1.53449 25.1326L3.71589 22.0612M26.094 60.4285L26.0507 60.4209H26.0506C25.7909 60.3759 25.0749 60.1427 24.0027 59.6224C22.9452 59.1091 21.5714 58.331 20.0025 57.2225C16.8654 55.006 12.9519 51.4709 9.2279 46.0948L9.22689 46.0934C5.48559 40.7316 3.50879 35.7911 2.49479 32.0325C1.98769 30.1529 1.72179 28.5699 1.59629 27.3792C1.46919 26.173 1.48969 25.4022 1.53449 25.1326L26.094 60.4285Z" stroke="#3F484B"/>
<path d="M38.6029 7.97409H42.7747V8.89399H37.5189V0.362793H38.6029V7.97409ZM44.4653 0.362793H49.6215V1.30619H47.5766V7.95649H49.6215V8.89399H44.4653V7.95649H46.4633V1.30619H44.4653V0.362793ZM54.107 7.14789L56.1226 0.362793H57.2769L54.5875 8.89399H53.6441L50.9488 0.362793H52.1089L54.107 7.14789ZM63.333 4.95069H59.7702V7.97409H63.924V8.89399H58.6862V0.362793H63.872V1.28859H59.7702V4.03079H63.333V4.95069Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_5_21" x1="99.33" y1="24" x2="49.1416" y2="50.522" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint1_linear_5_21" x1="33.5147" y1="19" x2="-7.6642" y2="30.0424" gradientUnits="userSpaceOnUse">
<stop stop-color="#9B90FB"/>
<stop offset="1" stop-color="#6654CF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

26
website/src/img/new/feature-7-dark.svg Normal file
View File

@ -0,0 +1,26 @@
<svg width="38" height="75" viewBox="0 0 38 75" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.5363 1H5.81929C3.15767 1 1 3.15767 1 5.81929V68.7227C1 71.3843 3.15767 73.542 5.81929 73.542H32.5363C35.1979 73.542 37.3556 71.3843 37.3556 68.7227V5.81929C37.3556 3.15767 35.1979 1 32.5363 1Z" stroke="#70F0F9" stroke-width="1.07095"/>
<path d="M30.6827 7.53711H7.6714C6.19273 7.53711 4.99402 8.73581 4.99402 10.2145V66.7763C4.99402 68.255 6.19273 69.4537 7.6714 69.4537H30.6827C32.1614 69.4537 33.3601 68.255 33.3601 66.7763V10.2145C33.3601 8.73581 32.1614 7.53711 30.6827 7.53711Z" stroke="#70F0F9" stroke-width="1.07095"/>
<mask id="mask0_36_90" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="23" width="23" height="26">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.19515 28.0678C8.19495 28.0595 8.19495 28.0512 8.19495 28.0428C8.19495 25.4149 13.853 23.9967 19.1767 23.9967C24.4896 23.9967 30.1351 25.4091 30.1581 28.0271C30.1581 28.0324 30.1581 28.0377 30.1581 28.0431V44.4983C30.1581 45.7016 28.9812 46.7348 26.7539 47.4862C24.7316 48.1685 22.0406 48.5443 19.1768 48.5443C16.313 48.5443 13.622 48.1685 11.5995 47.4862C9.37245 46.7347 8.19515 45.7015 8.19515 44.4982V28.0678Z" fill="white"/>
</mask>
<g mask="url(#mask0_36_90)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.19515 28.0678C8.19495 28.0595 8.19495 28.0512 8.19495 28.0428C8.19495 25.4149 13.853 23.9967 19.1767 23.9967C24.4896 23.9967 30.1351 25.4091 30.1581 28.0271C30.1581 28.0324 30.1581 28.0377 30.1581 28.0431V44.4983C30.1581 45.7016 28.9812 46.7348 26.7539 47.4862C24.7316 48.1685 22.0406 48.5443 19.1768 48.5443C16.313 48.5443 13.622 48.1685 11.5995 47.4862C9.37245 46.7347 8.19515 45.7015 8.19515 44.4982V28.0678Z" fill="url(#paint0_linear_36_90)"/>
<path d="M8.19514 28.0678H8.84673L8.84663 28.0589L8.19514 28.0678ZM30.1581 28.0271L29.5061 28.0327L29.5071 28.0467L30.1581 28.0271ZM26.7538 47.4862L26.9621 48.1036L26.7538 47.4862ZM11.5995 47.4862L11.3912 48.1036L11.5995 47.4862ZM8.84663 28.0589C8.84653 28.0536 8.84653 28.0482 8.84653 28.0428H7.54333C7.54333 28.0541 7.54343 28.0654 7.54353 28.0767L8.84663 28.0589ZM8.84653 28.0428C8.84653 27.6474 9.05254 27.234 9.57504 26.8061C10.1019 26.3746 10.8916 25.9821 11.8927 25.6533C13.8889 24.9978 16.5617 24.6483 19.1766 24.6483V23.3451C16.4678 23.3451 13.6498 23.7047 11.4861 24.4152C10.4072 24.7695 9.44964 25.2243 8.74934 25.7978C8.04464 26.375 7.54333 27.1243 7.54333 28.0428H8.84653ZM19.1766 24.6483C21.7861 24.6483 24.4535 24.9964 26.4485 25.6494C27.4489 25.9769 28.2395 26.368 28.7691 26.7984C29.2941 27.2256 29.5031 27.6387 29.5061 28.0327L30.8101 28.0215C30.8021 27.1065 30.2971 26.3613 29.5911 25.7874C28.8891 25.2166 27.932 24.7638 26.8539 24.4109C24.692 23.7032 21.8799 23.3451 19.1766 23.3451V24.6483ZM29.5071 28.0467C29.5071 28.0454 29.5071 28.0442 29.5071 28.0431H30.8101C30.8101 28.0312 30.8101 28.0194 30.8091 28.0075L29.5071 28.0467ZM29.5071 28.0431V44.4983H30.8101V28.0431H29.5071ZM29.5071 44.4983C29.5071 44.8621 29.3361 45.2555 28.8611 45.672C28.3782 46.0962 27.6159 46.5077 26.5455 46.8689L26.9621 48.1036C28.119 47.7133 29.0591 47.2325 29.7211 46.6514C30.3921 46.0627 30.8101 45.3378 30.8101 44.4983H29.5071ZM26.5455 46.8689C24.6089 47.5223 21.9923 47.8927 19.1767 47.8927V49.1959C22.0887 49.1959 24.8542 48.8148 26.9621 48.1036L26.5455 46.8689ZM19.1767 47.8927C16.3611 47.8927 13.7447 47.5223 11.8078 46.8688L11.3912 48.1036C13.4993 48.8148 16.2647 49.1959 19.1767 49.1959V47.8927ZM11.8078 46.8688C10.7375 46.5076 9.97534 46.0961 9.49194 45.6719C9.01734 45.2554 8.84663 44.862 8.84663 44.4982H7.54353C7.54353 45.3377 7.96143 46.0626 8.63233 46.6514C9.29443 47.2324 10.2344 47.7132 11.3912 48.1036L11.8078 46.8688ZM8.84663 44.4982V28.0678H7.54353V44.4982H8.84663Z" fill="#70F0F9"/>
<path d="M19.17 32.1759C13.9566 32.1759 8.41565 30.7871 8.41565 28.2135C8.41565 25.6399 13.9566 24.2511 19.17 24.2511C24.3835 24.2511 29.9241 25.6398 29.9241 28.2135C29.9241 30.7872 24.3835 32.1759 19.17 32.1759Z" stroke="#70F0F9" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M8.41565 36.2706C8.41565 37.4491 9.56855 38.4609 11.7497 39.1968C13.7302 39.8651 16.3656 40.2331 19.1701 40.2331C21.9746 40.2331 24.6098 39.8651 26.5904 39.1968C28.7711 38.4609 29.9241 37.4491 29.9241 36.2706" stroke="#70F0F9" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M29.9241 28.2135V44.3282C29.9241 45.5067 28.7711 46.5185 26.5903 47.2544C24.6098 47.9227 21.9746 48.2907 19.17 48.2907C16.3655 48.2907 13.7302 47.9227 11.7496 47.2544C9.56855 46.5184 8.41565 45.5066 8.41565 44.3282V28.2135" stroke="#70F0F9" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M31.4831 31.3155C35.5424 31.3155 38.8331 28.0248 38.8331 23.9655C38.8331 19.9062 35.5424 16.6155 31.4831 16.6155C27.4239 16.6155 24.1332 19.9062 24.1332 23.9655C24.1332 28.0248 27.4239 31.3155 31.4831 31.3155Z" fill="url(#paint1_linear_36_90)" stroke="#606C71" stroke-width="0.689702"/>
<path d="M34.2631 26.8895V22.9967C33.9901 22.997 33.7161 22.9974 33.4431 22.9974L28.7791 22.9975H28.7031V26.8895H34.2631Z" fill="#606C71"/>
</g>
<defs>
<linearGradient id="paint0_linear_36_90" x1="29.8351" y1="23.9967" x2="2.96334" y2="32.2025" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint1_linear_36_90" x1="38.9522" y1="16.2706" x2="20.5147" y2="22.5631" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

29
website/src/img/new/feature-7.svg Normal file
View File

@ -0,0 +1,29 @@
<svg width="40" height="74" viewBox="0 0 40 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.6978 0.623413H5.98079C3.31917 0.623413 1.1615 2.78108 1.1615 5.4427V68.3461C1.1615 71.0077 3.31917 73.1654 5.98079 73.1654H32.6978C35.3594 73.1654 37.5171 71.0077 37.5171 68.3461V5.4427C37.5171 2.78108 35.3594 0.623413 32.6978 0.623413Z" fill="url(#paint0_linear_5_42)" stroke="#606C71" stroke-width="1.07095"/>
<path opacity="0.5" d="M30.8448 7.16052H7.83351C6.35484 7.16052 5.15613 8.35923 5.15613 9.8379V66.3997C5.15613 67.8784 6.35484 69.0771 7.83351 69.0771H30.8448C32.3235 69.0771 33.5222 67.8784 33.5222 66.3997V9.8379C33.5222 8.35923 32.3235 7.16052 30.8448 7.16052Z" fill="url(#paint1_linear_5_42)" stroke="white" stroke-width="1.07095"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.35762 27.6912C8.35752 27.6829 8.35742 27.6746 8.35742 27.6662C8.35742 25.0383 14.0155 23.6201 19.3391 23.6201C24.6521 23.6201 30.298 25.0325 30.321 27.6505C30.321 27.6558 30.321 27.6611 30.321 27.6665V44.1217C30.321 45.325 29.144 46.3582 26.9164 47.1097C24.8941 47.792 22.2031 48.1677 19.3393 48.1677C16.4755 48.1677 13.7845 47.792 11.7621 47.1096C9.53492 46.3581 8.35762 45.3249 8.35762 44.1216V27.6912Z" fill="url(#paint2_linear_5_42)"/>
<path d="M19.332 31.7993C14.1186 31.7993 8.57764 30.4105 8.57764 27.8369C8.57764 25.2633 14.1186 23.8745 19.332 23.8745C24.5454 23.8745 30.086 25.2632 30.086 27.8369C30.086 30.4106 24.5455 31.7993 19.332 31.7993Z" stroke="#3F484B" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M8.57764 35.894C8.57764 37.0725 9.73064 38.0843 11.9117 38.8202C13.8923 39.4885 16.5276 39.8565 19.3321 39.8565C22.1366 39.8565 24.7718 39.4885 26.7524 38.8202C28.9336 38.0843 30.087 37.0725 30.087 35.894" stroke="#3F484B" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M30.086 27.8369V43.9516C30.086 45.1301 28.9335 46.1419 26.7524 46.8778C24.7718 47.5461 22.1365 47.9141 19.332 47.9141C16.5275 47.9141 13.8923 47.5461 11.9116 46.8778C9.73064 46.1418 8.57764 45.13 8.57764 43.9516V27.8369" stroke="#3F484B" stroke-width="0.651588" stroke-miterlimit="10"/>
<path d="M31.644 30.9388C35.7033 30.9388 38.994 27.6481 38.994 23.5889C38.994 19.5296 35.7033 16.2389 31.644 16.2389C27.5848 16.2389 24.2941 19.5296 24.2941 23.5889C24.2941 27.6481 27.5848 30.9388 31.644 30.9388Z" fill="url(#paint3_linear_5_42)" stroke="#606C71" stroke-width="0.689702"/>
<path d="M34.424 26.5129V22.6201C34.151 22.6204 33.877 22.6208 33.604 22.6209H28.9406H28.8638V26.5129H34.424Z" fill="#606C71"/>
<path d="M33.573 22.0675C33.298 22.0675 33.028 22.0675 32.75 22.0675C32.75 22.0467 32.75 22.0266 32.75 22.0065C32.75 21.7406 32.753 21.4746 32.749 21.2087C32.742 20.7305 32.519 20.3847 32.088 20.1821C31.466 19.8895 30.692 20.284 30.557 20.9569C30.542 21.035 30.534 21.1159 30.534 21.1955C30.531 21.4653 30.533 21.7351 30.533 22.0048C30.533 22.0237 30.533 22.0425 30.533 22.0653C30.258 22.0653 29.986 22.0653 29.714 22.0653C29.712 22.0606 29.709 22.0573 29.709 22.054C29.709 21.7192 29.691 21.3832 29.713 21.0499C29.751 20.492 30.003 20.0359 30.438 19.6839C30.735 19.4431 31.078 19.3037 31.458 19.2713C32.333 19.1966 33.063 19.6756 33.394 20.3863C33.511 20.6361 33.568 20.8993 33.573 21.173C33.579 21.4599 33.575 21.747 33.575 22.034C33.575 22.0433 33.574 22.0526 33.573 22.0675Z" fill="#606C71"/>
<defs>
<linearGradient id="paint0_linear_5_42" x1="37.502" y1="0.087912" x2="-11.0955" y2="8.52061" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint1_linear_5_42" x1="33.625" y1="6.62502" x2="-4.77267" y2="12.7494" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint2_linear_5_42" x1="29.998" y1="23.6201" x2="3.12582" y2="31.8259" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BC4BF"/>
<stop offset="1" stop-color="#009F9B"/>
</linearGradient>
<linearGradient id="paint3_linear_5_42" x1="39.113" y1="15.894" x2="20.6753" y2="22.1865" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFF97"/>
<stop offset="1" stop-color="#F1DA09"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

14
website/src/img/new/feature-8-dark.svg Normal file
View File

@ -0,0 +1,14 @@
<svg width="85" height="57" viewBox="0 0 85 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 8.5246L6.0467 34.1277C8.0343 42.5431 13.908 51.308 28.3228 47.8979C42.7378 44.4878 43.9277 33.4174 42.0819 25.6024L36.0353 0L0 8.5246ZM13.3256 16.9276C15.7907 16.3445 18.2617 17.8719 18.8443 20.3391C19.427 22.8063 17.9008 25.2793 15.4357 25.8624C12.9706 26.4455 10.4996 24.9183 9.9169 22.451C9.3342 19.9838 10.8603 17.5109 13.3256 16.9276ZM28.2047 13.4077C30.6698 12.8246 33.1409 14.352 33.7235 16.8192C34.3061 19.2864 32.78 21.7595 30.3148 22.3426C27.8497 22.9257 25.3787 21.3983 24.7961 18.9311C24.2134 16.4639 25.7394 13.9908 28.2047 13.4077ZM14.1051 36.0291C14.1051 36.0291 21.5892 36.2249 25.6163 35.2722C29.6434 34.3194 36.3309 30.7713 36.3309 30.7713C36.3309 30.7713 36.2334 38.4102 27.2238 40.5415C18.2143 42.6727 14.1051 36.0291 14.1051 36.0291Z" fill="url(#paint0_linear_36_93)"/>
<path d="M49.1276 7.66992L42.0542 33.0081C39.7293 41.3365 40.6378 51.8509 54.9035 55.84C69.1695 59.829 75.5585 50.7138 77.7165 42.9796L84.7905 17.6419L49.1276 7.66992ZM56.7345 21.473C59.1735 22.1552 60.5985 24.6878 59.9175 27.1294C59.2355 29.5711 56.7055 30.9977 54.2655 30.3154C51.826 29.6332 50.4006 27.1006 51.0823 24.659C51.7641 22.2173 54.2945 20.7909 56.7345 21.473ZM71.4595 25.5905C73.8985 26.2726 75.3245 28.8052 74.6425 31.2469C73.9605 33.6885 71.4305 35.1152 68.9905 34.4328C66.5515 33.7507 65.1255 31.2181 65.8075 28.7764C66.4895 26.3348 69.0195 24.9083 71.4595 25.5905ZM68.7035 50.0319L57.7505 46.9533L46.7078 43.8812C46.7078 43.8812 49.9724 39.0695 58.8885 41.5628C67.8055 44.056 68.7035 50.0319 68.7035 50.0319Z" fill="url(#paint1_linear_36_93)"/>
<defs>
<linearGradient id="paint0_linear_36_93" x1="42.1222" y1="-9.93013e-05" x2="-10.3421" y2="15.7334" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint1_linear_36_93" x1="84.1475" y1="7.66992" x2="30.6093" y2="23.9251" gradientUnits="userSpaceOnUse">
<stop stop-color="#CD5CAE"/>
<stop offset="1" stop-color="#FF3685"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

14
website/src/img/new/feature-8.svg Normal file
View File

@ -0,0 +1,14 @@
<svg width="87" height="59" viewBox="0 0 87 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.10382 9.6287L7.15052 35.2318C9.13802 43.6472 15.0118 52.412 29.4266 49.0019C43.8415 45.5918 45.0314 34.5215 43.1856 26.7064L37.1391 1.104L1.10382 9.6287ZM14.4293 18.0316C16.8945 17.4485 19.3655 18.9759 19.9481 21.4431C20.5307 23.9103 19.0046 26.3834 16.5395 26.9665C14.0743 27.5496 11.6033 26.0224 11.0207 23.555C10.4379 21.0878 11.964 18.6149 14.4293 18.0316ZM29.3085 14.5118C31.7736 13.9287 34.2446 15.4561 34.8272 17.9233C35.4098 20.3905 33.8837 22.8635 31.4186 23.4466C28.9534 24.0297 26.4824 22.5023 25.8998 20.0352C25.3172 17.568 26.8432 15.0949 29.3085 14.5118ZM15.2089 37.1331C15.2089 37.1331 22.6929 37.329 26.72 36.3762C30.7472 35.4235 37.4346 31.8753 37.4346 31.8753C37.4346 31.8753 37.3372 39.5142 28.3275 41.6456C19.3181 43.7768 15.2089 37.1331 15.2089 37.1331Z" fill="url(#paint0_linear_5_43)" stroke="#3F484B" stroke-miterlimit="10"/>
<path d="M50.2311 8.77393L43.1577 34.1122C40.8328 42.4406 41.7413 52.9549 56.007 56.944C70.273 60.9331 76.662 51.8179 78.82 44.0836L85.894 18.7459L50.2311 8.77393ZM57.838 22.5771C60.277 23.2592 61.702 25.7918 61.021 28.2335C60.339 30.6751 57.809 32.1017 55.369 31.4194C52.9295 30.7373 51.5041 28.2047 52.1858 25.763C52.8676 23.3213 55.398 21.8949 57.838 22.5771ZM72.563 26.6945C75.002 27.3767 76.428 29.9093 75.746 32.3509C75.064 34.7926 72.534 36.2192 70.094 35.5369C67.655 34.8547 66.229 32.3221 66.911 29.8805C67.593 27.4388 70.123 26.0124 72.563 26.6945ZM69.807 51.1359L58.854 48.0573L47.8113 44.9853C47.8113 44.9853 51.0759 40.1736 59.992 42.6668C68.909 45.1601 69.807 51.1359 69.807 51.1359Z" fill="url(#paint1_linear_5_43)" stroke="#3F484B" stroke-miterlimit="10"/>
<defs>
<linearGradient id="paint0_linear_5_43" x1="43.2259" y1="1.104" x2="-9.23838" y2="16.8375" gradientUnits="userSpaceOnUse">
<stop stop-color="#53C1FF"/>
<stop offset="1" stop-color="#0053D0"/>
</linearGradient>
<linearGradient id="paint1_linear_5_43" x1="85.251" y1="8.77392" x2="31.7128" y2="25.0292" gradientUnits="userSpaceOnUse">
<stop stop-color="#CD5CAE"/>
<stop offset="1" stop-color="#FF3685"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

128
website/src/index.html
View File

@ -3,38 +3,108 @@ layout: layouts/main.html
title: "SimpleX Chat"
---
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[85px]">
<div class="container">
<p class="text-grey-black dark:text-white text-[45px] text-center font-bold mb-[32px]">Why privacy <span class="gradient-text">matters</span></p>
<p class="text-center text-[20px] font-medium mb-[86px] text-black dark:text-white">Preserving the privacy of your meta-data - <span class="text-active-blue">who you talk with</span> - protect you from:</p>
<div class="flex flex-col lg:flex-row gap-[20px] mb-[90px]">
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-1.svg" alt="">
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Invasive and manipulative advertising and price discrimination</p>
<a href="" class="underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-2 mb-[53px]">Learn more</a>
</div>
</div>
<div class="container">
<p class="text-grey-black dark:text-white text-[45px] text-center font-bold mb-[32px]">Why privacy <span class="gradient-text">matters</span></p>
<p class="text-center text-[20px] font-medium mb-[86px] text-black dark:text-white">Preserving the privacy of your meta-data - <span class="text-active-blue">who you talk with</span> - protect you from:</p>
<div class="flex flex-col lg:flex-row gap-[20px] mb-[90px]">
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-1.svg" alt="">
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Invasive and manipulative advertising and price discrimination</p>
<a href="" class="underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-2 mb-[53px]">Learn more</a>
</div>
</div>
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-2.svg" alt="">
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Manipulation of elections</p>
</div>
</div>
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-2.svg" alt="">
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Manipulation of elections</p>
</div>
</div>
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-3.svg" alt="">
<div class="bg-white dark:bg-transparent px-[34px] flex flex-col rounded-[12px] dark:rounded-[6px] shadow-[0px_50px_61px_rgba(0,0,0,0.12)] dark:shadow-none flex-[1] border-gradient">
<div class="flex items-center justify-center h-[215px]">
<img src="/img/new/privacy-section-3.svg" alt="">
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Protect against prosecution when you are innocent</p>
</div>
</div>
</div>
<div class="h-[152px] flex flex-col items-center justify-between">
<p class="text-center font-medium leading-[28px] text-grey-black dark:text-white">Protect against prosecution when you are innocent</p>
<p class="text-center w-full max-w-[900px] text-[20px] leading-[28px] m-auto text-black dark:text-white">Or choose the app that lets you send stickers and offer lots of fun features in exchange for selling your data to the highest bidder.</p>
</div>
</section>
<!------------------------------FEATURES---------------------------------------------------------------------->
<section class="bg-secondary-bg-light dark:bg-secondary-bg-dark py-[60px]">
<div class="container flex flex-col items-center gap-[50px]">
<p class="text-[45px] text-center font-bold gradient-text">
Features
</p>
<div class="mb-[50px] grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-10 gap-y-20">
<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]">Disappearing messages (comings soon)</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] text-center font-medium w-full max-w-[265px]">E2E encrypted audio and video WebRTC calls</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] text-center font-medium w-full max-w-[265px]">Decentralised secret groups – these groups do NOT have network-wide identifiers.</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] text-center font-medium w-full max-w-[265px]">E2E encrypted voice messages (coming soon)</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]">E2E encrypted text messages with markdown support</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] text-center font-medium w-full max-w-[265px]">E2E encrypted pictures and files</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] text-center font-medium w-full max-w-[265px]">Portable chat database – easily move your profile to another device.</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] text-center font-medium w-full max-w-[265px]">Incognito</p>
</div>
</div>
</div>
</div>
<p class="text-center w-full max-w-[900px] text-[20px] leading-[28px] m-auto text-black dark:text-white">Or choose the app that lets you send stickers and offer lots of fun features in exchange for selling your data to the highest bidder.</p>
</div>
</section>