add: banner
This commit is contained in:
AzizbekFayziyev
parent
87d34ab25a
commit
33e9de06ca
4 changed files with 65 additions and 141 deletions
BIN
src/assets/UI/banner_background.png
Normal file
BIN
src/assets/UI/banner_background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 513 KiB |
|
|
@ -1,134 +0,0 @@
|
|||
<svg width="1152" height="120" viewBox="0 0 1152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="1152" height="120" rx="20" fill="url(#paint0_radial_3301_12958)"/>
|
||||
<g clip-path="url(#clip0_3301_12958)">
|
||||
<g opacity="0.3">
|
||||
<path d="M254.458 40.6094L227.4 34.8578C217.317 32.6881 209.909 38.7151 211.178 48.6684L212.31 57.4506L202.09 55.6597C190.601 53.5933 181.616 60.8947 182.473 72.3288L185.08 108.009C186.074 121.578 197.906 133.839 210.972 134.7L245.919 137.042C257.305 137.8 264.232 128.019 261.763 115.758L259.637 105.254L268.656 106.321C278.636 107.492 284.329 99.4333 281.688 88.7913L274.795 60.688C272.497 51.3892 263.512 42.538 254.458 40.6094ZM243.484 122.749L209.292 119.753C204.319 119.305 199.792 114.656 199.278 109.455L195.882 74.3608C195.437 69.8147 198.866 66.8184 203.427 67.5416L219.649 70.1591L220.163 70.228L233.984 72.4321L218.517 88.7224C216.871 90.4444 216.7 93.3718 218.106 96.0926C219.512 98.8478 222.221 100.845 224.965 101.19L247.874 103.876L249.794 114.553C250.789 119.443 247.942 123.128 243.484 122.749ZM271.263 87.2414C272.223 91.4432 269.891 94.4739 265.981 93.9573L251.44 91.9942L251.166 91.9598L236.728 89.9967L250.652 74.1542C251.955 72.6388 251.92 70.1246 250.583 67.7138C249.211 65.3375 246.811 63.5121 244.444 63.0988L224.21 59.517L222.873 50.8725C222.29 46.9464 225.102 44.4667 229.114 45.2588L256.619 50.7348C260.288 51.458 263.889 55.0398 264.747 58.7938L271.263 87.2414Z" fill="url(#paint1_linear_3301_12958)"/>
|
||||
<path d="M258.786 34.1927L231.479 28.4412C221.304 26.2715 213.828 32.2985 215.109 42.2517L216.251 51.034L205.937 49.2431C194.343 47.1767 185.275 54.478 186.14 65.9122L188.771 101.592C189.774 115.162 201.715 127.422 214.901 128.283L250.168 130.625C261.659 131.383 268.65 121.602 266.158 109.341L264.012 98.8371L273.114 99.9047C283.186 101.076 288.931 93.0167 286.266 82.3746L279.309 54.2714C276.991 44.9725 267.923 36.1214 258.786 34.1927ZM247.711 116.333L213.205 113.336C208.187 112.889 203.618 108.239 203.099 103.039L199.673 67.9442C199.223 63.3981 202.684 60.4018 207.287 61.125L223.657 63.7425L224.176 63.8113L238.124 66.0155L222.515 82.3058C220.854 84.0278 220.681 86.9552 222.1 89.676C223.519 92.4312 226.253 94.4287 229.022 94.7731L252.141 97.4595L254.079 108.136C255.083 113.026 252.21 116.712 247.711 116.333ZM275.745 80.8248C276.714 85.0265 274.36 88.0573 270.415 87.5407L255.74 85.5776L255.463 85.5431L240.893 83.58L254.944 67.7375C256.259 66.2222 256.225 63.708 254.875 61.2972C253.491 58.9208 251.068 57.0955 248.68 56.6822L228.26 53.1004L226.911 44.4559C226.322 40.5297 229.16 38.05 233.209 38.8422L260.966 44.3182C264.67 45.0414 268.304 48.6232 269.169 52.3772L275.745 80.8248Z" fill="url(#paint2_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.3">
|
||||
<path d="M141.143 2.91186L126.695 -0.219278C121.311 -1.40049 117.356 1.88065 118.033 7.2992L118.638 12.0803L113.181 11.1053C107.046 9.98035 102.248 13.9552 102.706 20.18L104.098 39.6043C104.629 46.9915 110.946 53.6663 117.923 54.135L136.583 55.41C142.663 55.8225 146.362 50.4976 145.044 43.8229L143.908 38.1043L148.724 38.6856C154.053 39.323 157.093 34.9357 155.683 29.1422L152.002 13.8427C150.775 8.7804 145.977 3.96182 141.143 2.91186ZM135.283 47.629L117.026 45.9978C114.371 45.7541 111.954 43.2229 111.679 40.3918L109.866 21.2862C109.628 18.8113 111.459 17.1801 113.895 17.5738L122.556 18.9988L122.831 19.0363L130.211 20.2362L121.952 29.1047C121.073 30.0421 120.981 31.6358 121.732 33.117C122.483 34.617 123.93 35.7044 125.395 35.8919L137.627 37.3544L138.653 43.1667C139.184 45.8291 137.664 47.8352 135.283 47.629ZM150.116 28.2984C150.629 30.5859 149.384 32.2358 147.296 31.9546L139.532 30.8859L139.385 30.8671L131.676 29.7984L139.11 21.1737C139.806 20.3487 139.788 18.98 139.074 17.6676C138.341 16.3739 137.06 15.3802 135.796 15.1552L124.992 13.2052L124.278 8.49916C123.966 6.36173 125.468 5.01178 127.61 5.44302L142.297 8.42416C144.256 8.8179 146.179 10.7678 146.637 12.8115L150.116 28.2984Z" fill="url(#paint3_linear_3301_12958)"/>
|
||||
<path d="M144.6 0.29471L129.807 -2.76526C124.295 -3.91963 120.246 -0.713066 120.939 4.58234L121.558 9.25476L115.971 8.30195C109.691 7.20256 104.779 11.0871 105.247 17.1704L106.672 36.1532C107.216 43.3726 113.684 49.8956 120.827 50.3537L139.931 51.5997C146.156 52.0028 149.943 46.799 148.593 40.2759L147.43 34.6874L152.361 35.2554C157.817 35.8784 160.929 31.5907 159.486 25.9289L155.717 10.9771C154.461 6.02987 149.549 1.32081 144.6 0.29471ZM138.6 43.9955L119.908 42.4014C117.19 42.1632 114.715 39.6896 114.434 36.9228L112.578 18.2514C112.334 15.8328 114.209 14.2387 116.702 14.6235L125.57 16.016L125.851 16.0527L133.407 17.2253L124.952 25.8922C124.052 26.8084 123.958 28.3659 124.727 29.8134C125.495 31.2792 126.976 32.342 128.476 32.5252L141 33.9544L142.05 39.6346C142.593 42.2365 141.037 44.1971 138.6 43.9955ZM153.786 25.1043C154.311 27.3398 153.036 28.9522 150.899 28.6773L142.95 27.6329L142.8 27.6146L134.907 26.5702L142.518 18.1415C143.231 17.3353 143.212 15.9977 142.481 14.7151C141.731 13.4508 140.419 12.4796 139.125 12.2598L128.064 10.3541L127.333 5.75502C127.014 3.66618 128.551 2.34691 130.745 2.76834L145.781 5.68173C147.787 6.06652 149.755 7.97213 150.224 9.96936L153.786 25.1043Z" fill="url(#paint4_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.4">
|
||||
<path d="M62.1923 32.4033L42.9646 28.3137C35.7999 26.7709 30.536 31.0564 31.4377 38.1335L32.2419 44.3781L24.9797 43.1047C16.8159 41.6354 10.431 46.8269 11.0402 54.957L12.8923 80.327C13.5991 89.9754 22.0066 98.6933 31.2915 99.3055L56.1243 100.971C64.215 101.509 69.1377 94.5547 67.3831 85.8369L65.8722 78.3679L72.2814 79.1271C79.373 79.9597 83.4184 74.2294 81.5419 66.6625L76.6436 46.68C75.0108 40.0681 68.6259 33.7746 62.1923 32.4033ZM54.394 90.808L30.0974 88.6775C26.5638 88.3592 23.347 85.0532 22.9814 81.3555L20.5688 56.4019C20.252 53.1694 22.689 51.0389 25.9302 51.5532L37.457 53.4143L37.8226 53.4633L47.6436 55.0305L36.6528 66.6135C35.4831 67.8379 35.3612 69.9194 36.3604 71.854C37.3596 73.8131 39.2848 75.2334 41.2344 75.4783L57.5133 77.3884L58.878 84.9798C59.5848 88.4571 57.5621 91.0774 54.394 90.808ZM74.1335 65.5605C74.8159 68.5481 73.1587 70.7031 70.3806 70.3357L60.0478 68.9399L59.8528 68.9154L49.5932 67.5196L59.4873 56.2549C60.4133 55.1774 60.389 53.3898 59.4385 51.6756C58.4638 49.9859 56.7579 48.688 55.0764 48.3942L40.6982 45.8474L39.7478 39.7008C39.3335 36.9091 41.3318 35.146 44.1831 35.7092L63.7276 39.6028C66.3352 40.1171 68.894 42.6639 69.5032 45.3331L74.1335 65.5605Z" fill="url(#paint5_linear_3301_12958)"/>
|
||||
<path d="M65.1923 28.4033L45.9646 24.3137C38.7999 22.7709 33.536 27.0564 34.4377 34.1335L35.2419 40.3781L27.9797 39.1047C19.8159 37.6354 13.431 42.8269 14.0402 50.957L15.8923 76.327C16.5991 85.9754 25.0066 94.6933 34.2915 95.3055L59.1243 96.9707C67.215 97.5094 72.1377 90.5547 70.3831 81.8369L68.8722 74.3679L75.2814 75.1271C82.373 75.9597 86.4184 70.2294 84.5419 62.6625L79.6436 42.68C78.0108 36.0681 71.6259 29.7746 65.1923 28.4033ZM57.394 86.808L33.0974 84.6775C29.5638 84.3592 26.347 81.0532 25.9814 77.3555L23.5688 52.4019C23.252 49.1694 25.689 47.0389 28.9302 47.5532L40.457 49.4143L40.8226 49.4633L50.6436 51.0305L39.6528 62.6135C38.4831 63.8379 38.3612 65.9194 39.3604 67.854C40.3596 69.8131 42.2848 71.2334 44.2344 71.4783L60.5133 73.3884L61.878 80.9798C62.5848 84.4571 60.5621 87.0774 57.394 86.808ZM77.1335 61.5605C77.8159 64.5481 76.1587 66.7031 73.3806 66.3357L63.0478 64.9399L62.8528 64.9154L52.5932 63.5196L62.4873 52.2549C63.4133 51.1774 63.389 49.3898 62.4385 47.6756C61.4638 45.9859 59.7579 44.688 58.0764 44.3942L43.6982 41.8474L42.7478 35.7008C42.3335 32.9091 44.3318 31.146 47.1831 31.7092L66.7276 35.6028C69.3352 36.1171 71.894 38.6639 72.5032 41.3331L77.1335 61.5605Z" fill="url(#paint6_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.2">
|
||||
<path d="M942.102 -3.84748L915.021 -9.56166C904.929 -11.7173 897.516 -5.7294 898.786 4.1592L899.918 12.8844L889.69 11.1052C878.191 9.05218 869.199 16.3061 870.057 27.666L872.665 63.1144C873.661 76.5958 885.502 88.7769 898.58 89.6323L933.555 91.959C944.951 92.7118 951.884 82.9943 949.413 70.8132L947.285 60.3771L956.312 61.4378C966.3 62.6012 971.998 54.5945 969.355 44.0215L962.456 16.1008C960.156 6.86232 951.163 -1.93135 942.102 -3.84748ZM931.118 77.7591L896.898 74.7823C891.921 74.3375 887.39 69.7182 886.875 64.5515L883.477 29.6848C883.031 25.1682 886.463 22.1914 891.028 22.9099L907.263 25.5104L907.778 25.5788L921.611 27.7687L906.131 43.9531C904.483 45.6639 904.312 48.5724 905.719 51.2755C907.126 54.0128 909.838 55.9974 912.584 56.3395L935.512 59.0084L937.434 69.6156C938.429 74.4743 935.58 78.1355 931.118 77.7591ZM958.92 42.4818C959.881 46.6562 957.547 49.6673 953.635 49.154L939.081 47.2037L938.807 47.1695L924.357 45.2191L938.292 29.4795C939.596 27.974 939.562 25.4762 938.223 23.081C936.85 20.72 934.448 18.9066 932.079 18.496L911.828 14.9374L910.49 6.34907C909.906 2.44837 912.721 -0.0152225 916.737 0.771759L944.264 6.2122C947.937 6.93075 951.541 10.4893 952.399 14.2189L958.92 42.4818Z" fill="url(#paint7_linear_3301_12958)"/>
|
||||
<path d="M946.102 -9.84748L919.021 -15.5617C908.929 -17.7173 901.516 -11.7294 902.786 -1.8408L903.918 6.88444L893.69 5.10518C882.191 3.05218 873.199 10.3061 874.057 21.666L876.665 57.1144C877.661 70.5958 889.502 82.7769 902.58 83.6323L937.555 85.959C948.951 86.7118 955.884 76.9943 953.413 64.8132L951.285 54.3771L960.312 55.4378C970.3 56.6012 975.998 48.5945 973.355 38.0215L966.456 10.1008C964.156 0.862316 955.163 -7.93135 946.102 -9.84748ZM935.118 71.7591L900.898 68.7823C895.921 68.3375 891.39 63.7182 890.875 58.5515L887.477 23.6848C887.031 19.1682 890.463 16.1914 895.028 16.9099L911.263 19.5104L911.778 19.5788L925.611 21.7687L910.131 37.9531C908.483 39.6639 908.312 42.5724 909.719 45.2755C911.126 48.0128 913.838 49.9974 916.584 50.3395L939.512 53.0084L941.434 63.6156C942.429 68.4743 939.58 72.1355 935.118 71.7591ZM962.92 36.4818C963.881 40.6562 961.547 43.6673 957.635 43.154L943.081 41.2037L942.807 41.1695L928.357 39.2191L942.292 23.4795C943.596 21.974 943.562 19.4762 942.223 17.081C940.85 14.72 938.448 12.9066 936.079 12.496L915.828 8.93744L914.49 0.349066C913.906 -3.55163 916.721 -6.01522 920.737 -5.22824L948.264 0.2122C951.937 0.93075 955.541 4.48928 956.399 8.21889L962.92 36.4818Z" fill="url(#paint8_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.25">
|
||||
<path d="M778.844 31.7357L742.204 24.0048C728.552 21.0883 718.521 29.1896 720.239 42.5683L721.772 54.373L707.933 51.9658C692.377 49.1882 680.21 59.0023 681.371 74.3716L684.9 122.331C686.247 140.571 702.268 157.051 719.961 158.208L767.281 161.356C782.698 162.375 792.079 149.228 788.735 132.747L785.856 118.628L798.069 120.063C811.582 121.637 819.291 110.804 815.715 96.4997L806.381 58.7246C803.27 46.2255 791.103 34.3281 778.844 31.7357ZM763.984 142.145L717.685 138.117C710.952 137.515 704.822 131.266 704.125 124.276L699.528 77.1029C698.924 70.9923 703.568 66.9648 709.744 67.9369L731.709 71.4552L732.406 71.5478L751.12 74.5105L730.177 96.4071C727.948 98.7218 727.716 102.657 729.62 106.314C731.524 110.017 735.192 112.702 738.907 113.165L769.928 116.776L772.528 131.127C773.875 137.701 770.021 142.654 763.984 142.145ZM801.598 94.4165C802.899 100.064 799.741 104.138 794.447 103.444L774.757 100.805L774.386 100.759L754.835 98.12L773.689 76.8252C775.454 74.7883 775.407 71.4089 773.596 68.1684C771.739 64.9742 768.488 62.5206 765.284 61.9651L737.886 57.1506L736.075 45.5311C735.285 40.2537 739.093 36.9206 744.526 37.9853L781.769 45.3459C786.738 46.3181 791.614 51.1325 792.775 56.1785L801.598 94.4165Z" fill="url(#paint9_linear_3301_12958)"/>
|
||||
<path d="M784.256 23.6181L747.616 15.8871C733.964 12.9707 723.933 21.0719 725.651 34.4506L727.184 46.2554L713.345 43.8481C697.788 41.0705 685.622 50.8847 686.783 66.254L690.312 114.214C691.659 132.453 707.68 148.933 725.373 150.091L772.693 153.239C788.11 154.257 797.49 141.11 794.147 124.63L791.268 110.51L803.481 111.945C816.994 113.519 824.703 102.687 821.127 88.382L811.793 50.6069C808.682 38.1078 796.515 26.2105 784.256 23.6181ZM769.396 134.027L723.097 130C716.364 129.398 710.234 123.148 709.537 116.158L704.94 68.9853C704.336 62.8746 708.98 58.8471 715.156 59.8192L737.121 63.3375L737.818 63.4301L756.532 66.3928L735.589 88.2895C733.36 90.6041 733.128 94.539 735.032 98.1962C736.936 101.9 740.604 104.585 744.319 105.048L775.34 108.658L777.94 123.009C779.287 129.583 775.432 134.536 769.396 134.027ZM807.01 86.2989C808.31 91.9466 805.153 96.0204 799.859 95.326L780.169 92.6873L779.798 92.641L760.247 90.0023L779.101 68.7075C780.866 66.6706 780.819 63.2912 779.008 60.0507C777.151 56.8565 773.9 54.4029 770.696 53.8474L743.298 49.033L741.486 37.4134C740.697 32.136 744.505 28.8029 749.938 29.8676L787.181 37.2282C792.15 38.2004 797.026 43.0149 798.187 48.0608L807.01 86.2989Z" fill="url(#paint10_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.12">
|
||||
<path d="M594.971 2.75401L582.212 0.0617516C577.457 -0.95389 573.964 1.86734 574.562 6.52639L575.096 10.6373L570.277 9.79901C564.859 8.83173 560.622 12.2494 561.027 17.6017L562.256 34.3034C562.725 40.6552 568.304 46.3943 574.465 46.7974L590.944 47.8936C596.313 48.2483 599.58 43.6698 598.416 37.9307L597.413 33.0137L601.666 33.5134C606.372 34.0616 609.057 30.2892 607.811 25.3077L604.561 12.1527C603.477 7.79997 599.24 3.6568 594.971 2.75401ZM589.796 41.2033L573.673 39.8007C571.328 39.5912 569.193 37.4148 568.951 34.9805L567.35 18.5529C567.14 16.4249 568.757 15.0223 570.908 15.3609L578.557 16.5861L578.799 16.6183L585.317 17.6501L578.023 25.2754C577.247 26.0815 577.166 27.4518 577.829 28.7254C578.492 30.0151 579.77 30.9501 581.063 31.1114L591.866 32.3688L592.772 37.3664C593.241 39.6556 591.898 41.3806 589.796 41.2033ZM602.895 24.5822C603.348 26.549 602.248 27.9677 600.405 27.7259L593.548 26.807L593.419 26.7908L586.61 25.8719L593.176 18.4561C593.791 17.7468 593.774 16.57 593.144 15.4415C592.497 14.3291 591.365 13.4747 590.249 13.2812L580.708 11.6046L580.077 7.55815C579.802 5.72032 581.128 4.55959 583.02 4.93038L595.99 7.49367C597.72 7.83221 599.418 9.50883 599.823 11.266L602.895 24.5822Z" fill="url(#paint11_linear_3301_12958)"/>
|
||||
<path d="M596.856 -0.0728974L584.096 -2.76515C579.342 -3.78079 575.849 -0.959568 576.447 3.69948L576.981 7.81041L572.161 6.97211C566.744 6.00483 562.507 9.42254 562.911 14.7748L564.14 31.4765C564.609 37.8283 570.188 43.5674 576.35 43.9705L592.829 45.0667C598.198 45.4214 601.465 40.8429 600.3 35.1038L599.298 30.1868L603.551 30.6865C608.257 31.2346 610.941 27.4623 609.696 22.4808L606.445 9.32581C605.362 4.97307 601.125 0.829895 596.856 -0.0728974ZM591.681 38.3764L575.557 36.9738C573.213 36.7642 571.078 34.5879 570.835 32.1536L569.234 15.726C569.024 13.598 570.641 12.1954 572.792 12.5339L580.441 13.7592L580.684 13.7914L587.201 14.8232L579.908 22.4485C579.131 23.2546 579.051 24.6249 579.714 25.8985C580.377 27.1882 581.654 28.1232 582.948 28.2844L593.751 29.5419L594.656 34.5395C595.125 36.8287 593.783 38.5537 591.681 38.3764ZM604.78 21.7553C605.233 23.7221 604.133 25.1408 602.289 24.899L595.432 23.9801L595.303 23.9639L588.495 23.045L595.061 15.6292C595.675 14.9199 595.659 13.743 595.028 12.6146C594.381 11.5022 593.249 10.6478 592.133 10.4543L582.592 8.77769L581.961 4.73125C581.687 2.89342 583.013 1.73269 584.905 2.10348L597.874 4.66676C599.605 5.00531 601.303 6.68192 601.707 8.43914L604.78 21.7553Z" fill="url(#paint12_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.2">
|
||||
<path d="M489.024 39.1342L468.669 34.8392C461.084 33.219 455.512 37.7197 456.466 45.1523L457.318 51.7105L449.63 50.3731C440.987 48.83 434.228 54.2823 434.873 62.8208L436.833 89.465C437.582 99.5981 446.482 108.754 456.311 109.397L482.6 111.146C491.166 111.711 496.377 104.407 494.519 95.2517L492.92 87.4076L499.705 88.2048C507.212 89.0793 511.495 83.0612 509.508 75.1142L504.323 54.128C502.594 47.1841 495.835 40.5744 489.024 39.1342ZM480.769 100.472L455.047 98.235C451.306 97.9007 447.901 94.4287 447.514 90.5452L444.96 64.3382C444.625 60.9434 447.204 58.7059 450.636 59.246L462.839 61.2006L463.226 61.252L473.622 62.898L461.987 75.0627C460.749 76.3487 460.62 78.5347 461.678 80.5665C462.735 82.624 464.773 84.1156 466.837 84.3728L484.071 86.3788L485.516 94.3515C486.264 98.0035 484.123 100.755 480.769 100.472ZM501.666 73.9569C502.388 77.0945 500.634 79.3577 497.693 78.9719L486.754 77.506L486.548 77.4803L475.686 76.0143L486.161 64.1839C487.141 63.0523 487.115 61.1748 486.109 59.3746C485.077 57.6 483.271 56.2369 481.491 55.9283L466.27 53.2536L465.264 46.7983C464.825 43.8664 466.941 42.0147 469.959 42.6062L490.65 46.6954C493.41 47.2355 496.119 49.9102 496.764 52.7135L501.666 73.9569Z" fill="url(#paint13_linear_3301_12958)"/>
|
||||
<path d="M492.031 34.6244L471.676 30.3295C464.091 28.7092 458.518 33.2099 459.473 40.6425L460.324 47.2007L452.636 45.8634C443.994 44.3203 437.234 49.7726 437.879 58.311L439.84 84.9553C440.588 95.0883 449.489 104.244 459.318 104.887L485.607 106.636C494.172 107.202 499.384 99.8976 497.526 90.7419L495.926 82.8978L502.712 83.6951C510.219 84.5695 514.502 78.5514 512.515 70.6044L507.33 49.6182C505.601 42.6743 498.842 36.0647 492.031 34.6244ZM483.775 95.9627L458.054 93.7252C454.313 93.3909 450.908 89.9189 450.521 86.0354L447.967 59.8284C447.631 56.4336 450.211 54.1961 453.642 54.7362L465.845 56.6908L466.232 56.7422L476.629 58.3882L464.994 70.553C463.755 71.8389 463.626 74.025 464.684 76.0567C465.742 78.1142 467.78 79.6058 469.844 79.863L487.077 81.8691L488.522 89.8418C489.27 93.4938 487.129 96.2456 483.775 95.9627ZM504.672 69.4471C505.395 72.5847 503.64 74.8479 500.699 74.4622L489.761 72.9962L489.554 72.9705L478.693 71.5046L489.167 59.6741C490.148 58.5425 490.122 56.6651 489.116 54.8648C488.084 53.0902 486.278 51.7271 484.498 51.4185L469.276 48.7438L468.27 42.2885C467.832 39.3566 469.947 37.5049 472.966 38.0964L493.656 42.1856C496.417 42.7257 499.126 45.4004 499.77 48.2037L504.672 69.4471Z" fill="url(#paint14_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.15">
|
||||
<path d="M375.028 14.8749L358.921 11.4763C352.919 10.1942 348.509 13.7556 349.265 19.6371L349.938 24.8266L343.855 23.7683C337.016 22.5473 331.667 26.8617 332.178 33.6182L333.729 54.702C334.321 62.7203 341.364 69.9653 349.142 70.474L369.945 71.8579C376.722 72.3056 380.846 66.5259 379.376 59.2809L378.111 53.0739L383.48 53.7048C389.42 54.3967 392.809 49.6345 391.237 43.3461L387.134 26.7396C385.766 21.2448 380.417 16.0146 375.028 14.8749ZM368.495 63.4122L348.142 61.6417C345.182 61.3771 342.487 58.6297 342.181 55.5567L340.16 34.819C339.894 32.1326 341.936 30.3621 344.651 30.7895L354.307 32.3361L354.613 32.3768L362.84 33.6793L353.633 43.3054C352.653 44.3229 352.551 46.0528 353.388 47.6605C354.225 49.2886 355.838 50.4689 357.471 50.6724L371.108 52.2598L372.252 58.5687C372.844 61.4585 371.149 63.6361 368.495 63.4122ZM385.031 42.4303C385.603 44.9131 384.215 46.704 381.887 46.3987L373.231 45.2387L373.068 45.2184L364.474 44.0583L372.762 34.6969C373.538 33.8014 373.517 32.3158 372.721 30.8912C371.904 29.487 370.475 28.4084 369.067 28.1642L357.022 26.0477L356.226 20.9395C355.879 18.6195 357.553 17.1542 359.941 17.6223L376.314 20.8581C378.498 21.2855 380.642 23.402 381.152 25.6203L385.031 42.4303Z" fill="url(#paint15_linear_3301_12958)"/>
|
||||
<path d="M377.407 11.3063L361.3 7.90769C355.298 6.62557 350.888 10.187 351.644 16.0685L352.317 21.258L346.234 20.1997C339.395 18.9787 334.046 23.2931 334.557 30.0496L336.108 51.1334C336.7 59.1517 343.743 66.3967 351.521 66.9054L372.324 68.2893C379.102 68.737 383.225 62.9573 381.755 55.7123L380.49 49.5053L385.859 50.1362C391.799 50.8281 395.188 46.0659 393.616 39.7775L389.513 23.171C388.145 17.6762 382.797 12.446 377.407 11.3063ZM370.874 59.8436L350.521 58.0731C347.561 57.8085 344.866 55.0611 344.56 51.9881L342.539 31.2504C342.273 28.564 344.315 26.7935 347.03 27.2208L356.686 28.7675L356.992 28.8082L365.22 30.1107L356.012 39.7368C355.033 40.7543 354.931 42.4841 355.768 44.0919C356.605 45.72 358.217 46.9003 359.85 47.1038L373.487 48.6912L374.631 55.0001C375.223 57.8899 373.528 60.0675 370.874 59.8436ZM387.41 38.8617C387.982 41.3445 386.594 43.1354 384.266 42.8301L375.611 41.6701L375.447 41.6498L366.853 40.4897L375.141 31.1283C375.917 30.2328 375.896 28.7472 375.1 27.3226C374.284 25.9184 372.855 24.8398 371.446 24.5956L359.401 22.4791L358.605 17.3709C358.258 15.0509 359.932 13.5856 362.321 14.0537L378.693 17.2895C380.878 17.7169 383.021 19.8334 383.531 22.0517L387.41 38.8617Z" fill="url(#paint16_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.3">
|
||||
<path d="M1065.52 57.7049L1044.67 53.3352C1036.9 51.6868 1031.19 56.2658 1032.16 63.8276L1033.04 70.4999L1025.16 69.1393C1016.31 67.5693 1009.38 73.1164 1010.04 81.8034L1012.05 108.911C1012.82 119.22 1021.94 128.535 1032.01 129.189L1058.94 130.969C1067.71 131.544 1073.05 124.113 1071.15 114.798L1069.51 106.818L1076.46 107.629C1084.15 108.519 1088.54 102.396 1086.5 94.3106L1081.19 72.9594C1079.42 65.8947 1072.5 59.1701 1065.52 57.7049ZM1057.06 120.11L1030.71 117.834C1026.88 117.493 1023.39 113.961 1022.99 110.01L1020.38 83.3472C1020.03 79.8933 1022.68 77.6169 1026.19 78.1664L1038.69 80.155L1039.09 80.2073L1049.74 81.8819L1037.82 94.2583C1036.55 95.5666 1036.42 97.7906 1037.5 99.8577C1038.59 101.951 1040.68 103.469 1042.79 103.73L1060.44 105.771L1061.92 113.882C1062.69 117.598 1060.5 120.398 1057.06 120.11ZM1078.47 93.1331C1079.21 96.3254 1077.41 98.6279 1074.4 98.2354L1063.19 96.744L1062.98 96.7178L1051.85 95.2264L1062.58 83.1902C1063.59 82.0389 1063.56 80.1288 1062.53 78.2972C1061.47 76.4918 1059.62 75.105 1057.8 74.791L1042.21 72.0698L1041.18 65.5022C1040.73 62.5193 1042.9 60.6354 1045.99 61.2372L1067.18 65.3976C1070.01 65.947 1072.79 68.6683 1073.45 71.5203L1078.47 93.1331Z" fill="url(#paint17_linear_3301_12958)"/>
|
||||
<path d="M1068.8 52.7049L1048.22 48.3352C1040.55 46.6868 1034.91 51.2658 1035.88 58.8276L1036.74 65.4999L1028.96 64.1393C1020.23 62.5693 1013.39 68.1164 1014.04 76.8034L1016.03 103.911C1016.78 114.22 1025.78 123.535 1035.72 124.189L1062.3 125.969C1070.96 126.544 1076.23 119.113 1074.35 109.798L1072.74 101.818L1079.6 102.629C1087.19 103.519 1091.52 97.3958 1089.51 89.3106L1084.27 67.9594C1082.52 60.8947 1075.68 54.1701 1068.8 52.7049ZM1060.45 115.11L1034.44 112.834C1030.66 112.493 1027.22 108.961 1026.83 105.01L1024.24 78.3472C1023.9 74.8933 1026.51 72.6169 1029.98 73.1664L1042.32 75.155L1042.71 75.2073L1053.22 76.8819L1041.46 89.2583C1040.21 90.5666 1040.08 92.7906 1041.15 94.8577C1042.22 96.951 1044.28 98.4686 1046.36 98.7302L1063.79 100.771L1065.25 108.882C1066.01 112.598 1063.84 115.398 1060.45 115.11ZM1081.58 88.1331C1082.31 91.3254 1080.54 93.6279 1077.56 93.2354L1066.5 91.744L1066.29 91.7178L1055.31 90.2264L1065.9 78.1902C1066.89 77.0389 1066.87 75.1288 1065.85 73.2972C1064.81 71.4918 1062.98 70.105 1061.18 69.791L1045.79 67.0698L1044.77 60.5022C1044.33 57.5193 1046.47 55.6354 1049.52 56.2372L1070.44 60.3976C1073.23 60.947 1075.97 63.6683 1076.62 66.5203L1081.58 88.1331Z" fill="url(#paint18_linear_3301_12958)"/>
|
||||
</g>
|
||||
<g opacity="0.2">
|
||||
<path d="M1131.49 18.5622L1121.69 16.508C1118.04 15.7331 1115.35 17.8856 1115.81 21.4404L1116.22 24.5769L1112.52 23.9373C1108.36 23.1993 1105.1 25.8069 1105.41 29.8905L1106.36 42.6334C1106.72 47.4797 1111 51.8585 1115.74 52.166L1128.4 53.0024C1132.52 53.273 1135.03 49.7798 1134.14 45.4009L1133.37 41.6494L1136.63 42.0307C1140.25 42.4489 1142.31 39.5707 1141.36 35.77L1138.86 25.7331C1138.03 22.4121 1134.77 19.251 1131.49 18.5622ZM1127.52 47.8979L1115.13 46.8278C1113.33 46.6679 1111.69 45.0073 1111.5 43.15L1110.27 30.6162C1110.11 28.9926 1111.35 27.9225 1113 28.1808L1118.88 29.1156L1119.07 29.1402L1124.07 29.9274L1118.47 35.7454C1117.87 36.3604 1117.81 37.4059 1118.32 38.3776C1118.83 39.3616 1119.81 40.075 1120.81 40.198L1129.11 41.1574L1129.8 44.9704C1130.16 46.7171 1129.13 48.0332 1127.52 47.8979ZM1137.58 35.2165C1137.93 36.7171 1137.08 37.7995 1135.67 37.615L1130.4 36.9139L1130.3 36.9016L1125.07 36.2005L1130.11 30.5424C1130.58 30.0012 1130.57 29.1033 1130.09 28.2423C1129.59 27.3936 1128.72 26.7417 1127.86 26.5941L1120.53 25.3149L1120.05 22.2276C1119.84 20.8254 1120.86 19.9398 1122.31 20.2227L1132.27 22.1784C1133.6 22.4367 1134.91 23.7159 1135.22 25.0566L1137.58 35.2165Z" fill="url(#paint19_linear_3301_12958)"/>
|
||||
<path d="M1133.03 16.2117L1123.36 14.1576C1119.75 13.3827 1117.1 15.5352 1117.56 19.0899L1117.96 22.2264L1114.31 21.5868C1110.2 20.8488 1106.99 23.4564 1107.29 27.5401L1108.23 40.283C1108.58 45.1292 1112.81 49.508 1117.48 49.8155L1129.98 50.6519C1134.05 50.9225 1136.53 47.4293 1135.64 43.0505L1134.88 39.299L1138.11 39.6803C1141.68 40.0985 1143.71 37.2202 1142.77 33.4195L1140.3 23.3826C1139.48 20.0616 1136.27 16.9005 1133.03 16.2117ZM1129.11 45.5474L1116.88 44.4773C1115.1 44.3174 1113.49 42.6569 1113.3 40.7996L1112.09 28.2658C1111.93 26.6422 1113.16 25.5721 1114.79 25.8304L1120.59 26.7652L1120.77 26.7898L1125.71 27.577L1120.18 33.3949C1119.59 34.0099 1119.53 35.0554 1120.03 36.0271C1120.54 37.0111 1121.51 37.7245 1122.49 37.8475L1130.68 38.807L1131.37 42.62C1131.72 44.3666 1130.7 45.6827 1129.11 45.5474ZM1139.04 32.866C1139.38 34.3666 1138.55 35.449 1137.15 35.2645L1131.95 34.5634L1131.86 34.5511L1126.69 33.85L1131.67 28.192C1132.14 27.6508 1132.13 26.7529 1131.65 25.8919C1131.16 25.0432 1130.3 24.3912 1129.45 24.2436L1122.22 22.9644L1121.74 19.8771C1121.53 18.4749 1122.54 17.5893 1123.97 17.8722L1133.81 19.8279C1135.12 20.0862 1136.41 21.3654 1136.71 22.7061L1139.04 32.866Z" fill="url(#paint20_linear_3301_12958)"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_3301_12958" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(5.94686) scale(1158.23 303.441)">
|
||||
<stop stop-color="#16D1D6"/>
|
||||
<stop offset="1" stop-color="#274CFF"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint1_linear_3301_12958" x1="232.375" y1="34.4166" x2="232.375" y2="137.083" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_3301_12958" x1="236.5" y1="28" x2="249.626" y2="130.642" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_3301_12958" x1="129.351" y1="-0.459473" x2="129.351" y2="55.4324" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_3301_12958" x1="132.527" y1="-3" x2="139.39" y2="51.6395" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_3301_12958" x1="46.5" y1="28" x2="46.5" y2="101" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_3301_12958" x1="49.5" y1="24" x2="58.9214" y2="96.9591" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_3301_12958" x1="920" y1="-10" x2="920" y2="92" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_3301_12958" x1="924" y1="-16" x2="937.063" y2="85.9693" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_3301_12958" x1="748.941" y1="23.4117" x2="748.941" y2="161.412" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_3301_12958" x1="754.353" y1="15.2941" x2="772.026" y2="153.253" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_3301_12958" x1="584.558" y1="-0.144775" x2="584.558" y2="47.9129" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_3301_12958" x1="586.442" y1="-2.97168" x2="592.597" y2="45.0716" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_3301_12958" x1="472.412" y1="34.5098" x2="472.412" y2="111.176" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint14_linear_3301_12958" x1="475.418" y1="30" x2="485.237" y2="106.644" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint15_linear_3301_12958" x1="361.882" y1="11.2156" x2="361.882" y2="71.8823" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint16_linear_3301_12958" x1="364.262" y1="7.64697" x2="372.031" y2="68.2954" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint17_linear_3301_12958" x1="1048.5" y1="53" x2="1048.5" y2="131" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint18_linear_3301_12958" x1="1052" y1="48" x2="1062.05" y2="125.961" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint19_linear_3301_12958" x1="1123.49" y1="16.3505" x2="1123.49" y2="53.0171" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#CDEDFF"/>
|
||||
<stop offset="1" stop-color="#83B4CF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint20_linear_3301_12958" x1="1125.14" y1="14" x2="1129.86" y2="50.6483" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#CCEDFF"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_3301_12958">
|
||||
<rect width="1152" height="120" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 29 KiB |
|
|
@ -1,7 +1,8 @@
|
|||
import React from "react";
|
||||
import styles from "./StartArticle.module.css";
|
||||
import TextBlock from "../TextBlock/TextBlock";
|
||||
import BannerBackground from "../../assets/UI/banner_background.svg";
|
||||
import bannerBackground from "../../assets/UI/banner_background.png";
|
||||
import ContinueIcon from "../../assets/icons/continue.svg";
|
||||
|
||||
function StartArticle({ content }) {
|
||||
|
||||
|
|
@ -22,9 +23,13 @@ function StartArticle({ content }) {
|
|||
</div>
|
||||
<TextBlock content={content[0]} />
|
||||
<br />
|
||||
|
||||
<div className={styles.banner_wrapper}>
|
||||
<BannerBackground />
|
||||
<div></div>
|
||||
<img src={bannerBackground} className={styles.banner_wrapper__bg} />
|
||||
|
||||
<div className={styles.banner_wrapper__content}>
|
||||
<h4 className={styles.title}>Exchange integration full guide</h4> <ContinueIcon className={styles.continueIcon} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{contentAfterBanner.map((item) => (
|
||||
|
|
|
|||
|
|
@ -1,20 +1,73 @@
|
|||
.welcome > h1 {
|
||||
.welcome>h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 460px) {
|
||||
.welcome > h1 {
|
||||
.welcome>h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.intro > article {
|
||||
.intro>article {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.banner_wrapper {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 120px;
|
||||
width: 100%;
|
||||
border-radius: 18px;
|
||||
overflow: hidden;
|
||||
padding: 0 20px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.banner_wrapper__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.banner_wrapper__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.banner_wrapper__content .title {
|
||||
padding-top: 10px;
|
||||
color: #ffffff;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
text-shadow: 0px 2px 4px 0px #0000001A;
|
||||
}
|
||||
|
||||
.banner_wrapper__content .continueIcon {
|
||||
min-width: 36px;
|
||||
}
|
||||
|
||||
@media (max-width: 780px) {
|
||||
.banner_wrapper__content .continueIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner_wrapper__content .title {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 380px) {
|
||||
.banner_wrapper__content .title {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue