diff options
Diffstat (limited to 'packages')
-rw-r--r-- | packages/website/public/images/instant/feature_1.svg | 143 | ||||
-rw-r--r-- | packages/website/public/images/instant/feature_2.svg | 48 | ||||
-rw-r--r-- | packages/website/ts/components/ui/image.tsx | 2 | ||||
-rw-r--r-- | packages/website/ts/pages/instant/features.tsx | 2 |
4 files changed, 47 insertions, 148 deletions
diff --git a/packages/website/public/images/instant/feature_1.svg b/packages/website/public/images/instant/feature_1.svg index 64a2c748c..cca58d9b9 100644 --- a/packages/website/public/images/instant/feature_1.svg +++ b/packages/website/public/images/instant/feature_1.svg @@ -1,112 +1,33 @@ -<svg width="435" height="219" viewBox="0 0 435 219" fill="none" xmlns="http://www.w3.org/2000/svg"> -<g filter="url(#filter0_d)"> -<circle cx="68" cy="143" r="22" fill="#0057FF"/> -<path fill-rule="evenodd" clip-rule="evenodd" d="M61.9276 144.3C62.7747 144.3 63.5795 144.47 64.3419 144.81C65.0873 145.133 65.7396 145.576 66.2986 146.137C66.8577 146.698 67.2982 147.353 67.6201 148.101C67.959 148.867 68.1284 149.675 68.1284 150.525C68.1284 151.392 67.9675 152.2 67.6455 152.949C67.3067 153.697 66.8577 154.356 66.2986 154.926C65.7395 155.496 65.0873 155.942 64.3419 156.265C63.5795 156.588 62.7747 156.75 61.9276 156.75C61.0635 156.75 60.2589 156.588 59.5133 156.265C58.7679 155.942 58.1114 155.496 57.5438 154.926C56.9763 154.356 56.5315 153.697 56.2096 152.949C55.8877 152.2 55.7268 151.392 55.7268 150.525C55.7268 149.675 55.8877 148.867 56.2096 148.101C56.5315 147.353 56.9763 146.698 57.5438 146.137C58.1114 145.576 58.7679 145.125 59.5133 144.785C60.2588 144.462 61.0635 144.3 61.9276 144.3ZM61.9276 154.582C63.0289 154.582 63.9734 154.186 64.7612 153.395C65.549 152.604 65.9429 151.648 65.9429 150.525C65.9429 149.42 65.549 148.471 64.7612 147.68C63.9734 146.89 63.0288 146.494 61.9276 146.494C60.8094 146.494 59.8564 146.89 59.0686 147.68C58.2807 148.471 57.8868 149.42 57.8868 150.525C57.8868 151.648 58.2807 152.604 59.0686 153.395C59.8564 154.186 60.8093 154.582 61.9276 154.582ZM75.5492 130.625C76.4132 130.625 77.2179 130.787 77.9634 131.11C78.7089 131.433 79.3654 131.879 79.9329 132.449C80.5005 133.019 80.9452 133.678 81.2671 134.426C81.5891 135.175 81.75 135.983 81.75 136.85C81.75 137.7 81.5891 138.508 81.2671 139.274C80.9452 140.022 80.5005 140.677 79.9329 141.238C79.3654 141.799 78.7089 142.25 77.9634 142.59C77.218 142.913 76.4132 143.075 75.5492 143.075C74.7021 143.075 73.8973 142.913 73.1349 142.59C72.3894 142.25 71.7372 141.799 71.1781 141.238C70.6191 140.677 70.1701 140.022 69.8312 139.274C69.5093 138.508 69.3484 137.7 69.3484 136.85C69.3484 135.983 69.5093 135.175 69.8312 134.426C70.1701 133.678 70.619 133.019 71.1781 132.449C71.7372 131.879 72.3895 131.433 73.1349 131.11C73.8973 130.787 74.7021 130.625 75.5492 130.625ZM75.5492 140.881C76.6674 140.881 77.6204 140.486 78.4082 139.695C79.1961 138.904 79.59 137.956 79.59 136.85C79.59 135.727 79.1961 134.771 78.4082 133.98C77.6204 133.189 76.6675 132.794 75.5492 132.794C74.4479 132.794 73.5034 133.189 72.7156 133.98C71.9278 134.771 71.5339 135.727 71.5339 136.85C71.5339 137.956 71.9278 138.904 72.7156 139.695C73.5034 140.486 74.448 140.881 75.5492 140.881ZM61.1398 130.625H68.2046V132.794H66.629C67.0864 133.338 67.4465 133.95 67.7091 134.63C67.9717 135.311 68.103 136.034 68.103 136.799V136.85C68.103 137.718 67.9336 138.525 67.5947 139.274C67.2728 140.039 66.8281 140.707 66.2605 141.277C65.6929 141.846 65.0364 142.293 64.291 142.616C63.5286 142.939 62.7154 143.101 61.8513 143.101C60.9872 143.101 60.1825 142.939 59.437 142.616C58.6746 142.293 58.0139 141.846 57.4548 141.277C56.8957 140.707 56.4467 140.039 56.1079 139.274C55.7859 138.525 55.625 137.718 55.625 136.85C55.625 136.034 55.7859 135.268 56.1079 134.554C56.4298 133.84 56.8491 133.206 57.3658 132.653C57.8826 132.101 58.4713 131.646 59.132 131.288C59.7928 130.931 60.462 130.719 61.1397 130.651L61.1398 130.625ZM65.9429 136.85C65.9429 135.728 65.549 134.771 64.7611 133.98C63.9733 133.189 63.0287 132.794 61.9275 132.794C60.8093 132.794 59.8563 133.189 59.0685 133.98C58.2807 134.771 57.8868 135.727 57.8868 136.85C57.8868 137.956 58.2807 138.904 59.0685 139.695C59.8563 140.486 60.8092 140.881 61.9275 140.881C63.0288 140.881 63.9733 140.486 64.7611 139.695C65.5489 138.904 65.9429 137.956 65.9429 136.85Z" fill="white"/> -</g> -<g filter="url(#filter1_d)"> -<circle cx="121.5" cy="67.5" r="22.5" fill="#F08839"/> -<path d="M102.807 73.7309C107.653 73.5578 117.241 73.7309 118.903 75.8078C120.98 78.404 108.518 81.5193 118.903 82.5578C126.445 83.312 129.46 85.327 129.807 86.1924" stroke="white" stroke-width="1.73077"/> -<circle cx="121.5" cy="67.5002" r="19.9038" stroke="white" stroke-width="1.73077"/> -<circle cx="118.039" cy="55.3847" r="4.32692" stroke="white" stroke-width="1.73077"/> -<path d="M102.289 68.0186C102.635 68.3647 103.431 68.7455 103.847 67.4993C104.262 66.2532 106.097 63.5186 106.962 62.307H110.078L112.154 68.0186C113.193 67.8455 115.374 67.4993 115.789 67.4993C116.308 67.4993 117.347 68.0186 117.866 68.0186M117.866 68.0186C118.385 68.0186 119.943 65.9416 120.981 65.9416C122.02 65.9416 125.135 68.0186 125.135 67.4993C125.135 66.9801 127.731 64.3839 128.251 63.3455C128.666 62.5147 129.808 61.9609 130.328 61.7878C130.847 61.9609 131.885 62.2032 131.885 61.7878C131.885 61.2686 132.404 60.7493 133.443 62.307C134.481 63.8647 136.039 65.9416 136.558 65.9416C137.078 65.9416 137.597 65.9416 138.116 66.4609C138.531 66.8762 140.02 68.3647 140.712 69.057L141.751 70.6147M117.866 68.0186L116.308 71.1339" stroke="white" stroke-width="1.73077"/> -<path d="M131.885 75.9376C131.885 77.2995 130.99 77.7159 129.722 77.8374C129.321 77.8758 128.882 77.8847 128.423 77.8847C127.964 77.8847 127.526 77.8758 127.125 77.8374C125.857 77.7159 124.962 77.2995 124.962 75.9376C124.962 74.1453 126.512 72.6924 128.423 72.6924C130.335 72.6924 131.885 74.1453 131.885 75.9376Z" stroke="white" stroke-width="1.73077"/> -<path d="M137.077 78.3173C137.077 79.2252 136.406 79.5028 135.454 79.5838C135.154 79.6094 134.825 79.6153 134.481 79.6153C134.137 79.6153 133.808 79.6094 133.507 79.5838C132.556 79.5028 131.885 79.2252 131.885 78.3173C131.885 77.1224 133.047 76.1538 134.481 76.1538C135.915 76.1538 137.077 77.1224 137.077 78.3173Z" stroke="white" stroke-width="1.73077"/> -</g> -<g filter="url(#filter2_d)"> -<circle cx="368.5" cy="140.5" r="20.5" fill="#F2B350"/> -<rect x="368.499" y="130.114" width="14.6871" height="14.6871" transform="rotate(45 368.499 130.114)" stroke="white" stroke-width="3.15385"/> -<rect x="368.499" y="136.295" width="5.94697" height="5.94697" transform="rotate(45 368.499 136.295)" fill="white"/> -<path d="M381.115 140.5L368.499 153.115L355.884 140.5H381.115Z" fill="white"/> -</g> -<g filter="url(#filter3_d)"> -<circle cx="320" cy="68" r="21" fill="#9E19A0"/> -<path d="M314.973 69.3501C314.829 67.8594 316.406 65.8901 318.06 65.1905C319.715 64.4909 320.124 62.8111 320.124 62.8111L319.999 54.269" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> -<path d="M320.125 82.027V78.6055C320.125 78.6055 319.637 76.5659 321.292 75.8663C322.253 75.4599 323.23 75.8663 324.547 73.6665" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> -<path d="M308.567 74.8566L311.863 72.707C311.863 72.707 314.146 71.9997 315.476 73.197C316.368 74.0011 316.625 74.9673 318.061 75.1987" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> -<path d="M331.929 74.3543C331.929 74.3543 328.656 73.2176 327.559 72.5071C326.461 71.7966 325.769 71.6631 325.169 69.1944C324.751 67.4729 323.422 66.0452 321.938 65.9409" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> -<path fill-rule="evenodd" clip-rule="evenodd" d="M321.494 54.3748C320.88 53.2696 319.293 53.2649 318.673 54.3664L307.859 73.589C307.426 74.3596 307.692 75.3356 308.457 75.7788L319.307 82.0648C319.812 82.3574 320.436 82.3548 320.939 82.0579L331.57 75.7788C332.323 75.3338 332.585 74.3696 332.161 73.6043L321.494 54.3748Z" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> -</g> -<g filter="url(#filter4_d)"> -<circle cx="165.5" cy="144.5" r="19.5" fill="#68CCBB"/> -<path d="M177.499 151.423V138.49C177.499 137.874 176.797 137.521 176.302 137.888L168.469 143.698C168.278 143.84 168.166 144.063 168.166 144.301V152" stroke="white" stroke-width="2.25" stroke-linecap="round"/> -<path d="M153.501 151.423V138.49C153.501 137.874 154.203 137.521 154.698 137.888L162.531 143.698C162.722 143.84 162.834 144.063 162.834 144.301V152" stroke="white" stroke-width="2.25" stroke-linecap="round"/> -</g> -<g filter="url(#filter5_d)"> -<path d="M268.5 167.557C270.047 168.45 271.953 168.45 273.5 167.557L291.883 156.943C293.43 156.05 294.383 154.4 294.383 152.613V131.387C294.383 129.6 293.43 127.95 291.883 127.057L273.5 116.443C271.953 115.55 270.047 115.55 268.5 116.443L250.117 127.057C248.57 127.95 247.617 129.6 247.617 131.387V152.613C247.617 154.4 248.57 156.05 250.117 156.943L268.5 167.557Z" fill="#FF5D3A"/> -<path d="M259.397 138.792L259.829 130L265.337 133.181C269.063 131.316 273.01 131.296 276.751 133.132L282.195 130V138.424C282.985 139.966 283.397 141.669 283.397 143.402C283.378 149.828 277.781 155.037 270.874 155.037C263.967 155.037 258.371 149.813 258.371 143.402C258.371 141.806 258.719 140.236 259.397 138.792Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M278.003 141.316C277.551 140.118 275.632 140.299 275.151 141.316" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M267.738 141.316C267.287 140.118 265.367 140.299 264.886 141.316" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M272.951 145.307H269.942" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M271.443 145.307V146.809" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M272.734 150.471C272.327 150.746 271.34 151.203 269.941 150.52" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -</g> -<g filter="url(#filter6_d)"> -<path d="M220.169 43.0447C218.798 42.3845 217.202 42.3845 215.831 43.0447L199.06 51.121C197.689 51.7812 196.693 53.0298 196.355 54.5133L192.213 72.6606C191.874 74.144 192.23 75.701 193.178 76.8906L204.784 91.4436C205.733 92.6333 207.171 93.3262 208.693 93.3262L227.307 93.3262C228.829 93.3262 230.267 92.6333 231.216 91.4436L242.822 76.8906C243.77 75.701 244.126 74.144 243.787 72.6606L239.645 54.5133C239.307 53.0298 238.311 51.7812 236.94 51.121L220.169 43.0447Z" fill="#3AC4FF"/> -<path d="M207 64.12V79H215.186M207 64.12H229M207 64.12L217.744 55L229 64.12M229 64.12V79H221.326M221.326 79V71.32H215.186V79M221.326 79H215.186" stroke="white" stroke-width="2"/> -</g> -<defs> -<filter id="filter0_d" x="0" y="79" width="136" height="136" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter1_d" x="53" y="3" width="137" height="137" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter2_d" x="302" y="78" width="133" height="133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter3_d" x="253" y="5" width="134" height="134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter4_d" x="100" y="83" width="131" height="131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter5_d" x="201.617" y="73.7734" width="138.765" height="144.453" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter6_d" x="146.087" y="0.549805" width="143.825" height="142.777" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="23"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -</defs> +<svg width="343" height="127" viewBox="0 0 343 127" fill="none" xmlns="http://www.w3.org/2000/svg"> +<circle cx="22" cy="101" r="22" fill="#0057FF"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9276 102.3C16.7747 102.3 17.5795 102.47 18.3419 102.81C19.0873 103.133 19.7396 103.576 20.2986 104.137C20.8577 104.698 21.2982 105.353 21.6201 106.101C21.959 106.867 22.1284 107.675 22.1284 108.525C22.1284 109.392 21.9675 110.2 21.6455 110.949C21.3067 111.697 20.8577 112.356 20.2986 112.926C19.7395 113.496 19.0873 113.942 18.3419 114.265C17.5795 114.588 16.7747 114.75 15.9276 114.75C15.0635 114.75 14.2589 114.588 13.5133 114.265C12.7679 113.942 12.1114 113.496 11.5438 112.926C10.9763 112.356 10.5315 111.697 10.2096 110.949C9.88772 110.2 9.72677 109.392 9.72677 108.525C9.72677 107.675 9.88772 106.867 10.2096 106.101C10.5315 105.353 10.9763 104.698 11.5438 104.137C12.1114 103.576 12.7679 103.125 13.5133 102.785C14.2588 102.462 15.0635 102.3 15.9276 102.3ZM15.9276 112.582C17.0289 112.582 17.9734 112.186 18.7612 111.395C19.549 110.604 19.9429 109.648 19.9429 108.525C19.9429 107.42 19.549 106.471 18.7612 105.68C17.9734 104.89 17.0288 104.494 15.9276 104.494C14.8094 104.494 13.8564 104.89 13.0686 105.68C12.2807 106.471 11.8868 107.42 11.8868 108.525C11.8868 109.648 12.2807 110.604 13.0686 111.395C13.8564 112.186 14.8093 112.582 15.9276 112.582ZM29.5492 88.625C30.4132 88.625 31.2179 88.7866 31.9634 89.1097C32.7089 89.4329 33.3654 89.8794 33.9329 90.4491C34.5005 91.0189 34.9452 91.678 35.2671 92.4263C35.5891 93.1747 35.75 93.9826 35.75 94.85C35.75 95.7004 35.5891 96.5084 35.2671 97.2737C34.9452 98.0221 34.5005 98.6769 33.9329 99.2381C33.3654 99.7994 32.7089 100.25 31.9634 100.59C31.218 100.913 30.4132 101.075 29.5492 101.075C28.7021 101.075 27.8973 100.913 27.1349 100.59C26.3894 100.25 25.7372 99.7994 25.1781 99.2381C24.6191 98.6768 24.1701 98.022 23.8312 97.2737C23.5093 96.5083 23.3484 95.7004 23.3484 94.85C23.3484 93.9826 23.5093 93.1748 23.8312 92.4263C24.1701 91.678 24.619 91.0189 25.1781 90.4491C25.7372 89.8794 26.3895 89.4329 27.1349 89.1097C27.8973 88.7866 28.7021 88.625 29.5492 88.625ZM29.5492 98.881C30.6674 98.881 31.6204 98.4856 32.4082 97.6947C33.1961 96.9038 33.59 95.9555 33.59 94.85C33.59 93.7275 33.1961 92.7707 32.4082 91.9798C31.6204 91.189 30.6675 90.7935 29.5492 90.7935C28.4479 90.7935 27.5034 91.1889 26.7156 91.9798C25.9278 92.7707 25.5339 93.7274 25.5339 94.85C25.5339 95.9556 25.9278 96.9038 26.7156 97.6947C27.5034 98.4856 28.448 98.881 29.5492 98.881ZM15.1398 88.625H22.2046V90.7936H20.629C21.0864 91.3379 21.4465 91.9502 21.7091 92.6305C21.9717 93.3108 22.103 94.0337 22.103 94.7991V94.8502C22.103 95.7176 21.9336 96.5254 21.5947 97.2738C21.2728 98.0392 20.8281 98.7068 20.2605 99.2766C19.6929 99.8464 19.0364 100.293 18.291 100.616C17.5286 100.939 16.7154 101.101 15.8513 101.101C14.9872 101.101 14.1825 100.939 13.437 100.616C12.6746 100.293 12.0139 99.8464 11.4548 99.2766C10.8957 98.7068 10.4467 98.0392 10.1079 97.2738C9.78595 96.5255 9.625 95.7176 9.625 94.8502C9.625 94.0337 9.78595 93.2684 10.1079 92.554C10.4298 91.8396 10.8491 91.2061 11.3658 90.6534C11.8826 90.1006 12.4713 89.6456 13.132 89.2885C13.7928 88.9313 14.462 88.7187 15.1397 88.6506L15.1398 88.625ZM19.9429 94.8501C19.9429 93.7276 19.549 92.7708 18.7611 91.9799C17.9733 91.189 17.0287 90.7936 15.9275 90.7936C14.8093 90.7936 13.8563 91.189 13.0685 91.9799C12.2807 92.7708 11.8868 93.7274 11.8868 94.8501C11.8868 95.9557 12.2807 96.9038 13.0685 97.6947C13.8563 98.4856 14.8092 98.8811 15.9275 98.8811C17.0288 98.8811 17.9733 98.4856 18.7611 97.6947C19.5489 96.9039 19.9429 95.9556 19.9429 94.8501Z" fill="white"/> +<circle cx="75.5" cy="25.5" r="22.5" fill="#F08839"/> +<path d="M56.8066 31.7309C61.6528 31.5578 71.2413 31.7309 72.9028 33.8078C74.9797 36.404 62.5182 39.5193 72.9028 40.5578C80.4452 41.312 83.4605 43.327 83.8066 44.1924" stroke="white" stroke-width="1.73077"/> +<circle cx="75.4997" cy="25.5002" r="19.9038" stroke="white" stroke-width="1.73077"/> +<circle cx="72.039" cy="13.3847" r="4.32692" stroke="white" stroke-width="1.73077"/> +<path d="M56.2891 26.0186C56.6352 26.3647 57.4314 26.7455 57.8468 25.4993C58.2621 24.2532 60.0968 21.5186 60.9621 20.307H64.0775L66.1544 26.0186C67.1929 25.8455 69.3737 25.4993 69.7891 25.4993C70.3083 25.4993 71.3468 26.0186 71.866 26.0186M71.866 26.0186C72.3852 26.0186 73.9429 23.9416 74.9814 23.9416C76.0198 23.9416 79.1352 26.0186 79.1352 25.4993C79.1352 24.9801 81.7314 22.3839 82.2506 21.3455C82.666 20.5147 83.8083 19.9609 84.3275 19.7878C84.8468 19.9609 85.8852 20.2032 85.8852 19.7878C85.8852 19.2686 86.4044 18.7493 87.4429 20.307C88.4814 21.8647 90.0391 23.9416 90.5583 23.9416C91.0775 23.9416 91.5968 23.9416 92.116 24.4609C92.5314 24.8762 94.0198 26.3647 94.7121 27.057L95.5 28M71.866 26.0186L70.3083 29.1339" stroke="white" stroke-width="1.73077"/> +<path d="M85.885 33.9376C85.885 35.2995 84.9901 35.7159 83.7215 35.8374C83.3207 35.8758 82.8825 35.8847 82.4235 35.8847C81.9644 35.8847 81.5262 35.8758 81.1254 35.8374C79.8568 35.7159 78.9619 35.2995 78.9619 33.9376C78.9619 32.1453 80.5117 30.6924 82.4235 30.6924C84.3352 30.6924 85.885 32.1453 85.885 33.9376Z" stroke="white" stroke-width="1.73077"/> +<path d="M91.0771 36.3173C91.0771 37.2252 90.4059 37.5028 89.4545 37.5838C89.1538 37.6094 88.8252 37.6153 88.4809 37.6153C88.1366 37.6153 87.808 37.6094 87.5074 37.5838C86.5559 37.5028 85.8848 37.2252 85.8848 36.3173C85.8848 35.1224 87.0471 34.1538 88.4809 34.1538C89.9147 34.1538 91.0771 35.1224 91.0771 36.3173Z" stroke="white" stroke-width="1.73077"/> +<circle cx="322.5" cy="98.5" r="20.5" fill="#F2B350"/> +<rect x="322.499" y="88.1144" width="14.6871" height="14.6871" transform="rotate(45 322.499 88.1144)" stroke="white" stroke-width="3.15385"/> +<rect x="322.499" y="94.2949" width="5.94697" height="5.94697" transform="rotate(45 322.499 94.2949)" fill="white"/> +<path d="M335.115 98.4998L322.499 111.115L309.884 98.4998H335.115Z" fill="white"/> +<circle cx="274" cy="26" r="21" fill="#9E19A0"/> +<path d="M268.973 27.3501C268.829 25.8594 270.406 23.8901 272.06 23.1905C273.715 22.4909 274.124 20.8111 274.124 20.8111L273.999 12.269" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> +<path d="M274.125 40.027V36.6055C274.125 36.6055 273.637 34.5659 275.292 33.8663C276.253 33.4599 277.23 33.8663 278.547 31.6665" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> +<path d="M262.567 32.8566L265.863 30.707C265.863 30.707 268.146 29.9997 269.476 31.197C270.368 32.0011 270.625 32.9673 272.061 33.1987" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> +<path d="M285.929 32.3543C285.929 32.3543 282.656 31.2176 281.559 30.5071C280.461 29.7966 279.769 29.6631 279.169 27.1944C278.751 25.4729 277.422 24.0452 275.938 23.9409" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M275.494 12.3748C274.88 11.2696 273.293 11.2649 272.673 12.3664L261.859 31.589C261.426 32.3596 261.692 33.3356 262.457 33.7788L273.307 40.0648C273.812 40.3574 274.436 40.3548 274.939 40.0579L285.57 33.7788C286.323 33.3338 286.585 32.3696 286.161 31.6043L275.494 12.3748Z" stroke="white" stroke-width="1.61538" stroke-miterlimit="10" stroke-linecap="round"/> +<circle cx="119.5" cy="102.5" r="19.5" fill="#68CCBB"/> +<path d="M131.499 109.423V96.4901C131.499 95.8739 130.797 95.5206 130.302 95.8878L122.469 101.698C122.278 101.84 122.166 102.063 122.166 102.301V110" stroke="white" stroke-width="2.25" stroke-linecap="round"/> +<path d="M107.501 109.423V96.4901C107.501 95.8739 108.203 95.5206 108.698 95.8878L116.531 101.698C116.722 101.84 116.834 102.063 116.834 102.301V110" stroke="white" stroke-width="2.25" stroke-linecap="round"/> +<path d="M222.5 125.557C224.047 126.45 225.953 126.45 227.5 125.557L245.883 114.943C247.43 114.05 248.383 112.4 248.383 110.613V89.3867C248.383 87.6004 247.43 85.9498 245.883 85.0566L227.5 74.4434C225.953 73.5502 224.047 73.5502 222.5 74.4434L204.117 85.0566C202.57 85.9498 201.617 87.6004 201.617 89.3867V110.613C201.617 112.4 202.57 114.05 204.117 114.943L222.5 125.557Z" fill="#FF5D3A"/> +<path d="M213.397 96.7922L213.829 88L219.337 91.1811C223.063 89.3156 227.01 89.296 230.751 91.132L236.195 88V96.4241C236.985 97.9655 237.397 99.669 237.397 101.402C237.378 107.828 231.781 113.037 224.874 113.037C217.967 113.037 212.371 107.813 212.371 101.402C212.371 99.8064 212.719 98.2355 213.397 96.7922Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M232.003 99.3155C231.551 98.1177 229.632 98.2993 229.151 99.3155" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M221.738 99.3155C221.287 98.1177 219.367 98.2993 218.886 99.3155" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M226.951 103.307H223.942" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M225.443 103.307V104.809" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M226.734 108.471C226.327 108.746 225.34 109.203 223.941 108.52" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +<path d="M174.169 1.04473C172.798 0.384526 171.202 0.384527 169.831 1.04473L153.06 9.12104C151.689 9.78124 150.693 11.0298 150.355 12.5133L146.213 30.6606C145.874 32.144 146.23 33.701 147.178 34.8906L158.784 49.4436C159.733 50.6333 161.171 51.3262 162.693 51.3262L181.307 51.3262C182.829 51.3262 184.267 50.6333 185.216 49.4436L196.822 34.8906C197.77 33.701 198.126 32.144 197.787 30.6606L193.645 12.5133C193.307 11.0298 192.311 9.78125 190.94 9.12104L174.169 1.04473Z" fill="#3AC4FF"/> +<path d="M161 22.12V37H169.186M161 22.12H183M161 22.12L171.744 13L183 22.12M183 22.12V37H175.326M175.326 37V29.32H169.186V37M175.326 37H169.186" stroke="white" stroke-width="2"/> </svg> diff --git a/packages/website/public/images/instant/feature_2.svg b/packages/website/public/images/instant/feature_2.svg index c29871d82..a313872b2 100644 --- a/packages/website/public/images/instant/feature_2.svg +++ b/packages/website/public/images/instant/feature_2.svg @@ -1,39 +1,15 @@ -<svg width="260" height="163" viewBox="0 0 260 163" fill="none" xmlns="http://www.w3.org/2000/svg"> -<g filter="url(#filter0_d)"> -<rect x="27" y="54" width="178.035" height="77.5613" rx="3.29952" fill="#8397DE" stroke="#5265AA" stroke-width="4"/> -<path d="M146.491 91.9311C146.491 110.784 132.718 125.915 115.906 125.915C99.0938 125.915 85.3203 110.784 85.3203 91.9311C85.3203 73.0782 99.0938 57.9473 115.906 57.9473C132.718 57.9473 146.491 73.0782 146.491 91.9311Z" fill="#6E80BF" stroke="#6E80BF" stroke-width="1.69919"/> -<path d="M197.468 72.39C197.468 77.6225 193.596 81.7356 188.972 81.7356C184.347 81.7356 180.476 77.6225 180.476 72.39C180.476 67.1575 184.347 63.0444 188.972 63.0444C193.596 63.0444 197.468 67.1575 197.468 72.39Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> -<path d="M197.468 115.19C197.468 120.423 193.596 124.536 188.972 124.536C184.347 124.536 180.476 120.423 180.476 115.19C180.476 109.958 184.347 105.845 188.972 105.845C193.596 105.845 197.468 109.958 197.468 115.19Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> -<path d="M51.3171 71.4691C51.3171 76.7016 47.4453 80.8147 42.8212 80.8147C38.197 80.8147 34.3252 76.7016 34.3252 71.4691C34.3252 66.2366 38.197 62.1235 42.8212 62.1235C47.4453 62.1235 51.3171 66.2366 51.3171 71.4691Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> -<path d="M51.3367 114.87C51.3367 120.102 47.4648 124.216 42.8407 124.216C38.2166 124.216 34.3447 120.102 34.3447 114.87C34.3447 109.637 38.2166 105.524 42.8407 105.524C47.4648 105.524 51.3367 109.637 51.3367 114.87Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> -<path d="M130.329 92.7255L130.329 92.7256L118.111 99.9472L118.111 99.9474C117.199 100.487 116.065 100.487 115.152 99.9472L115.151 99.9471L102.929 92.7256C101.537 91.903 101.083 90.1043 101.917 88.721L101.917 88.7208L114.14 68.4409L114.14 68.4408C115.271 66.5646 117.991 66.5646 119.121 68.4408L131.339 88.7207L131.339 88.7208C132.174 90.1058 131.719 91.9044 130.329 92.7255Z" fill="#5265AA" stroke="#5265AA" stroke-width="1.69919"/> -<path d="M118.491 115.863L118.491 115.863C117.583 117.142 115.683 117.142 114.775 115.863L102.236 98.1985L115.795 106.21C115.795 106.21 115.796 106.21 115.796 106.21C116.312 106.516 116.953 106.516 117.469 106.21C117.47 106.21 117.47 106.21 117.47 106.21L131.035 98.1981L118.491 115.863Z" fill="#5265AA" stroke="#5265AA" stroke-width="1.69919"/> -</g> -<g filter="url(#filter1_d)"> -<circle cx="202" cy="54" r="32" fill="#9AA7D7"/> +<svg width="209" height="112" viewBox="0 0 209 112" fill="none" xmlns="http://www.w3.org/2000/svg"> +<rect x="2" y="32" width="178.035" height="77.5613" rx="3.29952" fill="#8397DE" stroke="#5265AA" stroke-width="4"/> +<path d="M121.491 69.9311C121.491 88.7841 107.718 103.915 90.9058 103.915C74.0938 103.915 60.3203 88.7841 60.3203 69.9311C60.3203 51.0782 74.0938 35.9473 90.9058 35.9473C107.718 35.9473 121.491 51.0782 121.491 69.9311Z" fill="#6E80BF" stroke="#6E80BF" stroke-width="1.69919"/> +<path d="M172.468 50.39C172.468 55.6225 168.596 59.7356 163.972 59.7356C159.347 59.7356 155.476 55.6225 155.476 50.39C155.476 45.1575 159.347 41.0444 163.972 41.0444C168.596 41.0444 172.468 45.1575 172.468 50.39Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> +<path d="M172.468 93.1903C172.468 98.4228 168.596 102.536 163.972 102.536C159.347 102.536 155.476 98.4228 155.476 93.1903C155.476 87.9578 159.347 83.8447 163.972 83.8447C168.596 83.8447 172.468 87.9578 172.468 93.1903Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> +<path d="M26.3171 49.4691C26.3171 54.7016 22.4453 58.8147 17.8212 58.8147C13.197 58.8147 9.32518 54.7016 9.32518 49.4691C9.32518 44.2366 13.197 40.1235 17.8212 40.1235C22.4453 40.1235 26.3171 44.2366 26.3171 49.4691Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> +<path d="M26.3367 92.87C26.3367 98.1025 22.4648 102.216 17.8407 102.216C13.2166 102.216 9.34471 98.1025 9.34471 92.87C9.34471 87.6375 13.2166 83.5244 17.8407 83.5244C22.4648 83.5244 26.3367 87.6375 26.3367 92.87Z" fill="#6E80C0" stroke="#8397DE" stroke-width="1.69919"/> +<path d="M105.329 70.7255L105.329 70.7256L93.111 77.9472L93.1106 77.9474C92.199 78.4868 91.0649 78.4871 90.1516 77.9472L90.1515 77.9471L77.9287 70.7256C76.537 69.903 76.0828 68.1043 76.9171 66.721L76.9172 66.7208L89.1402 46.4409L89.1402 46.4408C90.2706 44.5646 92.9907 44.5646 94.1211 46.4408L106.339 66.7207L106.339 66.7208C107.174 68.1058 106.719 69.9044 105.329 70.7255Z" fill="#5265AA" stroke="#5265AA" stroke-width="1.69919"/> +<path d="M93.4911 93.863L93.4911 93.863C92.5828 95.1423 90.6834 95.1423 89.7751 93.863L77.2355 76.1985L90.7948 84.2098C90.7952 84.21 90.7955 84.2102 90.7959 84.2104C91.3117 84.5159 91.9534 84.5158 92.4693 84.2103C92.4696 84.2101 92.4699 84.2099 92.4702 84.2098L106.035 76.1981L93.4911 93.863Z" fill="#5265AA" stroke="#5265AA" stroke-width="1.69919"/> +<circle cx="177" cy="32" r="32" fill="#9AA7D7"/> <g opacity="0.7"> -<line x1="220.064" y1="54.5152" x2="183.935" y2="54.5152" stroke="white" stroke-width="5.16129" stroke-linecap="round"/> -<line x1="202.516" y1="72.0644" x2="202.516" y2="35.9353" stroke="white" stroke-width="5.16129" stroke-linecap="round"/> -</g> +<line x1="195.064" y1="32.5152" x2="158.935" y2="32.5152" stroke="white" stroke-width="5.16129" stroke-linecap="round"/> +<line x1="177.516" y1="50.0644" x2="177.516" y2="13.9353" stroke="white" stroke-width="5.16129" stroke-linecap="round"/> </g> -<defs> -<filter id="filter0_d" x="0" y="31" width="232.035" height="131.561" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4"/> -<feGaussianBlur stdDeviation="12.5"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<filter id="filter1_d" x="144.194" y="0.32258" width="115.613" height="115.613" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feOffset dy="4.12903"/> -<feGaussianBlur stdDeviation="12.9032"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -</defs> </svg> diff --git a/packages/website/ts/components/ui/image.tsx b/packages/website/ts/components/ui/image.tsx index c8d39352b..d698ddaa0 100644 --- a/packages/website/ts/components/ui/image.tsx +++ b/packages/website/ts/components/ui/image.tsx @@ -10,6 +10,7 @@ export interface ImageProps { height?: string | number; maxWidth?: string | number; maxHeight?: string | number; + additionalStyle?: React.CSSProperties; } interface ImageState { imageLoadFailed: boolean; @@ -30,6 +31,7 @@ export class Image extends React.Component<ImageProps, ImageState> { onError={this._onError.bind(this)} src={src} style={{ + ...this.props.additionalStyle, borderRadius: this.props.borderRadius, maxWidth: this.props.maxWidth, maxHeight: this.props.maxHeight, diff --git a/packages/website/ts/pages/instant/features.tsx b/packages/website/ts/pages/instant/features.tsx index 9b61df354..73be793d5 100644 --- a/packages/website/ts/pages/instant/features.tsx +++ b/packages/website/ts/pages/instant/features.tsx @@ -79,7 +79,7 @@ const FeatureItem = (props: FeatureItemProps) => { const maxWidth = isLargeScreen ? '500px' : undefined; const image = ( <Container className="center" minWidth="435px" maxHeight="225px"> - <Image src={imgSrc} /> + <Image src={imgSrc} additionalStyle={{ filter: 'drop-shadow(0px 4px 4px rgba(0,0,0,.25))' }} /> </Container> ); const info = ( |