arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: add pro section on landing

Browse Source
This commit is contained in:
Benjamin Canac
2023-11-20 14:22:03 +01:00
parent f245b4677c
commit 0cb5cc3947
4 changed files with 374 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
docs/public/illustrations/pro-dark.svg Normal file
View File

@@ -0,0 +1,189 @@
<svg width="1134" height="395" viewBox="0 0 1134 395" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.24" clip-path="url(#clip0_476_5530)">
<rect x="661.5" y="0.5" width="470" height="262" rx="7.5" fill="url(#paint0_linear_476_5530)" fill-opacity="0.4" stroke="url(#paint1_linear_476_5530)"/>
<rect x="681.25" y="13.25" width="430.5" height="31.5" rx="2.75" fill="url(#paint2_linear_476_5530)" fill-opacity="0.2" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<rect x="681.25" y="61.25" width="430.5" height="212.5" rx="2.75" fill="url(#paint3_linear_476_5530)" fill-opacity="0.2" stroke="url(#paint4_linear_476_5530)" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<path d="M707.464 37H716.386C716.669 37 716.948 36.9261 717.193 36.7857C717.438 36.6452 717.642 36.4432 717.784 36.2C717.925 35.9567 718 35.6808 718 35.3999C718 35.1191 717.925 34.8432 717.783 34.6001L711.792 24.3144C711.65 24.0712 711.446 23.8692 711.201 23.7288C710.955 23.5884 710.677 23.5144 710.394 23.5144C710.111 23.5144 709.832 23.5884 709.587 23.7288C709.341 23.8692 709.138 24.0712 708.996 24.3144L707.464 26.9461L704.469 21.7998C704.327 21.5566 704.123 21.3547 703.878 21.2143C703.632 21.0739 703.354 21 703.071 21C702.787 21 702.509 21.0739 702.263 21.2143C702.018 21.3547 701.814 21.5566 701.672 21.7998L694.217 34.6001C694.075 34.8432 694 35.1191 694 35.3999C694 35.6808 694.074 35.9567 694.216 36.2C694.358 36.4432 694.561 36.6452 694.807 36.7857C695.052 36.9261 695.331 37 695.614 37H701.214C703.433 37 705.07 36.034 706.196 34.1494L708.929 29.4572L710.393 26.9461L714.788 34.4889H708.929L707.464 37ZM701.123 34.4863L697.215 34.4854L703.073 24.429L705.996 29.4572L704.039 32.818C703.291 34.0408 702.442 34.4863 701.123 34.4863Z" fill="#94A3B8"/>
<line x1="832" y1="30" x2="860" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="880" y1="30" x2="908" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="929" y1="30" x2="957" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<rect x="1049" y="23" width="46" height="11" rx="3" fill="#94A3B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M885 90C883.895 90 883 90.8954 883 92C883 93.1046 883.895 94 885 94H909C910.105 94 911 93.1046 911 92C911 90.8954 910.105 90 909 90H885ZM806.5 106C804.015 106 802 108.015 802 110.5C802 112.985 804.015 115 806.5 115H987.5C989.985 115 992 112.985 992 110.5C992 108.015 989.985 106 987.5 106H806.5ZM842 129.5C842 127.015 844.015 125 846.5 125H949.5C951.985 125 954 127.015 954 129.5C954 131.985 951.985 134 949.5 134H846.5C844.015 134 842 131.985 842 129.5ZM768 192C765.791 192 764 193.791 764 196V268H1031V196C1031 193.791 1029.21 192 1027 192H768ZM845 156C845 154.343 846.343 153 848 153H889C890.657 153 892 154.343 892 156V162C892 163.657 890.657 165 889 165H848C846.343 165 845 163.657 845 162V156ZM907 153C905.343 153 904 154.343 904 156V162C904 163.657 905.343 165 907 165H948C949.657 165 951 163.657 951 162V156C951 154.343 949.657 153 948 153H907Z" fill="url(#paint5_linear_476_5530)" fill-opacity="0.6"/>
</g>
<g opacity="0.24" clip-path="url(#clip1_476_5530)">
<rect x="0.5" y="0.5" width="470" height="262" rx="7.5" fill="url(#paint6_linear_476_5530)" fill-opacity="0.4" stroke="url(#paint7_linear_476_5530)"/>
<rect x="20.25" y="13.25" width="430.5" height="31.5" rx="2.75" fill="url(#paint8_linear_476_5530)" fill-opacity="0.2" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<path d="M46.4641 37H55.3858C55.6692 37 55.9476 36.9261 56.193 36.7857C56.4384 36.6452 56.6422 36.4432 56.7838 36.2C56.9254 35.9567 56.9999 35.6808 56.9998 35.3999C56.9997 35.1191 56.9249 34.8432 56.7831 34.6001L50.7915 24.3144C50.6499 24.0712 50.4462 23.8692 50.2008 23.7288C49.9555 23.5884 49.6771 23.5144 49.3938 23.5144C49.1105 23.5144 48.8322 23.5884 48.5868 23.7288C48.3415 23.8692 48.1377 24.0712 47.9961 24.3144L46.4641 26.9461L43.4687 21.7998C43.327 21.5566 43.1232 21.3547 42.8778 21.2143C42.6324 21.0739 42.354 21 42.0706 21C41.7873 21 41.5089 21.0739 41.2635 21.2143C41.0181 21.3547 40.8142 21.5566 40.6725 21.7998L33.2167 34.6001C33.0749 34.8432 33.0001 35.1191 33 35.3999C32.9999 35.6808 33.0744 35.9567 33.216 36.2C33.3576 36.4432 33.5614 36.6452 33.8068 36.7857C34.0522 36.9261 34.3306 37 34.614 37H40.2143C42.4332 37 44.0696 36.034 45.1955 34.1494L47.9292 29.4572L49.3934 26.9461L53.7877 34.4889H47.9292L46.4641 37ZM40.123 34.4863L36.2147 34.4854L42.0732 24.429L44.9964 29.4572L43.0392 32.818C42.2915 34.0408 41.442 34.4863 40.123 34.4863Z" fill="#94A3B8"/>
<line x1="171" y1="30" x2="199" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="219" y1="30" x2="247" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="268" y1="30" x2="296" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<rect x="388" y="23" width="46" height="11" rx="3" fill="#94A3B8"/>
<rect x="20.2509" y="61.2509" width="430.498" height="76.4981" rx="2.76023" fill="url(#paint9_linear_476_5530)" fill-opacity="0.2" stroke="#94A3B8" stroke-width="0.501861" stroke-dasharray="1.91 1.91"/>
<rect x="20.2509" y="155.251" width="431.498" height="76.4981" rx="2.74907" fill="url(#paint10_linear_476_5530)" fill-opacity="0.2" stroke="url(#paint11_linear_476_5530)" stroke-width="0.501861" stroke-dasharray="1.91 1.91"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M263 71.001C261.343 71.001 260 72.3441 260 74.001V126.001C260 127.658 261.343 129.001 263 129.001H432C433.657 129.001 435 127.658 435 126.001V74.001C435 72.3441 433.657 71.001 432 71.001H263ZM35.5 79.001C34.1193 79.001 33 80.1203 33 81.501C33 82.8817 34.1193 84.001 35.5 84.001H97.5C98.8807 84.001 100 82.8817 100 81.501C100 80.1203 98.8807 79.001 97.5 79.001H35.5ZM35.5 91.001C34.1193 91.001 33 92.1203 33 93.501C33 94.8817 34.1193 96.001 35.5 96.001H210.5C211.881 96.001 213 94.8817 213 93.501C213 92.1203 211.881 91.001 210.5 91.001H35.5ZM33 104.501C33 103.12 34.1193 102.001 35.5 102.001H171.5C172.881 102.001 174 103.12 174 104.501C174 105.882 172.881 107.001 171.5 107.001H35.5C34.1193 107.001 33 105.882 33 104.501ZM33 117.001C33 115.896 33.8954 115.001 35 115.001H124C125.105 115.001 126 115.896 126 117.001V122.001C126 123.106 125.105 124.001 124 124.001H35C33.8954 124.001 33 123.106 33 122.001V117.001ZM132 115.001C130.895 115.001 130 115.896 130 117.001V122.001C130 123.106 130.895 124.001 132 124.001H158C159.105 124.001 160 123.106 160 122.001V117.001C160 115.896 159.105 115.001 158 115.001H132Z" fill="url(#paint12_linear_476_5530)" fill-opacity="0.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 169.001C35 167.896 35.8954 167.001 37 167.001H118C119.105 167.001 120 167.896 120 169.001V213.001C120 214.106 119.105 215.001 118 215.001H37C35.8954 215.001 35 214.106 35 213.001V169.001ZM35 224.001C35 222.896 35.8954 222.001 37 222.001H61C62.1046 222.001 63 222.896 63 224.001C63 225.106 62.1046 226.001 61 226.001H37C35.8954 226.001 35 225.106 35 224.001ZM37 233.001C35.8954 233.001 35 233.896 35 235.001C35 236.106 35.8954 237.001 37 237.001H110C111.105 237.001 112 236.106 112 235.001C112 233.896 111.105 233.001 110 233.001H37Z" fill="url(#paint13_linear_476_5530)" fill-opacity="0.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M246 169.001C246 167.896 246.895 167.001 248 167.001H329C330.105 167.001 331 167.896 331 169.001V213.001C331 214.106 330.105 215.001 329 215.001H248C246.895 215.001 246 214.106 246 213.001V169.001ZM246 224C246 222.896 246.895 222 248 222H272C273.105 222 274 222.896 274 224C274 225.105 273.105 226 272 226H248C246.895 226 246 225.105 246 224ZM248 233C246.895 233 246 233.896 246 235C246 236.105 246.895 237 248 237H321C322.105 237 323 236.105 323 235C323 233.896 322.105 233 321 233H248Z" fill="url(#paint14_linear_476_5530)" fill-opacity="0.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M140 169.001C140 167.896 140.895 167.001 142 167.001H223C224.105 167.001 225 167.896 225 169.001V213.001C225 214.106 224.105 215.001 223 215.001H142C140.895 215.001 140 214.106 140 213.001V169.001ZM140 224.001C140 222.896 140.895 222.001 142 222.001H166C167.105 222.001 168 222.896 168 224.001C168 225.106 167.105 226.001 166 226.001H142C140.895 226.001 140 225.106 140 224.001ZM142 233.001C140.895 233.001 140 233.896 140 235.001C140 236.106 140.895 237.001 142 237.001H215C216.105 237.001 217 236.106 217 235.001C217 233.896 216.105 233.001 215 233.001H142Z" fill="url(#paint15_linear_476_5530)" fill-opacity="0.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M352 169.001C352 167.896 352.895 167.001 354 167.001H435C436.105 167.001 437 167.896 437 169.001V213.001C437 214.106 436.105 215.001 435 215.001H354C352.895 215.001 352 214.106 352 213.001V169.001ZM352 224.001C352 222.896 352.895 222.001 354 222.001H378C379.105 222.001 380 222.896 380 224.001C380 225.106 379.105 226.001 378 226.001H354C352.895 226.001 352 225.106 352 224.001ZM354 233.001C352.895 233.001 352 233.896 352 235.001C352 236.106 352.895 237.001 354 237.001H427C428.105 237.001 429 236.106 429 235.001C429 233.896 428.105 233.001 427 233.001H354Z" fill="url(#paint16_linear_476_5530)" fill-opacity="0.6"/>
</g>
<g clip-path="url(#clip2_476_5530)" filter="url(#filter0_d_476_5530)">
<g clip-path="url(#clip3_476_5530)">
<rect x="320" y="61" width="495" height="277" rx="8" fill="#0F172A"/>
<rect x="320" y="61" width="495" height="277" rx="8" fill="url(#paint17_linear_476_5530)" fill-opacity="0.4"/>
<rect x="320.5" y="61.5" width="494" height="276" rx="7.5" stroke="url(#paint18_linear_476_5530)" stroke-opacity="0.6"/>
<rect x="340.25" y="126.25" width="83.5" height="212.5" rx="2.75" fill="url(#paint19_linear_476_5530)" fill-opacity="0.2" stroke="url(#paint20_linear_476_5530)" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="340.25" y="75.25" width="452.5" height="33.5" rx="2.75" fill="url(#paint21_linear_476_5530)" fill-opacity="0.21" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="448.25" y="126.25" width="237.5" height="223.5" rx="2.75" fill="url(#paint22_linear_476_5530)" fill-opacity="0.2" stroke="url(#paint23_linear_476_5530)" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="710.25" y="126.25" width="83.5" height="212.5" rx="2.75" fill="url(#paint24_linear_476_5530)" fill-opacity="0.2" stroke="url(#paint25_linear_476_5530)" stroke-width="0.5" stroke-dasharray="2 2"/>
<path d="M369.305 101H378.785C379.086 101 379.382 100.921 379.642 100.772C379.903 100.623 380.12 100.408 380.27 100.15C380.421 99.8915 380.5 99.5983 380.5 99.2999C380.499 99.0015 380.42 98.7084 380.269 98.4501L373.903 87.5215C373.753 87.2631 373.536 87.0485 373.276 86.8993C373.015 86.7501 372.719 86.6716 372.418 86.6716C372.117 86.6716 371.821 86.7501 371.561 86.8993C371.3 87.0485 371.084 87.2631 370.933 87.5215L369.305 90.3177L366.123 84.8498C365.972 84.5914 365.756 84.3769 365.495 84.2277C365.234 84.0785 364.938 84 364.637 84C364.336 84 364.04 84.0785 363.78 84.2277C363.519 84.3769 363.302 84.5914 363.152 84.8498L355.23 98.4501C355.079 98.7084 355 99.0015 355 99.2999C355 99.5983 355.079 99.8915 355.229 100.15C355.38 100.408 355.596 100.623 355.857 100.772C356.118 100.921 356.414 101 356.715 101H362.665C365.023 101 366.761 99.9736 367.958 97.9712L370.862 92.9858L372.418 90.3177L377.087 98.332H370.862L369.305 101ZM362.568 98.3292L358.415 98.3283L364.64 87.6433L367.746 92.9858L365.666 96.5566C364.872 97.8558 363.969 98.3292 362.568 98.3292Z" fill="#94A3B8"/>
<line x1="500.5" y1="92.5" x2="529.5" y2="92.5" stroke="#94A3B8" stroke-width="5" stroke-linecap="round"/>
<line x1="551.5" y1="92.5" x2="580.5" y2="92.5" stroke="#94A3B8" stroke-width="5" stroke-linecap="round"/>
<line x1="602.5" y1="92.5" x2="631.5" y2="92.5" stroke="#94A3B8" stroke-width="5" stroke-linecap="round"/>
<rect x="728" y="86" width="49" height="12" rx="3" fill="#94A3B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M357.5 145C356.119 145 355 146.119 355 147.5C355 148.881 356.119 150 357.5 150H366.5C367.88 150 369 148.881 369 147.5C369 146.119 367.88 145 366.5 145H357.5ZM357.5 230C356.119 230 355 231.119 355 232.5C355 233.881 356.119 235 357.5 235H366.5C367.88 235 369 233.881 369 232.5C369 231.119 367.88 230 366.5 230H357.5ZM355 190.5C355 189.119 356.119 188 357.5 188H361.5C362.88 188 364 189.119 364 190.5C364 191.881 362.88 193 361.5 193H357.5C356.119 193 355 191.881 355 190.5ZM357.5 273C356.119 273 355 274.119 355 275.5C355 276.881 356.119 278 357.5 278H361.5C362.88 278 364 276.881 364 275.5C364 274.119 362.88 273 361.5 273H357.5ZM355 161.5C355 160.119 356.119 159 357.5 159H399.5C400.88 159 402 160.119 402 161.5C402 162.881 400.88 164 399.5 164H357.5C356.119 164 355 162.881 355 161.5ZM357.5 245C356.119 245 355 246.119 355 247.5C355 248.881 356.119 250 357.5 250H399.5C400.88 250 402 248.881 402 247.5C402 246.119 400.88 245 399.5 245H357.5ZM355 204.5C355 203.119 356.119 202 357.5 202H379.5C380.88 202 382 203.119 382 204.5C382 205.881 380.88 207 379.5 207H357.5C356.119 207 355 205.881 355 204.5ZM357.5 287C356.119 287 355 288.119 355 289.5C355 290.881 356.119 292 357.5 292H379.5C380.88 292 382 290.881 382 289.5C382 288.119 380.88 287 379.5 287H357.5ZM355 175.5C355 174.119 356.119 173 357.5 173H399.5C400.88 173 402 174.119 402 175.5C402 176.881 400.88 178 399.5 178H357.5C356.119 178 355 176.881 355 175.5ZM357.5 259C356.119 259 355 260.119 355 261.5C355 262.881 356.119 264 357.5 264H399.5C400.88 264 402 262.881 402 261.5C402 260.119 400.88 259 399.5 259H357.5ZM355 218.5C355 217.119 356.119 216 357.5 216H379.5C380.88 216 382 217.119 382 218.5C382 219.881 380.88 221 379.5 221H357.5C356.119 221 355 219.881 355 218.5ZM357.5 301C356.119 301 355 302.119 355 303.5C355 304.881 356.119 306 357.5 306H379.5C380.88 306 382 304.881 382 303.5C382 302.119 380.88 301 379.5 301H357.5Z" fill="url(#paint26_linear_476_5530)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M724 146.5C724 145.12 725.119 144 726.5 144H731.5C732.88 144 734 145.12 734 146.5C734 147.881 732.88 149 731.5 149H726.5C725.119 149 724 147.881 724 146.5ZM724 188.5C724 187.12 725.119 186 726.5 186H737.5C738.88 186 740 187.12 740 188.5C740 189.881 738.88 191 737.5 191H726.5C725.119 191 724 189.881 724 188.5ZM726.5 228C725.119 228 724 229.12 724 230.5C724 231.881 725.119 233 726.5 233H731.5C732.88 233 734 231.881 734 230.5C734 229.12 732.88 228 731.5 228H726.5ZM724 202.5C724 201.12 725.119 200 726.5 200H774.5C775.88 200 777 201.12 777 202.5C777 203.881 775.88 205 774.5 205H726.5C725.119 205 724 203.881 724 202.5ZM726.5 158C725.119 158 724 159.12 724 160.5C724 161.881 725.119 163 726.5 163H751.5C752.88 163 754 161.881 754 160.5C754 159.12 752.88 158 751.5 158H726.5ZM724 245.5C724 244.12 725.119 243 726.5 243H751.5C752.88 243 754 244.12 754 245.5C754 246.881 752.88 248 751.5 248H726.5C725.119 248 724 246.881 724 245.5ZM726.5 214C725.119 214 724 215.12 724 216.5C724 217.881 725.119 219 726.5 219H774.5C775.88 219 777 217.881 777 216.5C777 215.12 775.88 214 774.5 214H726.5ZM724 174.5C724 173.12 725.119 172 726.5 172H751.5C752.88 172 754 173.12 754 174.5C754 175.881 752.88 177 751.5 177H726.5C725.119 177 724 175.881 724 174.5ZM726.5 257C725.119 257 724 258.12 724 259.5C724 260.881 725.119 262 726.5 262H751.5C752.88 262 754 260.881 754 259.5C754 258.12 752.88 257 751.5 257H726.5Z" fill="url(#paint27_linear_476_5530)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M467 147.5C467 146.119 468.119 145 469.5 145H494.5C495.88 145 497 146.119 497 147.5C497 148.881 495.88 150 494.5 150H469.5C468.119 150 467 148.881 467 147.5ZM467 285.5C467 284.119 468.119 283 469.5 283H511.5C512.88 283 514 284.119 514 285.5C514 286.881 512.88 288 511.5 288H469.5C468.119 288 467 286.881 467 285.5ZM469.5 164C468.119 164 467 165.119 467 166.5C467 167.881 468.119 169 469.5 169H664.5C665.88 169 667 167.881 667 166.5C667 165.119 665.88 164 664.5 164H469.5ZM467 305.5C467 304.119 468.119 303 469.5 303H614.5C615.88 303 617 304.119 617 305.5C617 306.881 615.88 308 614.5 308H469.5C468.119 308 467 306.881 467 305.5ZM469.5 182C468.119 182 467 183.119 467 184.5C467 185.881 468.119 187 469.5 187H664.5C665.88 187 667 185.881 667 184.5C667 183.119 665.88 182 664.5 182H469.5ZM467 323.5C467 322.119 468.119 321 469.5 321H614.5C615.88 321 617 322.119 617 323.5C617 324.881 615.88 326 614.5 326H469.5C468.119 326 467 324.881 467 323.5ZM472 198C469.238 198 467 200.239 467 203V246C467 248.761 469.238 251 472 251H663C665.761 251 668 248.761 668 246V203C668 200.239 665.761 198 663 198H472Z" fill="url(#paint28_linear_476_5530)" fill-opacity="0.6"/>
</g>
</g>
<defs>
<filter id="filter0_d_476_5530" x="279" y="24" width="577" height="371" 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" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="20.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0.0901961 0 0 0 0 0.164706 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_476_5530"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_476_5530" result="shape"/>
</filter>
<linearGradient id="paint0_linear_476_5530" x1="896.5" y1="0" x2="896.5" y2="136.811" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_476_5530" x1="896.5" y1="-1.56064e-07" x2="896.532" y2="178.744" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_476_5530" x1="896.5" y1="13" x2="896.722" y2="45.0001" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_476_5530" x1="896.5" y1="61" x2="896.5" y2="157.907" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_476_5530" x1="896.5" y1="61" x2="896.523" y2="205.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_476_5530" x1="899.095" y1="69.1854" x2="899.012" y2="271.119" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="0.899985" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_476_5530" x1="235.5" y1="0" x2="235.5" y2="136.811" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_476_5530" x1="235.5" y1="-1.56064e-07" x2="235.532" y2="178.744" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_476_5530" x1="235.5" y1="13" x2="235.722" y2="45.0001" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint9_linear_476_5530" x1="235.5" y1="61" x2="235.5" y2="96.0322" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear_476_5530" x1="236" y1="155" x2="236" y2="190.032" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_476_5530" x1="236" y1="155" x2="236" y2="232" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_476_5530" x1="157.987" y1="82.5411" x2="157.959" y2="176.034" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#475569" stop-opacity="0"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint13_linear_476_5530" x1="93.9862" y1="156.526" x2="93.8971" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint14_linear_476_5530" x1="305.671" y1="156.526" x2="305.582" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint15_linear_476_5530" x1="199.829" y1="156.526" x2="199.74" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint16_linear_476_5530" x1="411.513" y1="156.526" x2="411.424" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint17_linear_476_5530" x1="567.5" y1="61" x2="567.5" y2="205.094" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint18_linear_476_5530" x1="567.5" y1="61" x2="567.533" y2="249.259" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint19_linear_476_5530" x1="382" y1="126" x2="382" y2="222.907" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint20_linear_476_5530" x1="382" y1="126" x2="382.117" y2="270.762" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint21_linear_476_5530" x1="566.5" y1="75" x2="566.739" y2="109" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint22_linear_476_5530" x1="567" y1="126" x2="567" y2="227.912" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint23_linear_476_5530" x1="567" y1="126" x2="567.045" y2="278.239" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint24_linear_476_5530" x1="752" y1="126" x2="752" y2="222.907" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint25_linear_476_5530" x1="752" y1="126" x2="752.117" y2="270.762" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint26_linear_476_5530" x1="379.535" y1="145.273" x2="379.786" y2="326.701" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_476_5530" x1="750.5" y1="143.969" x2="750.619" y2="276.801" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_476_5530" x1="568.115" y1="134.972" x2="568.026" y2="348.937" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_476_5530">
<rect width="472" height="274" fill="white" transform="translate(661)"/>
</clipPath>
<clipPath id="clip1_476_5530">
<rect width="472" height="274" fill="white"/>
</clipPath>
<clipPath id="clip2_476_5530">
<rect width="495" height="289" fill="white" transform="translate(320 61)"/>
</clipPath>
<clipPath id="clip3_476_5530">
<rect width="495" height="289" fill="white" transform="translate(320 61)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

150
docs/public/illustrations/pro-light.svg Normal file
View File

@@ -0,0 +1,150 @@
<svg width="1134" height="395" viewBox="0 0 1134 395" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.4" clip-path="url(#clip0_476_5797)">
<g clip-path="url(#clip1_476_5797)">
<rect x="661.5" y="0.5" width="470" height="262" rx="7.5" stroke="url(#paint0_linear_476_5797)"/>
<rect x="681.25" y="13.25" width="430.5" height="31.5" rx="2.75" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<rect x="681.25" y="61.25" width="430.5" height="212.5" rx="2.75" stroke="url(#paint1_linear_476_5797)" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<path d="M707.464 37H716.386C716.669 37 716.948 36.9261 717.193 36.7857C717.438 36.6452 717.642 36.4432 717.784 36.2C717.925 35.9567 718 35.6808 718 35.3999C718 35.1191 717.925 34.8432 717.783 34.6001L711.792 24.3144C711.65 24.0712 711.446 23.8692 711.201 23.7288C710.956 23.5884 710.677 23.5144 710.394 23.5144C710.111 23.5144 709.832 23.5884 709.587 23.7288C709.342 23.8692 709.138 24.0712 708.996 24.3144L707.464 26.9461L704.469 21.7998C704.327 21.5566 704.123 21.3547 703.878 21.2143C703.632 21.0739 703.354 21 703.071 21C702.787 21 702.509 21.0739 702.264 21.2143C702.018 21.3547 701.814 21.5566 701.673 21.7998L694.217 34.6001C694.075 34.8432 694 35.1191 694 35.3999C694 35.6808 694.074 35.9567 694.216 36.2C694.358 36.4432 694.561 36.6452 694.807 36.7857C695.052 36.9261 695.331 37 695.614 37H701.214C703.433 37 705.07 36.034 706.196 34.1494L708.929 29.4572L710.393 26.9461L714.788 34.4889H708.929L707.464 37ZM701.123 34.4863L697.215 34.4854L703.073 24.429L705.996 29.4572L704.039 32.818C703.292 34.0408 702.442 34.4863 701.123 34.4863Z" fill="#94A3B8"/>
<line x1="832" y1="30" x2="860" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="880" y1="30" x2="908" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="929" y1="30" x2="957" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<rect x="1049" y="23" width="46" height="11" rx="3" fill="#94A3B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M885 90C883.895 90 883 90.8954 883 92C883 93.1046 883.895 94 885 94H909C910.105 94 911 93.1046 911 92C911 90.8954 910.105 90 909 90H885ZM806.5 106C804.015 106 802 108.015 802 110.5C802 112.985 804.015 115 806.5 115H987.5C989.985 115 992 112.985 992 110.5C992 108.015 989.985 106 987.5 106H806.5ZM842 129.5C842 127.015 844.015 125 846.5 125H949.5C951.985 125 954 127.015 954 129.5C954 131.985 951.985 134 949.5 134H846.5C844.015 134 842 131.985 842 129.5ZM768 192C765.791 192 764 193.791 764 196V268H1031V196C1031 193.791 1029.21 192 1027 192H768ZM845 156C845 154.343 846.343 153 848 153H889C890.657 153 892 154.343 892 156V162C892 163.657 890.657 165 889 165H848C846.343 165 845 163.657 845 162V156ZM907 153C905.343 153 904 154.343 904 156V162C904 163.657 905.343 165 907 165H948C949.657 165 951 163.657 951 162V156C951 154.343 949.657 153 948 153H907Z" fill="url(#paint2_linear_476_5797)" fill-opacity="0.5"/>
</g>
</g>
<g opacity="0.4" clip-path="url(#clip2_476_5797)">
<g clip-path="url(#clip3_476_5797)">
<rect x="0.500046" y="0.5" width="470" height="262" rx="7.5" stroke="url(#paint3_linear_476_5797)"/>
<rect x="20.25" y="13.25" width="430.5" height="31.5" rx="2.75" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="1.9 1.9"/>
<path d="M46.4642 37H55.3859C55.6693 37 55.9477 36.9261 56.1931 36.7857C56.4385 36.6452 56.6422 36.4432 56.7838 36.2C56.9255 35.9567 57 35.6808 56.9998 35.3999C56.9997 35.1191 56.925 34.8432 56.7831 34.6001L50.7916 24.3144C50.6499 24.0712 50.4462 23.8692 50.2009 23.7288C49.9555 23.5884 49.6772 23.5144 49.3939 23.5144C49.1105 23.5144 48.8322 23.5884 48.5869 23.7288C48.3415 23.8692 48.1378 24.0712 47.9962 24.3144L46.4642 26.9461L43.4688 21.7998C43.3271 21.5566 43.1232 21.3547 42.8778 21.2143C42.6324 21.0739 42.354 21 42.0707 21C41.7873 21 41.5089 21.0739 41.2635 21.2143C41.0181 21.3547 40.8143 21.5566 40.6725 21.7998L33.2168 34.6001C33.0749 34.8432 33.0002 35.1191 33 35.3999C32.9999 35.6808 33.0744 35.9567 33.216 36.2C33.3577 36.4432 33.5614 36.6452 33.8068 36.7857C34.0522 36.9261 34.3306 37 34.614 37H40.2143C42.4332 37 44.0696 36.034 45.1956 34.1494L47.9292 29.4572L49.3934 26.9461L53.7878 34.4889H47.9292L46.4642 37ZM40.123 34.4863L36.2147 34.4854L42.0733 24.429L44.9965 29.4572L43.0393 32.818C42.2915 34.0408 41.442 34.4863 40.123 34.4863Z" fill="#94A3B8"/>
<line x1="171" y1="30" x2="199" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="219" y1="30" x2="247" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<line x1="268" y1="30" x2="296" y2="30" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/>
<rect x="388" y="23" width="46" height="11" rx="3" fill="#94A3B8"/>
<rect x="20.251" y="61.2509" width="430.498" height="76.4981" rx="2.76023" stroke="#94A3B8" stroke-width="0.501861" stroke-dasharray="1.91 1.91"/>
<rect x="20.251" y="155.251" width="431.498" height="76.4981" rx="2.74907" stroke="url(#paint4_linear_476_5797)" stroke-width="0.501861" stroke-dasharray="1.91 1.91"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M263 71.001C261.343 71.001 260 72.3441 260 74.001V126.001C260 127.658 261.343 129.001 263 129.001H432C433.657 129.001 435 127.658 435 126.001V74.001C435 72.3441 433.657 71.001 432 71.001H263ZM35.5 79.001C34.1193 79.001 33 80.1203 33 81.501C33 82.8817 34.1193 84.001 35.5 84.001H97.5C98.8808 84.001 100 82.8817 100 81.501C100 80.1203 98.8808 79.001 97.5 79.001H35.5ZM35.5 91.001C34.1193 91.001 33 92.1203 33 93.501C33 94.8817 34.1193 96.001 35.5 96.001H210.5C211.881 96.001 213 94.8817 213 93.501C213 92.1203 211.881 91.001 210.5 91.001H35.5ZM33 104.501C33 103.12 34.1193 102.001 35.5 102.001H171.5C172.881 102.001 174 103.12 174 104.501C174 105.882 172.881 107.001 171.5 107.001H35.5C34.1193 107.001 33 105.882 33 104.501ZM33 117.001C33 115.896 33.8955 115.001 35 115.001H124C125.105 115.001 126 115.896 126 117.001V122.001C126 123.106 125.105 124.001 124 124.001H35C33.8955 124.001 33 123.106 33 122.001V117.001ZM132 115.001C130.895 115.001 130 115.896 130 117.001V122.001C130 123.106 130.895 124.001 132 124.001H158C159.105 124.001 160 123.106 160 122.001V117.001C160 115.896 159.105 115.001 158 115.001H132Z" fill="url(#paint5_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 169.001C35 167.896 35.8955 167.001 37 167.001H118C119.105 167.001 120 167.896 120 169.001V213.001C120 214.106 119.105 215.001 118 215.001H37C35.8955 215.001 35 214.106 35 213.001V169.001ZM35 224.001C35 222.896 35.8955 222.001 37 222.001H61C62.1046 222.001 63 222.896 63 224.001C63 225.106 62.1046 226.001 61 226.001H37C35.8955 226.001 35 225.106 35 224.001ZM37 233.001C35.8955 233.001 35 233.896 35 235.001C35 236.106 35.8955 237.001 37 237.001H110C111.105 237.001 112 236.106 112 235.001C112 233.896 111.105 233.001 110 233.001H37Z" fill="url(#paint6_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M246 169.001C246 167.896 246.895 167.001 248 167.001H329C330.105 167.001 331 167.896 331 169.001V213.001C331 214.106 330.105 215.001 329 215.001H248C246.895 215.001 246 214.106 246 213.001V169.001ZM246 224C246 222.896 246.895 222 248 222H272C273.105 222 274 222.896 274 224C274 225.105 273.105 226 272 226H248C246.895 226 246 225.105 246 224ZM248 233C246.895 233 246 233.896 246 235C246 236.105 246.895 237 248 237H321C322.105 237 323 236.105 323 235C323 233.896 322.105 233 321 233H248Z" fill="url(#paint7_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M140 169.001C140 167.896 140.895 167.001 142 167.001H223C224.105 167.001 225 167.896 225 169.001V213.001C225 214.106 224.105 215.001 223 215.001H142C140.895 215.001 140 214.106 140 213.001V169.001ZM140 224.001C140 222.896 140.895 222.001 142 222.001H166C167.105 222.001 168 222.896 168 224.001C168 225.106 167.105 226.001 166 226.001H142C140.895 226.001 140 225.106 140 224.001ZM142 233.001C140.895 233.001 140 233.896 140 235.001C140 236.106 140.895 237.001 142 237.001H215C216.105 237.001 217 236.106 217 235.001C217 233.896 216.105 233.001 215 233.001H142Z" fill="url(#paint8_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M352 169.001C352 167.896 352.895 167.001 354 167.001H435C436.105 167.001 437 167.896 437 169.001V213.001C437 214.106 436.105 215.001 435 215.001H354C352.895 215.001 352 214.106 352 213.001V169.001ZM352 224.001C352 222.896 352.895 222.001 354 222.001H378C379.105 222.001 380 222.896 380 224.001C380 225.106 379.105 226.001 378 226.001H354C352.895 226.001 352 225.106 352 224.001ZM354 233.001C352.895 233.001 352 233.896 352 235.001C352 236.106 352.895 237.001 354 237.001H427C428.105 237.001 429 236.106 429 235.001C429 233.896 428.105 233.001 427 233.001H354Z" fill="url(#paint9_linear_476_5797)" fill-opacity="0.5"/>
</g>
</g>
<g clip-path="url(#clip4_476_5797)" filter="url(#filter0_d_476_5797)">
<g clip-path="url(#clip5_476_5797)">
<rect x="320" y="61" width="495" height="277" rx="8" fill="white"/>
<rect x="320.5" y="61.5" width="494" height="276" rx="7.5" stroke="url(#paint10_linear_476_5797)" stroke-opacity="0.6"/>
<rect x="340.25" y="126.25" width="83.5" height="212.5" rx="2.75" stroke="url(#paint11_linear_476_5797)" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="340.25" y="75.25" width="452.5" height="33.5" rx="2.75" stroke="#94A3B8" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="448.25" y="126.25" width="237.5" height="223.5" rx="2.75" stroke="url(#paint12_linear_476_5797)" stroke-width="0.5" stroke-dasharray="2 2"/>
<rect x="710.25" y="126.25" width="83.5" height="212.5" rx="2.75" stroke="url(#paint13_linear_476_5797)" stroke-width="0.5" stroke-dasharray="2 2"/>
<path d="M369.305 101H378.785C379.086 101 379.382 100.921 379.642 100.772C379.903 100.623 380.12 100.408 380.27 100.15C380.421 99.8915 380.5 99.5983 380.5 99.2999C380.499 99.0015 380.42 98.7084 380.269 98.4501L373.903 87.5215C373.753 87.2631 373.536 87.0485 373.276 86.8993C373.015 86.7501 372.719 86.6716 372.418 86.6716C372.117 86.6716 371.821 86.7501 371.561 86.8993C371.3 87.0485 371.084 87.2631 370.933 87.5215L369.305 90.3177L366.123 84.8498C365.972 84.5914 365.756 84.3769 365.495 84.2277C365.234 84.0785 364.938 84 364.637 84C364.336 84 364.04 84.0785 363.78 84.2277C363.519 84.3769 363.302 84.5914 363.152 84.8498L355.23 98.4501C355.079 98.7084 355 99.0015 355 99.2999C355 99.5983 355.079 99.8915 355.229 100.15C355.38 100.408 355.596 100.623 355.857 100.772C356.118 100.921 356.414 101 356.715 101H362.665C365.023 101 366.761 99.9736 367.958 97.9712L370.862 92.9858L372.418 90.3177L377.087 98.332H370.862L369.305 101ZM362.568 98.3292L358.415 98.3283L364.64 87.6433L367.746 92.9858L365.666 96.5566C364.872 97.8558 363.969 98.3292 362.568 98.3292Z" fill="#94A3B8" fill-opacity="0.5"/>
<line x1="500.5" y1="92.5" x2="529.5" y2="92.5" stroke="#94A3B8" stroke-opacity="0.5" stroke-width="5" stroke-linecap="round"/>
<line x1="551.5" y1="92.5" x2="580.5" y2="92.5" stroke="#94A3B8" stroke-opacity="0.5" stroke-width="5" stroke-linecap="round"/>
<line x1="602.5" y1="92.5" x2="631.5" y2="92.5" stroke="#94A3B8" stroke-opacity="0.5" stroke-width="5" stroke-linecap="round"/>
<rect x="728" y="86" width="49" height="12" rx="3" fill="#94A3B8" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M357.5 145C356.119 145 355 146.119 355 147.5C355 148.881 356.119 150 357.5 150H366.5C367.88 150 369 148.881 369 147.5C369 146.119 367.88 145 366.5 145H357.5ZM357.5 230C356.119 230 355 231.119 355 232.5C355 233.881 356.119 235 357.5 235H366.5C367.88 235 369 233.881 369 232.5C369 231.119 367.88 230 366.5 230H357.5ZM355 190.5C355 189.119 356.119 188 357.5 188H361.5C362.88 188 364 189.119 364 190.5C364 191.881 362.88 193 361.5 193H357.5C356.119 193 355 191.881 355 190.5ZM357.5 273C356.119 273 355 274.119 355 275.5C355 276.881 356.119 278 357.5 278H361.5C362.88 278 364 276.881 364 275.5C364 274.119 362.88 273 361.5 273H357.5ZM355 161.5C355 160.119 356.119 159 357.5 159H399.5C400.88 159 402 160.119 402 161.5C402 162.881 400.88 164 399.5 164H357.5C356.119 164 355 162.881 355 161.5ZM357.5 245C356.119 245 355 246.119 355 247.5C355 248.881 356.119 250 357.5 250H399.5C400.88 250 402 248.881 402 247.5C402 246.119 400.88 245 399.5 245H357.5ZM355 204.5C355 203.119 356.119 202 357.5 202H379.5C380.88 202 382 203.119 382 204.5C382 205.881 380.88 207 379.5 207H357.5C356.119 207 355 205.881 355 204.5ZM357.5 287C356.119 287 355 288.119 355 289.5C355 290.881 356.119 292 357.5 292H379.5C380.88 292 382 290.881 382 289.5C382 288.119 380.88 287 379.5 287H357.5ZM355 175.5C355 174.119 356.119 173 357.5 173H399.5C400.88 173 402 174.119 402 175.5C402 176.881 400.88 178 399.5 178H357.5C356.119 178 355 176.881 355 175.5ZM357.5 259C356.119 259 355 260.119 355 261.5C355 262.881 356.119 264 357.5 264H399.5C400.88 264 402 262.881 402 261.5C402 260.119 400.88 259 399.5 259H357.5ZM355 218.5C355 217.119 356.119 216 357.5 216H379.5C380.88 216 382 217.119 382 218.5C382 219.881 380.88 221 379.5 221H357.5C356.119 221 355 219.881 355 218.5ZM357.5 301C356.119 301 355 302.119 355 303.5C355 304.881 356.119 306 357.5 306H379.5C380.88 306 382 304.881 382 303.5C382 302.119 380.88 301 379.5 301H357.5Z" fill="url(#paint14_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M724 146.5C724 145.12 725.119 144 726.5 144H731.5C732.88 144 734 145.12 734 146.5C734 147.881 732.88 149 731.5 149H726.5C725.119 149 724 147.881 724 146.5ZM724 188.5C724 187.12 725.119 186 726.5 186H737.5C738.88 186 740 187.12 740 188.5C740 189.881 738.88 191 737.5 191H726.5C725.119 191 724 189.881 724 188.5ZM726.5 228C725.119 228 724 229.12 724 230.5C724 231.881 725.119 233 726.5 233H731.5C732.88 233 734 231.881 734 230.5C734 229.12 732.88 228 731.5 228H726.5ZM724 202.5C724 201.12 725.119 200 726.5 200H774.5C775.88 200 777 201.12 777 202.5C777 203.881 775.88 205 774.5 205H726.5C725.119 205 724 203.881 724 202.5ZM726.5 158C725.119 158 724 159.12 724 160.5C724 161.881 725.119 163 726.5 163H751.5C752.88 163 754 161.881 754 160.5C754 159.12 752.88 158 751.5 158H726.5ZM724 245.5C724 244.12 725.119 243 726.5 243H751.5C752.88 243 754 244.12 754 245.5C754 246.881 752.88 248 751.5 248H726.5C725.119 248 724 246.881 724 245.5ZM726.5 214C725.119 214 724 215.12 724 216.5C724 217.881 725.119 219 726.5 219H774.5C775.88 219 777 217.881 777 216.5C777 215.12 775.88 214 774.5 214H726.5ZM724 174.5C724 173.12 725.119 172 726.5 172H751.5C752.88 172 754 173.12 754 174.5C754 175.881 752.88 177 751.5 177H726.5C725.119 177 724 175.881 724 174.5ZM726.5 257C725.119 257 724 258.12 724 259.5C724 260.881 725.119 262 726.5 262H751.5C752.88 262 754 260.881 754 259.5C754 258.12 752.88 257 751.5 257H726.5Z" fill="url(#paint15_linear_476_5797)" fill-opacity="0.5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M467 147.5C467 146.119 468.119 145 469.5 145H494.5C495.88 145 497 146.119 497 147.5C497 148.881 495.88 150 494.5 150H469.5C468.119 150 467 148.881 467 147.5ZM467 285.5C467 284.119 468.119 283 469.5 283H511.5C512.88 283 514 284.119 514 285.5C514 286.881 512.88 288 511.5 288H469.5C468.119 288 467 286.881 467 285.5ZM469.5 164C468.119 164 467 165.119 467 166.5C467 167.881 468.119 169 469.5 169H664.5C665.88 169 667 167.881 667 166.5C667 165.119 665.88 164 664.5 164H469.5ZM467 305.5C467 304.119 468.119 303 469.5 303H614.5C615.88 303 617 304.119 617 305.5C617 306.881 615.88 308 614.5 308H469.5C468.119 308 467 306.881 467 305.5ZM469.5 182C468.119 182 467 183.119 467 184.5C467 185.881 468.119 187 469.5 187H664.5C665.88 187 667 185.881 667 184.5C667 183.119 665.88 182 664.5 182H469.5ZM467 323.5C467 322.119 468.119 321 469.5 321H614.5C615.88 321 617 322.119 617 323.5C617 324.881 615.88 326 614.5 326H469.5C468.119 326 467 324.881 467 323.5ZM472 198C469.238 198 467 200.239 467 203V246C467 248.761 469.238 251 472 251H663C665.761 251 668 248.761 668 246V203C668 200.239 665.761 198 663 198H472Z" fill="url(#paint16_linear_476_5797)" fill-opacity="0.5"/>
</g>
</g>
<defs>
<filter id="filter0_d_476_5797" x="279" y="24" width="577" height="371" 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" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="20.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.796078 0 0 0 0 0.835294 0 0 0 0 0.882353 0 0 0 0.21 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_476_5797"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_476_5797" result="shape"/>
</filter>
<linearGradient id="paint0_linear_476_5797" x1="896.5" y1="-1.56064e-07" x2="896.532" y2="178.744" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_476_5797" x1="896.5" y1="61" x2="896.523" y2="205.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_476_5797" x1="899.095" y1="69.1854" x2="899.013" y2="271.119" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="0.899985" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_476_5797" x1="235.5" y1="-1.56064e-07" x2="235.532" y2="178.744" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_476_5797" x1="236" y1="155" x2="236" y2="232" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_476_5797" x1="157.987" y1="82.5411" x2="157.959" y2="176.034" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#475569" stop-opacity="0"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_476_5797" x1="93.9862" y1="156.526" x2="93.8971" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_476_5797" x1="305.671" y1="156.526" x2="305.582" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_476_5797" x1="199.829" y1="156.526" x2="199.74" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint9_linear_476_5797" x1="411.513" y1="156.526" x2="411.424" y2="269.114" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint10_linear_476_5797" x1="567.5" y1="61" x2="567.533" y2="249.259" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_476_5797" x1="382" y1="126" x2="382.117" y2="270.762" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_476_5797" x1="567" y1="126" x2="567.045" y2="278.239" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint13_linear_476_5797" x1="752" y1="126" x2="752.117" y2="270.762" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint14_linear_476_5797" x1="379.535" y1="145.273" x2="379.786" y2="326.701" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint15_linear_476_5797" x1="750.5" y1="143.969" x2="750.619" y2="276.801" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint16_linear_476_5797" x1="568.115" y1="134.972" x2="568.026" y2="348.937" gradientUnits="userSpaceOnUse">
<stop stop-color="#94A3B8"/>
<stop offset="1" stop-color="#94A3B8" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_476_5797">
<rect width="472" height="274" fill="white" transform="translate(661)"/>
</clipPath>
<clipPath id="clip1_476_5797">
<rect width="472" height="274" fill="white" transform="translate(661)"/>
</clipPath>
<clipPath id="clip2_476_5797">
<rect width="472" height="274" fill="white"/>
</clipPath>
<clipPath id="clip3_476_5797">
<rect width="472" height="274" fill="white"/>
</clipPath>
<clipPath id="clip4_476_5797">
<rect width="495" height="289" fill="white" transform="translate(320 61)"/>
</clipPath>
<clipPath id="clip5_476_5797">
<rect width="495" height="289" fill="white" transform="translate(320 61)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB