inmake/estate-landing-page
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
inmake
2023-04-27 20:55:32 +05:00
parent e29be6cf4a
commit 1117bb53ad
10 changed files with 1018 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/public/images/1135.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

client/public/images/feature.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

client/public/images/shapes/1.svg
+266
View File
@@ -0,0 +1,266 @@
<svg width="818" height="802" viewBox="0 0 818 802" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.3">
<path opacity="0.5" d="M44.4112 356.331C20.5058 309.437 39.1416 252.043 86.0354 228.137L446.123 44.5728C493.017 20.6674 550.411 39.3032 574.316 86.197L757.881 446.285C781.787 493.179 763.151 550.573 716.257 574.478L356.169 758.043C309.275 781.948 251.881 763.312 227.976 716.419L44.4112 356.331Z" stroke="url(#paint0_linear_1408_71395)"/>
<path opacity="0.5" d="M502.086 628.858C465.02 652.246 416.013 641.157 392.625 604.091L304.734 464.796C281.347 427.73 292.435 378.723 329.501 355.335L468.796 267.445C505.862 244.057 554.869 255.146 578.257 292.212L666.148 431.506C689.535 468.572 678.447 517.579 641.381 540.967L502.086 628.858Z" stroke="url(#paint1_linear_1408_71395)"/>
<path opacity="0.5" d="M89.375 235.506C43.3185 260.684 26.3929 318.43 51.5705 364.487L240.667 715.312C265.844 761.369 323.591 778.295 369.648 753.117L720.473 564.021C766.53 538.843 783.455 481.096 758.278 435.04L569.181 84.2141C544.004 38.1576 486.257 21.232 440.201 46.4096L89.375 235.506Z" stroke="url(#paint2_linear_1408_71395)"/>
<path opacity="0.5" d="M93.0359 243.359C48.088 269.653 32.9662 327.406 59.2604 372.354L253.624 713.835C279.919 758.783 337.672 773.905 382.62 747.611L724.101 553.247C769.049 526.953 784.171 469.2 757.877 424.252L563.513 82.7703C537.218 37.8224 479.465 22.7006 434.517 48.9949L93.0359 243.359Z" stroke="url(#paint3_linear_1408_71395)"/>
<path opacity="0.5" d="M96.7901 251.245C52.9754 278.625 39.6525 336.34 67.0326 380.154L266.399 712.216C293.779 756.031 351.494 769.353 395.309 741.973L727.37 542.607C771.185 515.227 784.508 457.512 757.128 413.697L557.761 81.636C530.381 37.8212 472.666 24.4983 428.851 51.8784L96.7901 251.245Z" stroke="url(#paint4_linear_1408_71395)"/>
<path opacity="0.5" d="M100.64 259.163C57.9824 287.598 46.4524 345.23 74.887 387.887L278.99 710.46C307.424 753.117 365.056 764.647 407.714 736.213L730.286 532.11C772.944 503.675 784.474 446.044 756.039 403.386L551.936 80.8137C523.502 38.1559 465.87 26.6258 423.212 55.0605L100.64 259.163Z" stroke="url(#paint5_linear_1408_71395)"/>
<path opacity="0.5" d="M104.587 267.109C63.1095 296.567 53.3652 354.071 82.8226 395.548L291.395 708.568C320.852 750.046 378.356 759.79 419.834 730.333L732.854 521.761C774.331 492.303 784.076 434.799 754.618 393.322L546.046 80.3016C516.589 38.8241 459.085 29.0798 417.607 58.5372L104.587 267.109Z" stroke="url(#paint6_linear_1408_71395)"/>
<path opacity="0.5" d="M108.631 275.081C68.356 305.529 60.3894 362.862 90.8373 403.137L303.611 706.548C334.059 746.823 391.391 754.79 431.666 724.342L735.077 511.568C775.353 481.12 783.319 423.788 752.871 383.513L540.098 80.1016C509.65 39.8265 452.317 31.86 412.042 62.3079L108.631 275.081Z" stroke="url(#paint7_linear_1408_71395)"/>
<path opacity="0.5" d="M112.777 283.075C73.7261 314.48 67.5283 371.597 98.934 410.648L315.641 704.4C347.046 743.451 404.163 749.649 443.214 718.243L736.966 501.537C776.017 470.131 782.215 413.015 750.809 373.964L534.103 80.2112C502.697 41.1602 445.581 34.9625 406.53 66.3681L112.777 283.075Z" stroke="url(#paint8_linear_1408_71395)"/>
<path opacity="0.5" d="M117.021 291.087C79.2152 323.418 74.7761 380.274 107.106 418.081L327.477 702.13C359.807 739.936 416.664 744.376 454.47 712.045L738.52 491.674C776.326 459.344 780.765 402.487 748.435 364.681L528.064 80.6315C495.734 42.8254 438.877 38.3864 401.071 70.7167L117.021 291.087Z" stroke="url(#paint9_linear_1408_71395)"/>
<path opacity="0.5" d="M121.366 299.116C84.8253 332.338 82.134 388.891 115.355 425.432L339.121 699.742C372.342 736.283 428.896 738.975 465.437 705.753L739.747 481.987C776.288 448.766 778.979 392.213 745.758 355.671L521.992 81.3616C488.771 44.8204 432.217 42.1291 395.676 75.3504L121.366 299.116Z" stroke="url(#paint10_linear_1408_71395)"/>
<path opacity="0.5" d="M125.814 307.157C90.5574 341.235 89.6019 397.443 123.68 432.699L350.572 697.238C384.65 732.495 440.857 733.451 476.114 699.372L740.653 472.481C775.91 438.403 776.865 382.195 742.787 346.938L515.896 82.3996C481.817 47.1426 425.61 46.1872 390.353 80.2655L125.814 307.157Z" stroke="url(#paint11_linear_1408_71395)"/>
<path opacity="0.5" d="M130.364 315.208C96.4096 350.108 97.177 405.927 132.078 439.881L361.826 694.624C396.727 728.578 452.545 727.811 486.499 692.91L741.242 463.162C775.196 428.261 774.429 372.443 739.528 338.489L509.78 83.7457C474.879 49.7915 419.061 50.5588 385.107 85.4597L130.364 315.208Z" stroke="url(#paint12_linear_1408_71395)"/>
<path opacity="0.5" d="M135.017 323.261C102.383 358.95 104.859 414.337 140.548 446.971L372.883 691.9C408.571 724.534 463.958 722.057 496.592 686.368L741.521 454.034C774.155 418.345 771.678 362.958 735.99 330.324L503.655 85.3954C467.966 52.7614 412.58 55.2378 379.946 90.9265L135.017 323.261Z" stroke="url(#paint13_linear_1408_71395)"/>
<path opacity="0.5" d="M139.772 331.319C108.475 367.761 112.646 422.673 149.087 453.97L383.74 689.073C420.182 720.37 475.094 716.2 506.391 679.758L741.494 445.105C772.791 408.664 768.62 353.751 732.179 322.454L497.526 87.3513C461.085 56.0545 406.172 60.225 374.875 96.6664L139.772 331.319Z" stroke="url(#paint14_linear_1408_71395)"/>
<path opacity="0.5" d="M144.635 339.376C114.691 376.535 120.54 430.932 157.698 460.876L394.401 686.147C431.559 716.091 485.957 710.242 515.9 673.083L741.172 436.381C771.115 399.222 765.267 344.825 728.108 314.882L491.406 89.61C454.247 59.6664 399.85 65.5152 369.906 102.674L144.635 339.376Z" stroke="url(#paint15_linear_1408_71395)"/>
<path opacity="0.5" d="M149.6 347.427C121.025 385.267 128.535 439.107 166.375 467.683L404.859 683.124C442.699 711.699 496.539 704.188 525.114 666.348L740.555 427.865C769.13 390.025 761.62 336.184 723.78 307.609L485.296 92.1684C447.456 63.5931 393.616 71.1036 365.041 108.944L149.6 347.427Z" stroke="url(#paint16_linear_1408_71395)"/>
<path opacity="0.5" d="M154.67 355.471C127.477 393.956 136.632 447.199 175.117 474.391L415.115 680.008C453.6 707.201 506.842 698.046 534.035 659.561L739.652 419.564C766.844 381.078 757.69 327.836 719.205 300.643L479.207 95.0265C440.722 67.8339 387.48 76.9884 360.287 115.474L154.67 355.471Z" stroke="url(#paint17_linear_1408_71395)"/>
<path opacity="0.5" d="M159.845 363.502C134.049 402.596 144.829 455.2 183.923 480.996L425.168 676.803C464.262 702.599 516.866 691.819 542.662 652.725L738.469 411.48C764.265 372.386 753.485 319.782 714.391 293.986L473.146 98.1794C434.052 72.3831 381.448 83.163 355.652 122.257L159.845 363.502Z" stroke="url(#paint18_linear_1408_71395)"/>
<path opacity="0.5" d="M165.126 371.52C140.739 411.186 153.125 463.112 192.791 487.499L435.018 673.515C474.684 697.902 526.609 685.516 550.997 645.85L737.012 403.623C761.4 363.957 749.014 312.032 709.348 287.644L467.121 101.629C427.455 77.2413 375.529 89.6272 351.142 129.293L165.126 371.52Z" stroke="url(#paint19_linear_1408_71395)"/>
<path opacity="0.5" d="M170.512 379.517C147.545 419.718 161.517 470.926 201.718 493.893L444.661 670.143C484.863 693.11 536.071 679.138 559.037 638.937L735.288 395.994C758.254 355.792 744.283 304.584 704.081 281.618L461.138 105.367C420.937 82.4006 369.729 96.3723 346.762 136.574L170.512 379.517Z" stroke="url(#paint20_linear_1408_71395)"/>
<path opacity="0.5" d="M176.001 387.492C154.466 428.192 170.002 478.642 210.702 500.177L454.098 666.695C494.798 688.23 545.249 672.693 566.784 631.994L733.301 388.597C754.836 347.898 739.3 297.447 698.6 275.912L455.204 109.395C414.504 87.8598 364.053 103.396 342.518 144.095L176.001 387.492Z" stroke="url(#paint21_linear_1408_71395)"/>
<path opacity="0.5" d="M181.597 395.442C161.504 436.602 178.582 486.257 219.743 506.35L463.331 663.173C504.491 683.266 554.146 666.187 574.239 625.027L731.062 381.439C751.155 340.279 734.076 290.623 692.916 270.53L449.328 113.708C408.168 93.615 358.512 110.693 338.419 151.854L181.597 395.442Z" stroke="url(#paint22_linear_1408_71395)"/>
<path opacity="0.5" d="M187.297 403.361C168.655 444.945 187.253 493.767 228.837 512.409L472.355 659.581C513.939 678.222 562.761 659.625 581.403 618.041L728.574 374.523C747.216 332.939 728.618 284.117 687.035 265.475L443.516 118.304C401.933 99.6617 353.111 118.26 334.469 159.843L187.297 403.361Z" stroke="url(#paint23_linear_1408_71395)"/>
<path opacity="0.5" d="M193.1 411.247C175.917 453.216 196.011 501.167 237.979 518.35L481.17 655.921C523.138 673.103 571.09 653.01 588.272 611.041L725.844 367.851C743.026 325.882 722.932 277.931 680.964 260.748L437.774 123.177C395.805 105.995 347.853 126.088 330.671 168.057L193.1 411.247Z" stroke="url(#paint24_linear_1408_71395)"/>
<path opacity="0.5" d="M199.007 419.096C183.292 461.412 204.856 508.456 247.173 524.171L489.777 652.199C532.093 667.914 579.137 646.35 594.853 604.033L722.88 361.429C738.595 319.112 717.031 272.069 674.715 256.353L432.11 128.326C389.794 112.611 342.75 134.175 327.035 176.491L199.007 419.096Z" stroke="url(#paint25_linear_1408_71395)"/>
<path opacity="0.5" d="M205.017 426.905C190.775 469.531 213.785 515.631 256.41 529.872L498.174 648.418C540.8 662.66 586.9 639.65 601.141 597.024L719.687 355.261C733.929 312.635 710.919 266.535 668.293 252.293L426.53 133.748C383.904 119.506 337.804 142.516 323.562 185.141L205.017 426.905Z" stroke="url(#paint26_linear_1408_71395)"/>
<path opacity="0.5" d="M211.129 434.669C198.367 477.566 222.796 522.686 265.693 535.448L506.362 644.581C549.259 657.343 594.379 632.914 607.141 590.017L716.274 349.348C729.036 306.451 704.607 261.331 661.71 248.569L421.041 139.436C378.144 126.674 333.024 151.103 320.261 194L211.129 434.669Z" stroke="url(#paint27_linear_1408_71395)"/>
<path opacity="0.5" d="M217.34 442.386C206.062 485.516 231.884 529.622 275.013 540.9L514.337 640.694C557.467 651.971 601.573 626.15 612.85 583.02L712.644 343.697C723.922 300.567 698.1 256.461 654.971 245.183L415.647 145.39C372.518 134.112 328.411 159.933 317.134 203.063L217.34 442.386Z" stroke="url(#paint28_linear_1408_71395)"/>
<path opacity="0.5" d="M223.653 450.052C213.864 493.376 241.049 536.433 284.374 546.223L522.102 636.757C565.427 646.547 608.484 619.361 618.273 576.037L708.808 338.308C718.597 294.984 691.412 251.927 648.087 242.137L410.359 151.603C367.035 141.813 323.977 168.999 314.188 212.323L223.653 450.052Z" stroke="url(#paint29_linear_1408_71395)"/>
<path opacity="0.5" d="M230.063 457.662C221.765 501.143 250.287 543.118 293.767 551.416L529.654 632.777C573.135 641.075 615.11 612.554 623.407 569.073L704.769 333.186C713.067 289.705 684.546 247.731 641.065 239.433L405.178 158.071C361.697 149.774 319.723 178.295 311.425 221.775L230.063 457.662Z" stroke="url(#paint30_linear_1408_71395)"/>
<path opacity="0.5" d="M236.572 465.213C229.768 508.811 259.595 549.67 303.193 556.474L536.995 628.754C580.593 635.558 621.452 605.731 628.257 562.133L700.536 328.331C707.34 284.733 677.513 243.874 633.915 237.07L400.113 164.79C356.515 157.986 315.656 187.813 308.852 231.411L236.572 465.213Z" stroke="url(#paint31_linear_1408_71395)"/>
<path opacity="0.5" d="M243.178 472.702C237.869 516.38 268.972 556.091 312.65 561.4L544.124 624.695C587.801 630.004 627.513 598.901 632.822 555.223L696.117 323.749C701.426 280.071 670.322 240.36 626.645 235.051L395.171 171.756C351.493 166.447 311.782 197.55 306.473 241.228L243.178 472.702Z" stroke="url(#paint32_linear_1408_71395)"/>
<path opacity="0.5" d="M249.877 480.126C246.063 523.844 278.412 562.376 322.131 566.19L551.039 620.604C594.757 624.417 633.289 592.068 637.102 548.35L691.516 319.441C695.33 275.723 662.981 237.191 619.263 233.378L390.354 178.964C346.636 175.151 308.104 207.5 304.291 251.218L249.877 480.126Z" stroke="url(#paint33_linear_1408_71395)"/>
<path opacity="0.5" d="M256.67 487.481C254.352 531.201 287.915 568.522 331.635 570.84L557.742 616.481C601.462 618.8 638.783 585.237 641.102 541.516L686.742 315.41C689.061 271.689 655.498 234.368 611.777 232.05L385.671 186.409C341.95 184.091 304.629 217.654 302.311 261.374L256.67 487.481Z" stroke="url(#paint34_linear_1408_71395)"/>
<path opacity="0.5" d="M263.552 494.763C262.728 538.447 297.473 574.528 341.157 575.352L564.229 612.333C607.913 613.158 643.994 578.413 644.818 534.729L681.799 311.657C682.624 267.973 647.879 231.892 604.195 231.068L381.123 194.086C337.439 193.262 301.358 228.007 300.534 271.691L263.552 494.763Z" stroke="url(#paint35_linear_1408_71395)"/>
<path opacity="0.5" d="M270.526 501.968C271.193 545.577 307.087 580.388 350.696 579.72L570.504 608.162C614.113 607.494 648.924 571.601 648.256 527.992L676.698 308.184C676.03 264.575 640.137 229.764 596.528 230.432L376.72 201.99C333.111 202.658 298.3 238.551 298.967 282.16L270.526 501.968Z" stroke="url(#paint36_linear_1408_71395)"/>
<path opacity="0.5" d="M277.586 509.094C279.742 552.591 316.751 586.103 360.247 583.947L576.563 603.973C620.059 601.816 653.572 564.808 651.415 521.312L671.442 304.995C669.285 261.499 632.277 227.987 588.781 230.143L372.464 210.117C328.968 212.273 295.455 249.282 297.612 292.778L277.586 509.094Z" stroke="url(#paint37_linear_1408_71395)"/>
<path opacity="0.5" d="M284.731 516.137C288.372 559.482 326.461 591.668 369.806 588.027L582.409 599.767C625.753 596.126 657.939 558.036 654.298 514.692L666.039 302.089C662.397 258.745 624.308 226.558 580.963 230.2L368.361 218.459C325.016 222.1 292.83 260.19 296.471 303.535L284.731 516.137Z" stroke="url(#paint38_linear_1408_71395)"/>
<path opacity="0.5" d="M291.958 523.094C297.08 566.25 336.215 597.082 379.371 591.961L588.039 595.551C631.194 590.429 662.027 551.293 656.905 508.138L660.495 299.47C655.374 256.315 616.238 225.482 573.083 230.604L364.415 227.014C321.259 232.135 290.427 271.271 295.548 314.426L291.958 523.094Z" stroke="url(#paint39_linear_1408_71395)"/>
<path opacity="0.5" d="M299.267 529.962C305.863 572.89 346.01 602.343 388.937 595.747L593.455 591.326C636.383 584.73 665.836 544.584 659.24 501.656L654.819 297.138C648.224 254.211 608.077 224.758 565.149 231.353L360.631 235.774C317.704 242.37 288.251 282.517 294.847 325.444L299.267 529.962Z" stroke="url(#paint40_linear_1408_71395)"/>
<path opacity="0.5" d="M306.653 536.738C314.717 579.4 355.838 607.448 398.5 599.384L598.656 587.098C641.318 579.035 669.366 537.913 661.302 495.251L649.016 295.096C640.952 252.433 599.831 224.386 557.169 232.45L357.013 244.736C314.351 252.799 286.303 293.921 294.367 336.583L306.653 536.738Z" stroke="url(#paint41_linear_1408_71395)"/>
<path opacity="0.5" d="M314.114 543.419C323.639 585.778 365.698 612.396 408.057 602.871L603.641 582.87C646 573.346 672.618 531.286 663.094 488.927L643.092 293.343C633.568 250.984 591.508 224.366 549.149 233.891L353.565 253.892C311.206 263.416 284.589 305.476 294.113 347.835L314.114 543.419Z" stroke="url(#paint42_linear_1408_71395)"/>
<path opacity="0.5" d="M321.648 549.999C332.624 592.018 375.585 617.182 417.603 606.205L608.411 578.643C650.429 567.667 675.593 524.706 664.617 482.688L637.054 291.88C626.078 249.862 583.118 224.698 541.099 235.674L350.292 263.237C308.274 274.213 283.109 317.174 294.086 359.192L321.648 549.999Z" stroke="url(#paint43_linear_1408_71395)"/>
<path opacity="0.5" d="M329.252 556.48C341.672 598.12 385.496 621.808 427.136 609.388L612.966 574.425C654.606 562.005 678.294 518.182 665.875 476.542L630.911 290.711C618.492 249.071 574.668 225.383 533.028 237.803L347.197 272.766C305.557 285.186 281.869 329.01 294.289 370.65L329.252 556.48Z" stroke="url(#paint44_linear_1408_71395)"/>
<path opacity="0.5" d="M336.922 562.856C350.775 604.081 395.424 626.27 436.648 612.418L617.305 570.217C658.53 556.365 680.719 511.715 666.867 470.491L624.666 289.834C610.813 248.609 566.164 226.42 524.94 240.273L344.283 282.473C303.058 296.326 280.869 340.975 294.722 382.2L336.922 562.856Z" stroke="url(#paint45_linear_1408_71395)"/>
<path opacity="0.5" d="M344.655 569.126C359.93 609.898 405.366 630.568 446.138 615.293L621.429 566.025C662.201 550.75 682.871 505.314 667.596 464.542L618.327 289.251C603.052 248.479 557.617 227.809 516.844 243.084L341.554 292.353C300.781 307.628 280.112 353.063 295.387 393.836L344.655 569.126Z" stroke="url(#paint46_linear_1408_71395)"/>
<path opacity="0.5" d="M352.449 575.285C369.134 615.569 415.317 634.699 455.601 618.013L625.336 561.849C665.62 545.164 684.75 498.981 668.064 458.697L611.901 288.962C595.215 248.678 549.032 229.548 508.748 246.234L339.013 302.398C298.729 319.083 279.6 365.266 296.285 405.55L352.449 575.285Z" stroke="url(#paint47_linear_1408_71395)"/>
<path opacity="0.5" d="M360.3 581.333C378.384 621.091 425.274 638.662 465.033 620.578L629.03 557.697C668.788 539.613 686.359 492.723 668.275 452.964L605.394 288.968C587.31 249.209 540.42 231.639 500.661 249.722L336.664 312.603C296.906 330.687 279.335 377.578 297.419 417.336L360.3 581.333Z" stroke="url(#paint48_linear_1408_71395)"/>
<path opacity="0.5" d="M368.204 587.267C387.673 626.464 435.231 642.457 474.428 622.988L632.507 553.571C671.704 534.103 687.697 486.545 668.228 447.348L598.811 289.269C579.343 250.072 531.785 234.079 492.588 253.548L334.509 322.964C295.312 342.433 279.319 389.991 298.788 429.188L368.204 587.267Z" stroke="url(#paint49_linear_1408_71395)"/>
<path opacity="0.5" d="M376.158 593.084C396.997 631.684 445.182 646.081 483.782 625.242L635.768 549.476C674.368 528.637 688.766 480.452 667.927 441.852L592.161 289.866C571.321 251.266 523.136 236.868 484.536 257.707L332.55 333.473C293.95 354.313 279.553 402.498 300.392 441.098L376.158 593.084Z" stroke="url(#paint50_linear_1408_71395)"/>
<path opacity="0.5" d="M384.158 598.781C406.353 636.748 455.125 649.534 493.092 627.339L638.815 545.413C676.782 523.218 689.568 474.447 667.373 436.48L585.448 290.757C563.252 252.79 514.481 240.004 476.514 262.199L330.791 344.124C292.824 366.319 280.038 415.09 302.233 453.058L384.158 598.781Z" stroke="url(#paint51_linear_1408_71395)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1408_71395" x1="251.489" y1="798.669" x2="521.776" y2="-67.5294" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint1_linear_1408_71395" x1="623.667" y1="691.459" x2="298.768" y2="189.421" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint2_linear_1408_71395" x1="263.292" y1="796.358" x2="516.553" y2="-67.2162" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint3_linear_1408_71395" x1="274.885" y1="793.992" x2="511.3" y2="-66.6702" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint4_linear_1408_71395" x1="286.265" y1="791.573" x2="506.022" y2="-65.8958" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint5_linear_1408_71395" x1="297.435" y1="789.108" x2="500.723" y2="-64.8924" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint6_linear_1408_71395" x1="308.397" y1="786.6" x2="495.409" y2="-63.6635" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint7_linear_1408_71395" x1="319.149" y1="784.056" x2="490.085" y2="-62.2091" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint8_linear_1408_71395" x1="329.698" y1="781.479" x2="484.758" y2="-60.5332" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint9_linear_1408_71395" x1="340.04" y1="778.874" x2="479.428" y2="-58.6364" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint10_linear_1408_71395" x1="350.178" y1="776.247" x2="474.103" y2="-56.5209" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint11_linear_1408_71395" x1="360.114" y1="773.601" x2="468.788" y2="-54.19" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint12_linear_1408_71395" x1="369.85" y1="770.941" x2="463.484" y2="-51.6449" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint13_linear_1408_71395" x1="379.387" y1="768.27" x2="458.199" y2="-48.8913" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint14_linear_1408_71395" x1="388.726" y1="765.595" x2="452.934" y2="-45.9275" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint15_linear_1408_71395" x1="397.873" y1="762.918" x2="447.698" y2="-42.7582" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint16_linear_1408_71395" x1="406.826" y1="760.244" x2="442.489" y2="-39.3873" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint17_linear_1408_71395" x1="415.589" y1="757.577" x2="437.315" y2="-35.8154" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint18_linear_1408_71395" x1="424.164" y1="754.92" x2="432.179" y2="-32.0484" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint19_linear_1408_71395" x1="432.554" y1="752.28" x2="427.085" y2="-28.0852" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint20_linear_1408_71395" x1="440.76" y1="749.656" x2="422.034" y2="-23.9333" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint21_linear_1408_71395" x1="448.785" y1="747.054" x2="417.032" y2="-19.5935" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint22_linear_1408_71395" x1="456.634" y1="744.479" x2="412.083" y2="-15.0692" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint23_linear_1408_71395" x1="464.307" y1="741.932" x2="407.188" y2="-10.3639" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint24_linear_1408_71395" x1="471.807" y1="739.416" x2="402.35" y2="-5.48216" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint25_linear_1408_71395" x1="479.138" y1="736.935" x2="397.575" y2="-0.426296" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint26_linear_1408_71395" x1="486.301" y1="734.493" x2="392.862" y2="4.80123" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint27_linear_1408_71395" x1="493.302" y1="732.092" x2="388.217" y2="10.1949" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint28_linear_1408_71395" x1="500.14" y1="729.736" x2="383.638" y2="15.7538" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint29_linear_1408_71395" x1="506.821" y1="727.425" x2="379.133" y2="21.472" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint30_linear_1408_71395" x1="513.346" y1="725.165" x2="374.699" y2="27.3473" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint31_linear_1408_71395" x1="519.719" y1="722.954" x2="370.342" y2="33.3744" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint32_linear_1408_71395" x1="525.944" y1="720.797" x2="366.063" y2="39.5522" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint33_linear_1408_71395" x1="532.023" y1="718.698" x2="361.863" y2="45.8766" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint34_linear_1408_71395" x1="537.959" y1="716.655" x2="357.745" y2="52.3433" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint35_linear_1408_71395" x1="543.754" y1="714.673" x2="353.708" y2="58.9497" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint36_linear_1408_71395" x1="549.413" y1="712.752" x2="349.757" y2="65.6909" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint37_linear_1408_71395" x1="554.938" y1="710.896" x2="345.891" y2="72.5655" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint38_linear_1408_71395" x1="560.332" y1="709.103" x2="342.112" y2="79.5682" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint39_linear_1408_71395" x1="565.597" y1="707.377" x2="338.421" y2="86.6972" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint40_linear_1408_71395" x1="570.739" y1="705.719" x2="334.819" y2="93.9486" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint41_linear_1408_71395" x1="575.757" y1="704.13" x2="331.307" y2="101.32" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint42_linear_1408_71395" x1="580.656" y1="702.611" x2="327.885" y2="108.807" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint43_linear_1408_71395" x1="585.439" y1="701.163" x2="324.555" y2="116.406" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint44_linear_1408_71395" x1="590.108" y1="699.787" x2="321.318" y2="124.116" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint45_linear_1408_71395" x1="594.666" y1="698.484" x2="318.172" y2="131.933" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint46_linear_1408_71395" x1="599.114" y1="697.256" x2="315.119" y2="139.855" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint47_linear_1408_71395" x1="603.457" y1="696.1" x2="312.159" y2="147.877" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint48_linear_1408_71395" x1="607.697" y1="695.02" x2="309.294" y2="155.999" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint49_linear_1408_71395" x1="611.835" y1="694.016" x2="306.521" y2="164.217" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint50_linear_1408_71395" x1="615.875" y1="693.087" x2="303.843" y2="172.528" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint51_linear_1408_71395" x1="619.818" y1="692.234" x2="301.258" y2="180.93" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

client/public/images/shapes/2.svg
+116
View File
@@ -0,0 +1,116 @@
<svg width="1075" height="1049" viewBox="0 0 1075 1049" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M621.543 281.056C854.869 282.874 781.791 514.332 716.085 629.834C650.784 746.346 907.595 984.673 580.786 963.613C253.977 942.553 583.059 762.861 441.851 649.834C300.643 536.806 301.855 915.887 157.162 563.321C12.4689 210.755 329.884 278.783 621.543 281.056Z" stroke="url(#paint0_linear_1408_71488)" stroke-linecap="round"/>
<path d="M685.283 329.689C790.09 360.577 727.428 455.377 682.996 498.917C638.616 542.963 723.583 683.369 579.165 631.771C434.747 580.173 606.003 541.672 556.967 472.582C507.93 403.492 459.73 574.336 439.928 396.94C420.125 219.544 554.274 291.08 685.283 329.689Z" stroke="url(#paint1_linear_1408_71488)" stroke-linecap="round"/>
<path d="M626.564 280.227C853.939 285.016 779.727 509.649 714.199 621.366C649.052 734.074 896.26 969.666 578.026 944.915C259.792 920.164 582.834 749.293 446.674 637.311C310.513 525.329 306.797 894.794 170.335 549.315C33.8728 203.835 342.345 274.24 626.564 280.227Z" stroke="url(#paint2_linear_1408_71488)"/>
<path d="M631.425 279.739C852.812 287.342 777.635 505.161 712.372 613.12C647.468 722.047 885.191 954.695 575.571 926.476C265.951 898.257 582.779 736.014 451.613 625.191C320.448 514.369 312.059 874.156 183.613 535.917C55.1679 197.678 354.691 270.235 631.425 279.739Z" stroke="url(#paint3_linear_1408_71488)"/>
<path d="M636.119 279.588C851.485 289.847 775.509 500.867 710.6 605.094C646.027 710.27 874.388 939.762 573.417 908.3C272.446 876.837 582.889 723.027 456.663 613.476C330.436 503.924 317.631 853.977 196.985 523.129C76.3395 192.281 366.912 266.765 636.119 279.588Z" stroke="url(#paint4_linear_1408_71488)"/>
<path d="M640.64 279.771C849.953 292.527 773.346 496.766 708.878 597.291C644.724 698.742 863.85 924.874 571.558 890.392C279.265 855.909 583.158 710.334 461.813 602.165C340.468 493.995 323.503 834.261 210.438 510.95C97.3732 187.639 378.999 263.825 640.64 279.771Z" stroke="url(#paint5_linear_1408_71488)"/>
<path d="M644.982 280.283C848.215 295.378 771.142 492.857 707.202 589.71C643.555 687.467 853.576 910.035 569.987 872.757C286.399 835.48 583.578 697.938 467.056 591.26C350.533 484.583 329.665 815.014 223.96 499.381C118.254 183.748 390.94 261.414 644.982 280.283Z" stroke="url(#paint6_linear_1408_71488)"/>
<path d="M649.137 281.12C846.266 298.395 768.893 489.14 705.566 582.353C642.512 676.447 843.562 895.25 568.699 855.402C293.837 815.555 584.145 685.84 472.383 580.763C360.621 475.686 336.108 796.241 237.538 488.423C138.967 180.605 402.724 259.526 649.137 281.12Z" stroke="url(#paint7_linear_1408_71488)"/>
<path d="M653.101 282.279C844.106 301.574 766.598 485.612 703.968 575.219C641.592 665.685 833.809 880.525 567.689 838.332C301.569 796.138 584.852 674.045 477.788 570.675C370.723 467.305 342.823 777.947 251.162 478.076C159.5 178.205 414.345 258.159 653.101 282.279Z" stroke="url(#paint8_linear_1408_71488)"/>
<path d="M656.868 283.755C841.73 304.912 764.25 482.274 702.403 568.31C640.79 655.182 824.316 865.865 566.951 821.55C309.586 777.236 585.694 662.555 483.261 560.997C380.829 459.439 349.8 760.137 264.819 468.34C179.837 176.544 425.79 257.309 656.868 283.755Z" stroke="url(#paint9_linear_1408_71488)"/>
<path d="M660.431 285.545C839.136 308.404 761.848 479.124 700.866 561.626C640.1 644.94 815.08 851.275 566.478 805.064C317.876 758.853 586.664 651.371 488.796 551.73C390.927 452.089 357.029 742.815 278.497 459.216C199.964 175.617 437.05 256.971 660.431 285.545Z" stroke="url(#paint10_linear_1408_71488)"/>
<path d="M663.784 287.642C836.32 312.043 759.385 476.158 699.351 555.166C639.516 634.961 806.098 836.758 566.262 788.875C326.427 740.992 587.754 640.493 494.381 542.872C401.008 445.251 364.499 725.984 292.183 450.7C219.867 175.416 448.114 257.139 663.784 287.642Z" stroke="url(#paint11_linear_1408_71488)"/>
<path d="M666.923 290.042C833.282 315.827 756.862 473.378 697.857 548.93C639.035 625.246 797.371 822.321 566.301 772.99C335.231 723.659 588.962 629.927 500.012 534.426C411.062 438.925 372.201 709.649 305.867 442.794C239.533 175.939 458.975 257.811 666.923 290.042Z" stroke="url(#paint12_linear_1408_71488)"/>
<path d="M669.841 292.743C830.017 319.752 754.272 470.781 696.377 542.92C638.649 615.798 788.895 807.968 566.586 757.413C344.277 706.858 590.278 619.673 505.679 526.392C421.08 433.111 380.125 693.814 319.536 435.497C258.947 177.179 469.622 258.982 669.841 292.743Z" stroke="url(#paint13_linear_1408_71488)"/>
<path d="M672.532 295.737C826.523 323.81 751.612 468.366 694.907 537.135C638.354 606.617 780.668 793.705 567.11 742.148C353.553 690.592 591.697 609.732 511.373 518.769C431.049 427.807 388.26 678.482 333.178 428.806C278.095 179.13 480.044 260.646 672.532 295.737Z" stroke="url(#paint14_linear_1408_71488)"/>
<path d="M674.993 299.021C822.799 328 748.88 466.131 693.444 531.574C638.145 597.706 772.69 779.535 567.869 727.201C363.048 674.866 593.213 600.107 517.088 511.559C440.962 423.011 396.597 663.658 346.781 422.722C296.965 181.785 490.234 262.798 674.993 299.021Z" stroke="url(#paint15_linear_1408_71488)"/>
<path d="M677.217 302.59C818.843 332.315 746.072 464.074 691.983 526.238C638.017 589.065 764.958 765.464 568.856 712.574C372.754 659.684 594.821 590.799 522.816 504.76C450.81 418.72 405.126 649.344 360.335 417.242C315.544 185.139 500.184 265.433 677.217 302.59Z" stroke="url(#paint16_linear_1408_71488)"/>
<path d="M679.196 306.438C814.65 336.751 743.183 462.193 690.518 521.126C637.961 580.696 757.468 751.496 570.062 698.272C382.656 645.047 596.511 581.808 528.545 498.371C460.579 414.935 413.834 635.543 373.824 412.364C333.814 189.185 509.879 268.547 679.196 306.438Z" stroke="url(#paint17_linear_1408_71488)"/>
<path d="M680.928 310.56C810.22 341.303 740.211 460.488 689.045 516.238C637.975 572.6 750.218 737.637 571.481 684.299C392.744 630.961 598.279 573.138 534.27 492.395C470.26 411.652 422.713 622.258 387.24 408.087C351.766 193.916 519.314 272.132 680.928 310.56Z" stroke="url(#paint18_linear_1408_71488)"/>
<path d="M682.409 314.953C805.551 345.967 737.153 458.956 687.561 511.574C638.053 564.778 743.208 723.89 573.109 670.659C403.009 617.428 600.119 564.788 539.983 486.828C479.847 408.868 431.753 609.493 400.57 404.409C369.386 199.326 528.48 276.185 682.409 314.953Z" stroke="url(#paint19_linear_1408_71488)"/>
<path d="M683.631 319.607C800.641 350.736 734.006 457.594 686.061 507.132C638.19 557.23 736.434 710.259 574.936 657.354C413.439 604.45 602.024 556.759 545.676 481.67C489.327 406.582 440.943 597.249 413.802 401.326C386.661 205.404 537.368 280.697 683.631 319.607Z" stroke="url(#paint20_linear_1408_71488)"/>
<path d="M684.591 324.522C795.488 355.608 730.765 456.402 684.541 502.913C638.379 549.958 729.893 696.751 576.957 644.391C424.022 592.031 603.987 549.054 551.339 476.922C498.692 404.791 450.272 585.529 426.925 398.838C403.579 212.147 545.969 285.664 684.591 324.522Z" stroke="url(#paint21_linear_1408_71488)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1408_71488" x1="476.347" y1="28.2291" x2="341.844" y2="1119.16" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint1_linear_1408_71488" x1="652.428" y1="197.138" x2="451.309" y2="670.896" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint2_linear_1408_71488" x1="488.323" y1="31.9452" x2="343.13" y2="1093.42" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint3_linear_1408_71488" x1="499.993" y1="36.1418" x2="344.866" y2="1068.07" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint4_linear_1408_71488" x1="511.346" y1="40.8115" x2="347.043" y2="1043.12" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint5_linear_1408_71488" x1="522.374" y1="45.9469" x2="349.653" y2="1018.59" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint6_linear_1408_71488" x1="533.069" y1="51.5412" x2="352.687" y2="994.464" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint7_linear_1408_71488" x1="543.422" y1="57.5869" x2="356.134" y2="970.766" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint8_linear_1408_71488" x1="553.425" y1="64.0774" x2="359.99" y2="947.501" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint9_linear_1408_71488" x1="563.071" y1="71.0051" x2="364.242" y2="924.676" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint10_linear_1408_71488" x1="572.35" y1="78.3624" x2="368.881" y2="902.297" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint11_linear_1408_71488" x1="581.254" y1="86.1396" x2="373.899" y2="880.37" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint12_linear_1408_71488" x1="589.778" y1="94.3307" x2="379.287" y2="858.903" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint13_linear_1408_71488" x1="597.912" y1="102.927" x2="385.034" y2="837.903" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint14_linear_1408_71488" x1="605.649" y1="111.921" x2="391.13" y2="817.376" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint15_linear_1408_71488" x1="612.983" y1="121.303" x2="397.567" y2="797.328" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint16_linear_1408_71488" x1="619.906" y1="131.066" x2="404.336" y2="777.765" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint17_linear_1408_71488" x1="626.41" y1="141.2" x2="411.423" y2="758.693" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint18_linear_1408_71488" x1="632.489" y1="151.697" x2="418.82" y2="740.119" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint19_linear_1408_71488" x1="638.137" y1="162.549" x2="426.518" y2="722.047" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint20_linear_1408_71488" x1="643.347" y1="173.745" x2="434.506" y2="704.481" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint21_linear_1408_71488" x1="648.113" y1="185.278" x2="442.773" y2="687.429" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

client/public/images/shapes/3.svg
+266
View File
@@ -0,0 +1,266 @@
<svg width="677" height="739" viewBox="0 0 677 739" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.3">
<path opacity="0.4" d="M306.775 426.982L307.074 427.383L307.275 427.233L307.275 426.982C307.275 340.802 302.191 262.782 297.106 206.307C294.564 178.069 292.022 155.217 290.115 139.424C289.161 131.527 288.367 125.395 287.81 121.236C287.532 119.157 287.314 117.572 287.165 116.505C287.104 116.072 287.055 115.724 287.018 115.464C458.216 115.777 596.905 255.127 596.905 426.982C596.905 599.03 457.904 738.5 286.441 738.5C236.624 738.5 199.616 733.626 172.982 725.117C146.349 716.607 130.138 704.477 121.83 689.998C113.525 675.525 113.063 658.609 118.125 640.409C123.189 622.204 133.771 602.757 147.486 583.279C174.916 544.325 214.806 505.353 247.855 476.109C264.377 461.49 279.183 449.307 289.859 440.78C295.196 436.516 299.501 433.166 302.471 430.882C303.956 429.741 305.107 428.865 305.887 428.276C306.277 427.981 306.574 427.758 306.773 427.608C306.873 427.533 306.948 427.477 306.998 427.439L307.055 427.397L307.069 427.386C307.072 427.384 307.074 427.383 306.775 426.982Z" stroke="url(#paint0_linear_1408_71577)"/>
<path opacity="0.4" d="M199.674 397.204L199.259 397.484L199.4 397.692L199.651 397.704C252.345 400.077 300.189 399.106 334.859 397.542C352.194 396.76 366.237 395.83 375.947 395.095C380.801 394.728 384.573 394.409 387.131 394.182C388.411 394.069 389.386 393.978 390.043 393.916C390.201 393.901 390.34 393.888 390.46 393.877C385.43 498.671 296.549 579.707 191.668 574.983C86.595 570.25 5.25236 481.234 9.98411 376.161C11.3598 345.612 15.3598 323.067 21.2885 306.989C27.2171 290.912 35.0555 281.351 44.0784 276.683C53.0955 272.019 63.3915 272.192 74.3464 275.788C85.3063 279.386 96.8831 286.398 108.403 295.341C131.442 313.226 154.154 338.754 171.116 359.829C179.595 370.363 186.632 379.779 191.549 386.56C194.007 389.95 195.936 392.682 197.249 394.566C197.906 395.508 198.409 396.238 198.747 396.732C198.839 396.866 198.919 396.983 198.987 397.082C199.043 397.165 199.091 397.236 199.131 397.293L199.227 397.436L199.252 397.472L199.258 397.481C199.259 397.483 199.259 397.484 199.674 397.204Z" stroke="url(#paint1_linear_1408_71577)"/>
<path opacity="0.4" d="M296.959 108.193C296.959 108.193 312.753 246.952 307.354 417.33C307.354 417.33 -118.127 712.651 277.407 725.189C447.764 730.588 590.242 596.847 595.641 426.468C601.04 256.09 467.316 113.593 296.959 108.193Z" stroke="url(#paint2_linear_1408_71577)"/>
<path opacity="0.4" d="M307.308 100.841C307.308 100.841 318.612 238.968 307.901 407.793C307.901 407.793 -123.405 687.338 268.522 712.209C437.324 722.921 582.849 594.745 593.559 425.92C604.27 257.096 476.111 111.552 307.308 100.841Z" stroke="url(#paint3_linear_1408_71577)"/>
<path opacity="0.4" d="M317.616 94.2507C317.616 94.2507 324.486 231.604 308.557 398.71C308.557 398.71 -128.005 662.409 259.932 699.397C427.017 715.328 575.379 592.776 591.308 425.67C607.237 258.563 484.701 110.182 317.616 94.2507Z" stroke="url(#paint4_linear_1408_71577)"/>
<path opacity="0.4" d="M327.861 88.417C327.861 88.417 330.357 224.854 309.308 390.083C309.308 390.083 -131.944 637.884 251.634 686.763C416.84 707.815 567.831 590.937 588.88 425.708C609.93 260.48 493.067 109.469 327.861 88.417Z" stroke="url(#paint5_linear_1408_71577)"/>
<path opacity="0.4" d="M338.014 83.3328C338.014 83.3328 336.202 218.715 310.135 381.911C310.135 381.911 -135.24 613.785 243.616 674.315C406.789 700.385 560.199 589.224 586.266 426.028C612.334 262.833 501.187 109.403 338.014 83.3328Z" stroke="url(#paint6_linear_1408_71577)"/>
<path opacity="0.4" d="M348.051 78.9891C348.051 78.9891 342 213.183 311.023 374.193C311.023 374.193 -137.913 590.129 235.872 662.061C396.861 693.043 552.48 587.633 583.458 426.622C614.435 265.611 509.04 109.97 348.051 78.9891Z" stroke="url(#paint7_linear_1408_71577)"/>
<path opacity="0.4" d="M357.948 75.3783C357.948 75.3783 347.732 208.251 311.956 366.931C311.956 366.931 -139.982 566.938 228.393 650.012C387.052 685.792 544.672 586.161 580.448 427.48C616.223 268.8 516.607 111.158 357.948 75.3783Z" stroke="url(#paint8_linear_1408_71577)"/>
<path opacity="0.4" d="M367.677 72.4876C367.677 72.4876 353.372 203.911 312.914 360.12C312.914 360.12 -141.47 544.226 221.166 638.172C377.354 678.634 536.766 584.803 577.224 428.593C617.682 272.384 523.864 112.95 367.677 72.4876Z" stroke="url(#paint9_linear_1408_71577)"/>
<path opacity="0.4" d="M377.218 70.3087C377.218 70.3087 358.907 200.158 313.887 353.76C313.887 353.76 -142.394 522.011 214.188 626.55C367.768 671.574 528.765 583.555 573.785 429.953C618.804 276.352 530.798 115.333 377.218 70.3087Z" stroke="url(#paint10_linear_1408_71577)"/>
<path opacity="0.4" d="M386.547 68.8288C386.547 68.8288 364.314 196.984 314.857 347.847C314.857 347.847 -142.777 500.31 207.447 615.153C358.289 664.615 520.663 582.414 570.12 431.551C619.577 280.687 537.389 118.291 386.547 68.8288Z" stroke="url(#paint11_linear_1408_71577)"/>
<path opacity="0.4" d="M395.642 68.0358C395.642 68.0358 369.576 194.379 315.809 342.378C315.809 342.378 -142.639 479.138 200.935 603.987C348.913 657.76 512.459 581.374 566.225 433.375C619.992 285.376 543.619 121.808 395.642 68.0358Z" stroke="url(#paint12_linear_1408_71577)"/>
<path opacity="0.4" d="M404.476 67.9168C404.476 67.9168 374.669 192.335 316.724 337.35C316.724 337.35 -142.007 458.508 194.638 593.059C339.631 651.011 504.145 580.432 562.09 435.418C620.034 290.404 549.468 125.868 404.476 67.9168Z" stroke="url(#paint13_linear_1408_71577)"/>
<path opacity="0.4" d="M413.034 68.4581C413.034 68.4581 379.582 190.843 317.594 332.757C317.594 332.757 -140.895 438.435 188.553 582.375C330.446 644.371 495.725 579.583 557.714 437.669C619.703 295.755 554.927 130.453 413.034 68.4581Z" stroke="url(#paint14_linear_1408_71577)"/>
<path opacity="0.4" d="M421.288 69.6444C421.288 69.6444 384.29 189.89 318.395 328.595C318.395 328.595 -139.335 418.93 182.662 571.94C321.347 637.842 487.191 578.823 553.085 440.117C618.98 301.412 559.972 135.546 421.288 69.6444Z" stroke="url(#paint15_linear_1408_71577)"/>
<path opacity="0.4" d="M429.224 71.4626C429.224 71.4626 388.781 189.468 319.121 324.86C319.121 324.86 -137.343 400.007 176.962 561.761C312.334 631.428 478.545 578.147 548.205 442.755C617.865 307.363 564.595 141.13 429.224 71.4626Z" stroke="url(#paint16_linear_1408_71577)"/>
<path opacity="0.4" d="M436.818 73.8954C436.818 73.8954 393.035 189.565 319.753 321.545C319.753 321.545 -134.947 381.676 171.439 551.84C303.4 625.13 469.782 577.551 543.064 445.571C616.347 313.59 568.779 147.185 436.818 73.8954Z" stroke="url(#paint17_linear_1408_71577)"/>
<path opacity="0.4" d="M444.051 76.927C444.051 76.927 397.035 190.167 320.276 318.644C320.276 318.644 -132.17 363.946 166.082 542.183C294.539 618.95 460.899 577.031 537.659 448.554C614.418 320.077 572.508 153.694 444.051 76.927Z" stroke="url(#paint18_linear_1408_71577)"/>
<path opacity="0.4" d="M450.908 80.5393C450.908 80.5393 400.768 191.263 320.68 316.15C320.68 316.15 -129.033 346.826 160.883 532.794C285.75 612.889 451.899 576.58 531.987 451.693C612.075 326.806 575.775 160.635 450.908 80.5393Z" stroke="url(#paint19_linear_1408_71577)"/>
<path opacity="0.4" d="M457.37 84.7159C457.37 84.7159 404.218 192.84 320.951 314.055C320.951 314.055 -125.561 330.326 155.832 523.675C277.028 606.95 442.778 576.194 526.046 454.979C609.313 333.764 578.566 167.991 457.37 84.7159Z" stroke="url(#paint20_linear_1408_71577)"/>
<path opacity="0.4" d="M463.419 89.4389C463.419 89.4389 407.369 194.885 321.073 312.353C321.073 312.353 -121.78 314.451 150.916 514.831C268.365 601.134 433.533 575.87 519.829 458.401C606.124 340.932 580.869 175.742 463.419 89.4389Z" stroke="url(#paint21_linear_1408_71577)"/>
<path opacity="0.4" d="M469.037 94.6886C469.037 94.6886 410.204 197.382 321.034 311.035C321.034 311.035 -117.715 299.209 146.122 506.263C259.757 595.442 424.163 575.601 513.333 461.948C602.504 348.295 582.672 183.867 469.037 94.6886Z" stroke="url(#paint22_linear_1408_71577)"/>
<path opacity="0.4" d="M474.214 100.448C474.214 100.448 412.717 200.318 320.826 310.093C320.826 310.093 -113.385 284.604 141.448 497.976C251.204 589.875 414.671 575.385 506.562 465.61C598.453 355.836 583.971 192.347 474.214 100.448Z" stroke="url(#paint23_linear_1408_71577)"/>
<path opacity="0.4" d="M478.929 106.695C478.929 106.695 414.886 203.678 320.43 309.517C320.43 309.517 -108.822 270.641 136.872 489.969C242.693 584.434 405.05 575.213 499.506 469.375C593.962 363.537 584.75 201.159 478.929 106.695Z" stroke="url(#paint24_linear_1408_71577)"/>
<path opacity="0.4" d="M483.174 113.41C483.174 113.41 416.706 207.447 319.841 309.298C319.841 309.298 -104.044 257.324 132.393 482.245C234.227 579.119 395.304 575.084 492.17 473.233C589.035 371.382 585.008 210.284 483.174 113.41Z" stroke="url(#paint25_linear_1408_71577)"/>
<path opacity="0.4" d="M486.932 120.576C486.932 120.576 418.161 211.61 319.044 309.428C319.044 309.428 -99.0793 244.656 127.996 474.807C225.797 573.932 385.431 574.992 484.548 477.174C583.666 379.357 584.733 219.702 486.932 120.576Z" stroke="url(#paint26_linear_1408_71577)"/>
<path opacity="0.4" d="M490.192 128.169C490.192 128.169 419.241 216.149 318.028 309.895C318.028 309.895 -93.9512 232.637 123.669 467.652C217.398 568.872 375.43 574.932 476.642 481.186C577.855 387.441 583.921 229.39 490.192 128.169Z" stroke="url(#paint27_linear_1408_71577)"/>
<path opacity="0.4" d="M492.941 136.17C492.941 136.17 419.933 221.051 316.783 310.691C316.783 310.691 -88.6857 221.271 119.402 460.783C209.026 563.941 365.299 574.9 468.449 485.26C571.599 395.621 582.564 239.328 492.941 136.17Z" stroke="url(#paint28_linear_1408_71577)"/>
<path opacity="0.4" d="M495.172 144.556C495.172 144.556 420.232 226.297 315.302 311.802C315.302 311.802 -83.3027 210.555 115.188 454.199C200.678 559.136 355.044 574.889 459.973 489.384C564.903 403.878 580.662 249.494 495.172 144.556Z" stroke="url(#paint29_linear_1408_71577)"/>
<path opacity="0.4" d="M496.872 153.308C496.872 153.308 420.124 231.871 313.572 313.221C313.572 313.221 -77.8298 200.489 111.013 447.9C192.348 554.46 344.66 574.897 451.212 493.547C557.764 412.198 578.206 259.867 496.872 153.308Z" stroke="url(#paint30_linear_1408_71577)"/>
<path opacity="0.4" d="M498.033 162.402C498.033 162.402 419.604 237.757 311.586 314.934C311.586 314.934 -72.2902 191.072 106.867 441.885C184.03 549.911 334.148 574.918 442.166 497.74C550.184 420.563 575.196 270.427 498.033 162.402Z" stroke="url(#paint31_linear_1408_71577)"/>
<path opacity="0.4" d="M498.645 171.817C498.645 171.817 418.659 243.936 309.333 316.931C309.333 316.931 -66.7093 182.302 102.738 436.154C175.719 545.488 323.509 574.947 432.835 501.953C542.162 428.958 571.626 281.151 498.645 171.817Z" stroke="url(#paint32_linear_1408_71577)"/>
<path opacity="0.4" d="M498.706 181.53C498.706 181.53 417.289 250.391 306.809 319.199C306.809 319.199 -61.106 174.173 98.6206 430.703C167.415 541.191 312.746 574.98 423.226 506.173C533.707 437.365 567.5 292.018 498.706 181.53Z" stroke="url(#paint33_linear_1408_71577)"/>
<path opacity="0.4" d="M498.205 191.519C498.205 191.519 415.483 257.105 304.003 321.726C304.003 321.726 -55.5072 166.681 94.5006 425.532C159.109 537.019 301.857 575.011 413.337 510.391C524.817 445.77 562.814 303.006 498.205 191.519Z" stroke="url(#paint34_linear_1408_71577)"/>
<path opacity="0.4" d="M497.138 201.764C497.138 201.764 413.235 264.061 300.908 324.501C300.908 324.501 -49.9347 159.824 90.3691 420.639C150.798 532.971 290.843 575.038 403.17 514.598C515.496 454.157 557.567 314.097 497.138 201.764Z" stroke="url(#paint35_linear_1408_71577)"/>
<path opacity="0.4" d="M495.5 212.241C495.5 212.241 410.54 271.241 297.519 327.513C297.519 327.513 -44.4114 153.594 86.216 416.021C142.477 529.048 279.707 575.057 392.728 518.785C505.748 462.512 551.761 325.268 495.5 212.241Z" stroke="url(#paint36_linear_1408_71577)"/>
<path opacity="0.4" d="M493.287 222.926C493.287 222.926 407.394 278.625 293.829 330.747C293.829 330.747 -38.9594 147.984 82.0317 411.674C134.143 525.245 268.449 575.06 382.014 522.938C495.579 470.817 545.397 336.497 493.287 222.926Z" stroke="url(#paint37_linear_1408_71577)"/>
<path opacity="0.4" d="M490.494 233.799C490.494 233.799 403.792 286.199 289.831 334.192C289.831 334.192 -33.6017 142.988 77.8055 407.597C125.789 521.563 257.07 575.046 371.031 527.053C484.992 479.06 538.478 347.766 490.494 233.799Z" stroke="url(#paint38_linear_1408_71577)"/>
<path opacity="0.4" d="M487.123 244.836C487.123 244.836 399.733 293.941 285.522 337.833C285.522 337.833 -28.3576 138.596 73.5301 403.783C117.413 517.999 245.573 575.008 359.784 531.116C473.994 487.224 531.006 359.052 487.123 244.836Z" stroke="url(#paint39_linear_1408_71577)"/>
<path opacity="0.4" d="M483.17 256.015C483.17 256.015 395.213 301.835 280.897 341.659C280.897 341.659 -23.2492 134.799 69.1952 400.231C109.011 514.552 233.959 574.944 348.275 535.12C462.591 495.296 522.986 370.336 483.17 256.015Z" stroke="url(#paint40_linear_1408_71577)"/>
<path opacity="0.4" d="M478.634 267.316C478.634 267.316 390.229 309.864 275.95 345.658C275.95 345.658 -18.2981 131.591 64.7909 396.937C100.577 511.221 222.23 574.851 336.509 539.057C450.789 503.263 514.42 381.6 478.634 267.316Z" stroke="url(#paint41_linear_1408_71577)"/>
<path opacity="0.4" d="M473.518 278.712C473.518 278.712 384.784 318.007 270.68 349.813C270.68 349.813 -13.5212 128.956 60.3113 393.894C92.1109 508.002 210.389 574.721 324.493 542.915C438.597 511.108 505.318 392.821 473.518 278.712Z" stroke="url(#paint42_linear_1408_71577)"/>
<path opacity="0.4" d="M467.82 290.185C467.82 290.185 378.872 326.249 265.081 354.115C265.081 354.115 -8.94244 126.887 55.7438 391.098C83.6042 504.894 198.436 574.554 312.228 546.687C426.019 518.821 495.68 403.981 467.82 290.185Z" stroke="url(#paint43_linear_1408_71577)"/>
<path opacity="0.4" d="M461.544 301.711C461.544 301.711 372.498 334.57 259.152 358.548C259.152 358.548 -4.57763 125.369 51.0831 388.544C75.0562 501.894 186.375 574.343 299.721 550.365C413.066 526.386 485.517 415.06 461.544 301.711Z" stroke="url(#paint44_linear_1408_71577)"/>
<path opacity="0.4" d="M454.692 313.27C454.692 313.27 365.659 342.955 252.891 363.102C252.891 363.102 -0.44638 124.394 46.3201 386.228C66.4624 499.001 174.208 574.088 286.977 553.941C399.745 533.795 474.834 426.042 454.692 313.27Z" stroke="url(#paint45_linear_1408_71577)"/>
<path opacity="0.4" d="M447.267 324.841C447.267 324.841 358.36 351.385 246.296 367.761C246.296 367.761 3.43341 123.946 41.4469 384.144C57.8193 496.211 161.938 573.784 274.002 557.408C386.066 541.032 463.64 436.908 447.267 324.841Z" stroke="url(#paint46_linear_1408_71577)"/>
<path opacity="0.4" d="M439.273 336.399C439.273 336.399 350.599 359.841 239.364 372.512C239.364 372.512 7.0433 124.011 36.4549 382.283C49.1225 493.521 149.566 573.426 260.801 560.755C372.036 548.085 451.941 447.637 439.273 336.399Z" stroke="url(#paint47_linear_1408_71577)"/>
<path opacity="0.4" d="M430.717 347.928C430.717 347.928 342.383 368.309 232.097 377.343C232.097 377.343 10.3686 124.577 31.3388 380.643C40.3706 490.93 137.096 573.012 247.382 563.978C357.667 554.945 439.749 458.215 430.717 347.928Z" stroke="url(#paint48_linear_1408_71577)"/>
<path opacity="0.4" d="M421.604 359.404C421.604 359.404 333.713 376.771 224.495 382.241C224.495 382.241 13.3921 125.628 26.0904 379.215C31.5595 488.434 124.532 572.54 233.75 567.069C342.968 561.599 427.073 468.624 421.604 359.404Z" stroke="url(#paint49_linear_1408_71577)"/>
<path opacity="0.4" d="M411.939 370.809C411.939 370.809 324.593 385.208 216.556 387.192C216.556 387.192 16.0984 127.148 20.703 377.992C22.6862 486.03 111.875 572.005 219.912 570.021C327.949 568.037 413.923 478.847 411.939 370.809Z" stroke="url(#paint50_linear_1408_71577)"/>
<path opacity="0.4" d="M401.731 382.121C401.731 382.121 315.028 393.607 208.282 392.184C208.282 392.184 18.4726 129.124 15.1702 376.969C13.7478 483.716 99.1294 571.405 205.875 572.828C312.621 574.25 400.309 488.868 401.731 382.121Z" stroke="url(#paint51_linear_1408_71577)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1408_71577" x1="610.303" y1="127.374" x2="-36.4994" y2="639.705" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint1_linear_1408_71577" x1="374.454" y1="591.645" x2="77.7586" y2="181.752" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint2_linear_1408_71577" x1="617.822" y1="130.646" x2="-38.271" y2="618.94" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint3_linear_1408_71577" x1="624.858" y1="133.198" x2="-41.2518" y2="596.899" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint4_linear_1408_71577" x1="631.55" y1="136.327" x2="-43.6811" y2="575.294" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint5_linear_1408_71577" x1="637.884" y1="140.015" x2="-45.5761" y2="554.139" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint6_linear_1408_71577" x1="643.842" y1="144.248" x2="-46.9568" y2="533.452" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint7_linear_1408_71577" x1="649.407" y1="149.007" x2="-47.8429" y2="513.245" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint8_linear_1408_71577" x1="654.564" y1="154.278" x2="-48.2536" y2="493.535" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint9_linear_1408_71577" x1="659.295" y1="160.039" x2="-48.2136" y2="474.331" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint10_linear_1408_71577" x1="663.591" y1="166.276" x2="-47.7382" y2="455.648" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint11_linear_1408_71577" x1="667.436" y1="172.968" x2="-46.851" y2="437.496" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint12_linear_1408_71577" x1="670.819" y1="180.096" x2="-45.5719" y2="419.887" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint13_linear_1408_71577" x1="673.724" y1="187.642" x2="-43.927" y2="402.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint14_linear_1408_71577" x1="676.146" y1="195.586" x2="-41.9311" y2="386.332" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint15_linear_1408_71577" x1="678.067" y1="203.907" x2="-39.614" y2="370.403" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint16_linear_1408_71577" x1="679.485" y1="212.588" x2="-36.9911" y2="355.052" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint17_linear_1408_71577" x1="680.386" y1="221.607" x2="-34.0888" y2="340.283" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint18_linear_1408_71577" x1="680.762" y1="230.943" x2="-30.9305" y2="326.102" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint19_linear_1408_71577" x1="680.609" y1="240.575" x2="-27.5346" y2="312.513" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint20_linear_1408_71577" x1="679.92" y1="250.482" x2="-23.9247" y2="299.522" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint21_linear_1408_71577" x1="678.686" y1="260.646" x2="-20.1254" y2="287.131" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint22_linear_1408_71577" x1="676.903" y1="271.042" x2="-16.1601" y2="275.341" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint23_linear_1408_71577" x1="674.571" y1="281.653" x2="-12.0455" y2="264.156" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint24_linear_1408_71577" x1="671.679" y1="292.454" x2="-7.81179" y2="253.574" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint25_linear_1408_71577" x1="668.232" y1="303.425" x2="-3.47443" y2="243.596" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint26_linear_1408_71577" x1="664.223" y1="314.548" x2="0.940623" y2="234.223" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint27_linear_1408_71577" x1="659.654" y1="325.798" x2="5.4122" y2="225.449" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint28_linear_1408_71577" x1="654.52" y1="337.156" x2="9.91686" y2="217.276" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint29_linear_1408_71577" x1="648.829" y1="348.601" x2="14.4376" y2="209.696" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint30_linear_1408_71577" x1="642.576" y1="360.112" x2="18.9493" y2="202.709" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint31_linear_1408_71577" x1="635.765" y1="371.669" x2="23.4319" y2="196.309" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint32_linear_1408_71577" x1="628.397" y1="383.252" x2="27.8629" y2="190.49" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint33_linear_1408_71577" x1="620.479" y1="394.839" x2="32.2264" y2="185.245" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint34_linear_1408_71577" x1="612.013" y1="406.41" x2="36.4988" y2="180.566" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint35_linear_1408_71577" x1="603.003" y1="417.949" x2="40.6614" y2="176.449" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint36_linear_1408_71577" x1="593.456" y1="429.435" x2="44.6945" y2="172.884" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint37_linear_1408_71577" x1="583.377" y1="440.847" x2="48.5795" y2="169.861" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint38_linear_1408_71577" x1="572.772" y1="452.169" x2="52.297" y2="167.372" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint39_linear_1408_71577" x1="561.651" y1="463.381" x2="55.8308" y2="165.404" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint40_linear_1408_71577" x1="550.02" y1="474.465" x2="59.1626" y2="163.949" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint41_linear_1408_71577" x1="537.889" y1="485.406" x2="62.2745" y2="162.996" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint42_linear_1408_71577" x1="525.268" y1="496.184" x2="65.1531" y2="162.529" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint43_linear_1408_71577" x1="512.163" y1="506.783" x2="67.7781" y2="162.539" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint44_linear_1408_71577" x1="498.589" y1="517.187" x2="70.1374" y2="163.012" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint45_linear_1408_71577" x1="484.554" y1="527.382" x2="72.2151" y2="163.935" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint46_linear_1408_71577" x1="470.071" y1="537.351" x2="73.9972" y2="165.293" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint47_linear_1408_71577" x1="455.151" y1="547.079" x2="75.4688" y2="167.072" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint48_linear_1408_71577" x1="439.807" y1="556.554" x2="76.6192" y2="169.258" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint49_linear_1408_71577" x1="424.052" y1="565.76" x2="77.4349" y2="171.834" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint50_linear_1408_71577" x1="407.899" y1="574.685" x2="77.904" y2="174.786" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint51_linear_1408_71577" x1="391.362" y1="583.318" x2="78.0157" y2="178.097" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

client/public/images/shapes/4.svg
+116
View File
@@ -0,0 +1,116 @@
<svg width="881" height="983" viewBox="0 0 881 983" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.1">
<path d="M346.151 753.708C126.068 810.845 136.479 574.547 169.194 449.257C201.275 323.117 -100.564 163.558 212.364 100.955C525.293 38.353 260.857 290.491 422.28 361.266C583.703 432.041 486.952 75.5283 712.07 370.896C937.188 666.263 621.255 682.287 346.151 753.708Z" stroke="url(#paint0_linear_1408_71729)" stroke-linecap="round"/>
<path d="M273.889 724.006C167.446 721.367 202.519 616.329 233.36 564.14C264.025 511.487 148.635 400.757 297.586 412.9C446.536 425.044 295.048 504.478 358.63 557.142C422.212 609.807 424.492 436.84 487.874 598.823C551.255 760.806 406.942 727.306 273.889 724.006Z" stroke="url(#paint1_linear_1408_71729)" stroke-linecap="round"/>
<path d="M341.634 755.755C126.404 808.594 139.602 578.436 173.105 456.752C206.001 334.232 -86.1093 174.824 219.679 117.859C525.467 60.8938 264.491 303.206 420.899 374.27C577.307 445.334 487.62 96.6287 703.203 387.402C918.786 678.176 610.672 689.706 341.634 755.755Z" stroke="url(#paint2_linear_1408_71729)"/>
<path d="M337.182 757.44C126.879 806.121 142.705 582.133 176.905 464.053C210.525 345.153 -71.9143 186.125 226.64 134.596C525.195 83.0677 267.892 315.691 419.306 386.924C570.72 458.156 487.873 117.382 694.084 403.362C900.295 689.342 600.062 696.59 337.182 757.44Z" stroke="url(#paint3_linear_1408_71729)"/>
<path d="M332.802 758.766C127.496 803.428 145.788 585.638 180.598 471.16C214.852 355.876 -57.9799 197.456 233.252 151.162C524.484 104.868 271.064 327.943 417.509 399.225C563.953 470.507 487.718 137.782 684.723 418.772C881.728 699.762 589.433 702.939 332.802 758.766Z" stroke="url(#paint4_linear_1408_71729)"/>
<path d="M328.501 759.734C128.262 800.519 148.859 588.952 184.187 478.071C218.986 366.397 -44.3054 208.812 239.519 167.549C523.343 126.286 274.013 339.958 415.514 411.17C557.014 482.382 487.164 157.821 675.132 433.628C863.1 709.436 578.798 708.754 328.501 759.734Z" stroke="url(#paint5_linear_1408_71729)"/>
<path d="M324.285 760.347C129.179 797.397 151.919 592.076 187.677 484.784C222.931 376.715 -30.8912 220.188 245.445 183.752C521.781 147.315 276.744 351.733 413.329 422.757C549.914 493.781 486.217 177.492 665.322 447.928C844.427 718.365 568.167 714.035 324.285 760.347Z" stroke="url(#paint6_linear_1408_71729)"/>
<path d="M320.163 760.607C130.252 794.066 154.973 595.008 191.072 491.297C226.692 386.825 -17.7368 231.579 251.034 199.763C519.805 167.946 279.262 363.263 410.962 433.981C542.662 504.7 484.888 196.787 655.305 461.667C825.723 726.547 557.55 718.785 320.163 760.607Z" stroke="url(#paint7_linear_1408_71729)"/>
<path d="M316.139 760.516C131.484 790.528 158.023 597.749 194.375 497.608C230.271 396.723 -4.84354 242.98 256.29 215.576C517.424 188.172 281.57 374.543 408.419 444.84C535.267 515.136 483.18 215.7 645.091 474.842C807.001 733.985 546.957 723.002 316.139 760.516Z" stroke="url(#paint8_linear_1408_71729)"/>
<path d="M312.221 760.076C132.879 786.786 161.076 600.299 197.592 503.716C233.676 406.407 7.79073 254.384 261.218 231.185C514.646 207.986 283.677 385.571 405.708 455.33C527.74 525.088 481.106 234.224 634.692 487.451C788.278 740.677 536.399 726.688 312.221 760.076Z" stroke="url(#paint9_linear_1408_71729)"/>
<path d="M308.416 759.291C134.44 782.846 164.132 602.658 200.724 509.62C236.908 415.873 20.1644 265.788 265.822 246.584C511.48 227.381 285.585 396.343 402.837 465.449C520.088 534.554 478.671 252.352 624.119 499.49C769.567 746.627 525.886 729.847 308.416 759.291Z" stroke="url(#paint10_linear_1408_71729)"/>
<path d="M304.73 758.163C136.172 778.71 167.196 604.829 203.778 515.32C239.974 425.12 32.2788 277.187 270.106 261.769C507.934 246.35 287.301 406.857 399.812 475.195C512.323 543.534 475.884 270.079 613.383 510.957C750.882 751.836 515.427 732.479 304.73 758.163Z" stroke="url(#paint11_linear_1408_71729)"/>
<path d="M301.17 756.694C138.078 774.381 170.273 606.809 206.758 520.812C242.878 434.142 44.1349 288.575 274.077 276.73C504.019 264.885 288.829 417.107 396.642 484.565C504.455 552.023 472.754 287.397 602.497 521.85C732.24 756.303 505.035 734.585 301.17 756.694Z" stroke="url(#paint12_linear_1408_71729)"/>
<path d="M297.742 754.889C140.161 769.864 173.366 608.6 209.666 526.096C245.623 442.938 55.7324 299.947 277.737 291.464C499.741 282.981 290.176 427.091 393.334 493.556C496.492 560.022 469.289 304.3 591.47 532.166C713.652 760.033 494.718 736.169 297.742 754.889Z" stroke="url(#paint13_linear_1408_71729)"/>
<path d="M294.453 752.749C142.425 765.163 176.479 610.203 212.509 531.171C248.216 451.505 67.0734 311.298 281.093 305.965C495.113 300.631 291.348 436.806 389.897 502.168C488.445 567.53 465.498 320.783 580.317 541.905C695.137 763.026 484.488 737.232 294.453 752.749Z" stroke="url(#paint14_linear_1408_71729)"/>
<path d="M291.309 750.278C144.874 760.28 179.614 611.618 215.288 536.036C250.661 459.84 78.1567 322.624 284.149 320.226C490.141 317.828 292.348 446.248 386.336 510.396C480.324 574.545 461.389 336.84 569.047 551.063C676.705 765.286 474.353 737.776 291.309 750.278Z" stroke="url(#paint15_linear_1408_71729)"/>
<path d="M288.316 747.48C147.51 755.221 182.776 612.845 218.01 540.69C252.961 467.941 88.984 333.918 286.91 334.242C484.835 334.567 293.183 455.415 382.66 518.24C472.137 581.066 456.972 352.464 557.672 559.639C658.372 766.814 464.324 737.804 288.316 747.48Z" stroke="url(#paint16_linear_1408_71729)"/>
<path d="M285.483 744.357C150.338 749.988 185.97 613.887 220.679 545.133C255.125 475.805 99.5579 345.177 289.382 348.009C479.207 350.841 293.86 464.304 378.879 525.699C463.898 587.094 452.256 367.652 546.205 567.633C640.154 767.614 454.413 737.319 285.483 744.357Z" stroke="url(#paint17_linear_1408_71729)"/>
<path d="M282.811 740.914C153.359 744.586 189.197 614.743 223.297 549.362C257.153 483.43 109.876 356.394 291.569 361.52C473.263 366.645 294.382 472.911 374.997 532.769C455.611 592.626 447.248 382.395 534.655 575.042C622.063 767.689 444.627 736.324 282.811 740.914Z" stroke="url(#paint18_linear_1408_71729)"/>
<path d="M280.311 737.153C156.578 739.018 192.462 615.414 225.87 553.378C259.052 490.812 119.942 367.566 293.478 374.769C467.014 381.972 294.756 481.235 371.023 539.449C447.29 597.664 441.959 396.691 523.036 581.866C604.113 767.041 434.977 734.822 280.311 737.153Z" stroke="url(#paint19_linear_1408_71729)"/>
<path d="M277.986 733.08C159.997 733.291 195.768 615.902 228.402 557.181C260.827 497.951 129.757 378.687 295.113 387.753C460.47 396.819 294.988 489.272 366.966 545.74C438.943 602.207 436.397 410.534 511.358 588.105C586.32 765.676 425.473 732.816 277.986 733.08Z" stroke="url(#paint20_linear_1408_71729)"/>
<path d="M275.844 728.696C163.619 727.405 199.119 616.206 230.898 560.768C262.484 504.843 139.321 389.752 296.481 400.465C453.641 411.178 295.084 497.021 362.832 551.638C430.581 606.255 430.572 423.918 499.634 593.757C568.696 763.597 416.125 730.309 275.844 728.696Z" stroke="url(#paint21_linear_1408_71729)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1408_71729" x1="546.587" y1="955.067" x2="398.043" y2="-105.721" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint1_linear_1408_71729" x1="338.245" y1="840.487" x2="408.065" y2="343.827" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint2_linear_1408_71729" x1="534.377" y1="954.59" x2="403.325" y2="-81.1668" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint3_linear_1408_71729" x1="522.335" y1="953.583" x2="408.085" y2="-56.8698" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint4_linear_1408_71729" x1="510.47" y1="952.051" x2="412.327" y2="-32.8388" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint5_linear_1408_71729" x1="498.795" y1="949.998" x2="416.06" y2="-9.08387" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint6_linear_1408_71729" x1="487.317" y1="947.43" x2="419.288" y2="14.3863" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint7_linear_1408_71729" x1="476.047" y1="944.35" x2="422.02" y2="37.5616" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint8_linear_1408_71729" x1="464.994" y1="940.764" x2="424.258" y2="60.4323" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint9_linear_1408_71729" x1="454.169" y1="936.675" x2="426.014" y2="82.9896" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint10_linear_1408_71729" x1="443.579" y1="932.091" x2="427.291" y2="105.225" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint11_linear_1408_71729" x1="433.234" y1="927.016" x2="428.097" y2="127.13" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint12_linear_1408_71729" x1="423.146" y1="921.456" x2="428.44" y2="148.694" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint13_linear_1408_71729" x1="413.321" y1="915.415" x2="428.326" y2="169.911" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint14_linear_1408_71729" x1="403.77" y1="908.902" x2="427.765" y2="190.77" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint15_linear_1408_71729" x1="394.5" y1="901.92" x2="426.762" y2="211.264" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint16_linear_1408_71729" x1="385.522" y1="894.477" x2="425.326" y2="231.385" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint17_linear_1408_71729" x1="376.845" y1="886.578" x2="423.466" y2="251.125" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint18_linear_1408_71729" x1="368.474" y1="878.231" x2="421.187" y2="270.474" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint19_linear_1408_71729" x1="360.421" y1="869.441" x2="418.499" y2="289.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint20_linear_1408_71729" x1="352.693" y1="860.216" x2="415.411" y2="307.975" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
<linearGradient id="paint21_linear_1408_71729" x1="345.299" y1="850.563" x2="411.93" y2="326.111" gradientUnits="userSpaceOnUse">
<stop stop-color="#D375FF"/>
<stop offset="0.708333" stop-color="#798FFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

client/src/App.tsx
+193 -249
View File
@@ -12,6 +12,7 @@ import api from "./utils/api";
import { OrbitControls, PerspectiveCamera, Wireframe } from "@react-three/drei";
import ComplexCard from "./components/ComplexCard";
import Map2 from "./components/Map2";
import FeatureCard from "./components/FeatureCard";
function App() {
const parallaxRef = useRef<HTMLDivElement>(null);
@@ -31,6 +32,31 @@ function App() {
const helmetInView = useInView(helmetRef);
// const [helmetIsAnim, setHelmetIsAnim] = useState<boolean>(true);
const featureImagesContainer = useRef<HTMLDivElement>(null);
const featureImages = [
"https://images.unsplash.com/photo-1682595950157-8d1cc0ef388f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60",
"https://images.unsplash.com/photo-1682402178953-f2cb484d4024?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw1fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60",
"https://plus.unsplash.com/premium_photo-1676648534973-dd205cb63d99?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxMnx8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=60",
"https://images.unsplash.com/photo-1682353213492-8433d437855a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxM3x8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=60",
];
const [selectedFeatureImageIndex, setSelectedFeatureImageIndex] =
useState<number>(0);
useEffect(() => {
if (featureImagesContainer.current) {
featureImagesContainer.current.insertAdjacentHTML(
"beforeend",
`<div data-index="${selectedFeatureImageIndex}" style="background-image: url('${featureImages[selectedFeatureImageIndex]}')" alt="" class="absolute top-0 left-0 w-full h-full bg-cover bg-center bg-no-repeat fade-in-image" />`
);
if (featureImagesContainer.current.children.length > 1) {
setTimeout(() => {
featureImagesContainer.current?.firstElementChild?.remove();
}, 1000);
}
}
}, [selectedFeatureImageIndex]);
function handleScroll() {
if (parallaxRef.current) {
parallaxRef.current.style.transform = `translateY(${
@@ -93,9 +119,9 @@ function App() {
<div className="bg-[#151619] text-white">
<div
ref={parallaxRef}
className="lg:container mx-auto p-4 xl:max-w-screen-2xl"
className="relative lg:container mx-auto p-4 xl:max-w-screen-2xl"
>
<div className="space-y-8">
<div className="space-y-44 mb-44">
<div className="flex justify-between">
<div className="">
<a href="/">
@@ -108,19 +134,19 @@ function App() {
<span className="sm:hidden block">Связаться</span>
</button>
<div className="space-x-2">
{/* <div className="space-x-2">
<button className="p-2 bg-white bg-opacity-25 hover:bg-opacity-30 text-white rounded-full w-10 h-10 transition-colors">
RU
</button>
<button className="sm:inline-block hidden p-2 hover:bg-white hover:bg-opacity-25 text-white rounded-full w-10 h-10 transition-colors">
EN
</button>
</div>
</div> */}
</div>
</div>
<div className="space-y-8">
<div className="h-12 w-0.5 bg-[#23242A]"></div>
<h1 className="font-gilroy 2xl:text-8xl xl:text-7xl lg:text-6xl text-4xl text-gradient">
{/* <div className="h-12 w-0.5 bg-[#23242A]"></div> */}
<h1 className="font-gilroy font-medium 2xl:text-8xl xl:text-7xl lg:text-6xl text-4xl text-gradient">
Интерактивный инструмент продаж для застройщиков
</h1>
<p className="2xl:text-xl lg:text-lg">
@@ -128,69 +154,81 @@ function App() {
<br />
Продавать больше и быстрее
</p>
<div className="h-24 w-0.5 bg-[#23242A]"></div>
{/* <div className="h-24 w-0.5 bg-[#23242A]"></div> */}
</div>
</div>
<div className="absolute top-0 right-0 ">
<img src="/images/shapes/1.svg" alt="" className="" />
</div>
</div>
<div className="relative 2xl:space-y-60 md:space-y-28 space-y-20">
<div className="relative 2xl:space-y-48 md:space-y-28 space-y-20">
<div
className="max-w-screen h-screen bg-cover bg-no-repeat bg-center rounded-xl overflow-hidden"
style={{ backgroundImage: "url('/images/content.jpg')" }}
></div>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl">
<div className="space-y-32">
<div className="grid sm:grid-cols-2 gap-6">
<p className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
Эффективность инстумента продаж в цифрах
<div className="space-y-8">
<p className="font-gilroy 2xl:text-7xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
Эффективность инстумента
<br />
продаж в цифрах
</p>
<p className="2xl:text-xl lg:text-lg">
Мы собрали статистику за 10 лет работы с застройщиками,
реализовав 21 проект
Мы собрали статистику за 10 лет работы
<br />с застройщиками, реализовав 21 проект
</p>
</div>
<div className="grid lg:grid-cols-4 grid-cols-2 gap-6">
<div className="border-t-2 pt-8 border-[#23242A]">
<p className="font-gilroy 2xl:text-9xl sm:text-8xl text-6xl text-gradient">
10
</p>
<p className="2xl:text-xl lg:text-lg">что-то на умном</p>
<div className="grid grid-cols-2 gap-8">
<div className="flex flex-col justify-between">
<div className="grid grid-cols-2 gap-6">
<div className="border-t-2 pt-8 border-[#454554]">
<p className="font-gilroy 2xl:text-8xl sm:text-8xl text-6xl text-gradient">
10
</p>
<p className="2xl:text-lg">что-то на умном</p>
</div>
<div className="border-t-2 pt-8 border-[#454554]">
<p className="font-gilroy 2xl:text-8xl sm:text-8xl text-6xl text-gradient">
26
</p>
<p className="2xl:text-lg">
что-то на умном
<br />в две строчки
</p>
</div>
<div className="border-t-2 pt-8 border-[#454554]">
<p className="font-gilroy 2xl:text-8xl sm:text-8xl text-6xl text-gradient">
32%
</p>
<p className="2xl:text-lg">
что-то на умном
<br />в две строчки
</p>
</div>
<div className="border-t-2 pt-8 border-[#454554]">
<p className="font-gilroy 2xl:text-8xl sm:text-8xl text-6xl text-gradient">
12%
</p>
<p className="2xl:text-lg">
что-то на умном
<br />в две строчки
</p>
</div>
</div>
<button className="self-start 2xl:text-xl px-8 py-4 bg-gradient-to-tr from-[#BC75FF] to-[#798FFF] text-white rounded-full opacity-95 hover:opacity-100 transition-opacity sm:w-auto w-full">
Заказать решение
</button>
</div>
<div className="border-t-2 pt-8 border-[#23242A]">
<p className="font-gilroy 2xl:text-9xl sm:text-8xl text-6xl text-gradient">
26
</p>
<p className="2xl:text-xl lg:text-lg">
что-то на умном
<br />в две строчки
</p>
</div>
<div className="border-t-2 pt-8 border-[#23242A]">
<p className="font-gilroy 2xl:text-9xl sm:text-8xl text-6xl text-gradient">
32%
</p>
<p className="2xl:text-xl lg:text-lg">
что-то на умном
<br />в две строчки
</p>
</div>
<div className="border-t-2 pt-8 border-[#23242A]">
<p className="font-gilroy 2xl:text-9xl sm:text-8xl text-6xl text-gradient">
12%
</p>
<p className="2xl:text-xl lg:text-lg">
что-то на умном
<br />в две строчки
</p>
<div className=" ">
<img src="/images/1135.jpg" alt="" className="rounded" />
</div>
</div>
<button className="2xl:text-xl px-8 py-4 bg-gradient-to-tr from-[#BC75FF] to-[#798FFF] text-white rounded-full opacity-95 hover:opacity-100 transition-opacity sm:w-auto w-full">
Заказать решение
</button>
</div>
</div>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl">
<div className="space-y-16">
<div className="relative space-y-16">
<div className="grid lg:grid-cols-2 gap-6">
<div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
Функциональные возможности
@@ -202,8 +240,57 @@ function App() {
преимущества объекта
</div>
</div>
<div className="h-0.5 bg-[#23242A]"></div>
<Slider />
<div className="absolute w-full h-full top-[-64px] left-0 flex justify-center items-center">
<img src="/images/shapes/2.svg" alt="" />
</div>
{/* <div className="h-0.5 bg-[#23242A]"></div> */}
{/* <Slider /> */}
<div className="grid grid-cols-2 relative z-50">
<FeatureCard
text="Интеграция с CRM - системой"
handleMouseEnter={() => setSelectedFeatureImageIndex(0)}
/>
<div className="row-span-2 h-full border border-[#454554] backdrop-blur-lg bg-[rgba(46, 46, 56, 0.1)] ">
{/* <div
className="w-full h-full bg-cover bg-no-repeat bg-center transition-all"
style={{
backgroundImage: `url("${featureImages[selectedFeatureImageIndex]}")`,
}}
></div> */}
<div
ref={featureImagesContainer}
className="w-full h-full"
></div>
</div>
<FeatureCard
text="Параметрический поиск квартир"
handleMouseEnter={() => setSelectedFeatureImageIndex(1)}
/>
<FeatureCard
text="Вся инфрастуктура на одном экране"
handleMouseEnter={() => setSelectedFeatureImageIndex(2)}
/>
<FeatureCard
text="Любой рендер за несколько секунд"
handleMouseEnter={() => setSelectedFeatureImageIndex(3)}
/>
<FeatureCard
text="Виртуальный тур по жилому комплексу"
handleMouseEnter={() => setSelectedFeatureImageIndex(2)}
/>
<FeatureCard
text="Формирование вишлиста"
handleMouseEnter={() => setSelectedFeatureImageIndex(1)}
/>
<FeatureCard
text="Конфигуратор интерьера"
handleMouseEnter={() => setSelectedFeatureImageIndex(0)}
/>
<FeatureCard
text="Отправка коммерческого предложения"
handleMouseEnter={() => setSelectedFeatureImageIndex(3)}
/>
</div>
</div>
</div>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl overflow-hidden">
@@ -254,223 +341,79 @@ function App() {
</motion.div>
</div>
</div>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl">
<div className="space-y-16">
<div className="lg:w-1/3 m-auto space-y-8 lg:px-2">
<div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
<div className="grid grid-cols-2 gap-8">
<div className="space-y-8">
<div className="font-gilroy 2xl:text-7xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
Анализируем
<br />
поведение
<br />
пользователей
</div>
<div className="2xl:text-xl lg:text-lg">
Система внутренней аналитики программы собирает информацию о
поведении пользователя и эффективности работы менеджеров для
создания отчета, содержащего необходимые метрики
<div className="2xl:text-2xl lg:text-lg space-y-4">
<p>
Система внутренней аналитики программы собирает информацию о
поведении пользователя и эффективности работы менеджеров для
создания отчета, содержащего необходимые метрики
</p>
<p>
Полученный отчет позволяет сделать процесс демонстрации жилого
комплекса еще эффективнее.
</p>
</div>
</div>
<div className="2xl:space-y-6 space-y-4">
<div className="relative sm:grid flex flex-col xl:grid-cols-3 lg:grid-cols-2 grid-rows-none sm:grid-cols-3 2xl:gap-6 gap-4">
<div className="lg:col-span-1 sm:col-span-2 col-span-1 p-8 bg-[#1C1D21] rounded-xl space-y-8">
<p className="font-gilroy sm:text-xl">
Конверсия менеджеров в брони
</p>
<div className="space-y-4 sm:text-sm text-xs">
<div className="grid grid-cols-6">
<span className="col-span-2">К.Н. Федоров</span>
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "100%" }}
viewport={{ once: true }}
className="col-span-3 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded h-8"
></motion.div>
<span className="col-span-1 text-right">45%</span>
<div className="grid grid-cols-3 gap-4">
<div className="col-span-2 space-y-4">
<div className="p-8 space-y-6 bg-[#272730] rounded-lg">
<p className="uppercase">Конверсия менеджеров в брони</p>
<div className="space-y-4">
<div className="grid grid-cols-8 gap-4 items-center text-xl">
<span className="col-span-3 w-[152px] whitespace-nowrap">
К. Н. Федоров
</span>
<div className=" col-span-4">
<div className="bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] w-[206px] h-10 rounded"></div>
</div>
<span className="col-span-1 text-right w-full">45%</span>
</div>
<div className="grid grid-cols-6 ">
<span className="col-span-2">И.Ф. Яковлева</span>
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "75%" }}
viewport={{ once: true }}
className="col-span-3 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded w-3/4 h-8"
></motion.div>
<span className="col-span-1 text-right">30%</span>
<div className="grid grid-cols-8 gap-4 items-center text-xl">
<span className="col-span-3 w-[152px] whitespace-nowrap">
И. Ф. Яковлева
</span>
<div className=" col-span-4">
<div className="bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] w-[145px] h-10 rounded"></div>
</div>
<span className="col-span-1 text-right w-full">30%</span>
</div>
<div className="grid grid-cols-6">
<span className="col-span-2">А.М. Ташева</span>
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "50%" }}
viewport={{ once: true }}
className="col-span-3 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded w-2/4 h-8"
></motion.div>
<span className="col-span-1 text-right">20%</span>
</div>
<div className="grid grid-cols-6">
<span className="col-span-2">А.А. Фетисов</span>
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "25%" }}
viewport={{ once: true }}
className="col-span-3 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded w-1/4 h-8"
></motion.div>
<span className="col-span-1 text-right">5%</span>
<div className="grid grid-cols-8 gap-4 items-center text-xl">
<span className="col-span-3 w-[152px] whitespace-nowrap">
А. М. Ташева
</span>
<div className=" col-span-4">
<div className="bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] w-[83px] h-10 rounded"></div>
</div>
<span className="col-span-1 text-right w-full">20%</span>
</div>
</div>
</div>
<div className="lg:col-span-1 sm:col-span-2 col-span-1 p-8 bg-[#1C1D21] rounded-xl space-y-8">
<p className="font-gilroy sm:text-xl">
Популярные типы квартир, %
</p>
<div className="grid grid-cols-2 gap-6 space-x-2 items-center">
<PieChart />
<div className="space-y-2 sm:text-sm text-xs">
<div className="space-x-4 flex items-center">
<span className="w-4 h-4 bg-[#7A31C3] rounded-full inline-block"></span>
<span className="">Студии</span>
</div>
<div className="space-x-4 flex items-center">
<span className="w-4 h-4 bg-[#798FFF] rounded-full inline-block"></span>
<span className="">1-к. квартиры</span>
</div>
<div className="space-x-4 flex items-center">
<span className="w-4 h-4 bg-[#D375FF] rounded-full inline-block"></span>
<span className="-">2-к. квартиры</span>
</div>
<div className="space-x-4 flex items-center">
<span className="w-4 h-4 bg-[#8742F8] rounded-full inline-block"></span>
<span className="-">3-к. квартиры</span>
</div>
<div className="space-x-4 flex items-center">
<span className="w-4 h-4 bg-[#FB57F4] rounded-full inline-block"></span>
<span className="-">4-к. квартиры</span>
</div>
</div>
</div>
</div>
<div className="lg:col-span-1 sm:col-span-2 col-span-1 p-8 bg-[#1C1D21] rounded-xl space-y-8 xl:h-full lg:h-fit">
<p className="font-gilroy sm:text-xl">Воронка продаж</p>
<div className="space-y-4 sm:text-sm text-xs">
<div className="grid grid-cols-6 space-x-4 items-center">
<div className="col-span-5">
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "100%" }}
viewport={{ once: true }}
className="w-full bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
>
Сеансы
</motion.div>
</div>
</div>
<span className="col-span-1 text-right">100%</span>
</div>
<div className="grid grid-cols-6 space-x-4 items-center">
<div className="col-span-5">
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "80%" }}
viewport={{ once: true }}
className="w-5/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
>
В избранное
</motion.div>
</div>
</div>
<span className="col-span-1 text-right">93,47%</span>
</div>
<div className="grid grid-cols-6 space-x-4 items-center">
<div className="col-span-5">
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "50%" }}
viewport={{ once: true }}
className="w-4/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
>
Брони
</motion.div>
</div>
</div>
<span className="col-span-1 text-right">45,68%</span>
</div>
<div className="grid grid-cols-6 space-x-4 items-center">
<div className="col-span-5">
<div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
<motion.div
initial={{ width: 0 }}
whileInView={{ width: "30%" }}
viewport={{ once: true }}
className="w-2/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
>
Продажи
</motion.div>
</div>
</div>
<span className="col-span-1 text-right">29,13%</span>
</div>
</div>
</div>
<div className="xl:col-span-2 xl:grid-cols-4 lg:col-auto lg:row-auto sm:col-span-1 sm:col-start-3 sm:row-start-1 sm:row-end-4 grid lg:grid-cols-2 sm:grid-cols-1 grid-cols-2 2xl:gap-6 sm:gap-4 gap-2">
<div className="p-6 bg-[#1C1D21] rounded-xl space-y-8">
<p className="sm:text-base text-xs">
Среднее
<br />
время сеанса,
<br /> мин.
</p>
<p className="font-gilroy sm:text-6xl text-5xl text-[#D375FF]">
12:45
</p>
</div>
<div className="p-6 bg-[#1C1D21] rounded-xl space-y-8">
<p className="sm:text-base text-xs">
Сформировано
<br />
коммерческих
<br />
предложений, шт
</p>
<p className="font-gilroy sm:text-6xl text-5xl text-[#D375FF]">
856
</p>
</div>
<div className="p-6 bg-[#1C1D21] rounded-xl space-y-8">
<p className="sm:text-base text-xs">
Конверсия
<br />
из сеанса
<br />в продажу, %
</p>
<p className="font-gilroy sm:text-6xl text-5xl text-[#D375FF]">
12,44
</p>
</div>
<div className="p-6 bg-[#1C1D21] rounded-xl space-y-8">
<p className="sm:text-base text-xs">
Продано через
<br />
Graff.estate,
<br />
млн.руб.
</p>
<p className="font-gilroy sm:text-6xl text-5xl text-[#D375FF]">
134,5
</p>
</div>
</div>
<div className="xl:col-span-1 col-span-3 xl:static lg:absolute static md:bottom-0 xl:w-auto lg:w-[472px] w-full 2xl:p-8 lg:p-6 py-8 2xl:text-xl lg:text-lg flex justify-center items-center">
Полученный отчет позволяет сделать процесс демонстрации жилого
комплекса еще эффективнее
</div>
<div className="bg-red-500">2</div>
<div className="bg-red-500">3</div>
</div>
<div className="grid grid-cols-1 space-y-4">
<div className="bg-red-500">1</div>
<div className="bg-red-500">2</div>
<div className="bg-red-500">3</div>
<div className="bg-red-500">4</div>
</div>
</div>
</div>
</div>
<div className="relative overflow-hidden" style={{ marginTop: 0 }}>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl ">
<div className="lg:grid grid-cols-2 gap-8 items-center ">
@@ -516,6 +459,7 @@ function App() {
</div>
</div>
</div>
<div className="lg:container mx-auto p-4 xl:max-w-screen-2xl">
<div className="lg:space-y-24 space-y-12">
<div className="grid lg:grid-cols-2 gap-6">
client/src/components/FeatureCard.tsx
+46
View File
@@ -0,0 +1,46 @@
import React from "react";
interface IFeatureCard {
text: string;
image?: string;
handleMouseEnter: () => void;
}
function FeatureCard({ text, image, handleMouseEnter }: IFeatureCard) {
return (
<div
className="border border-[#454554] h-44 p-6 flex flex-col justify-between backdrop-blur-lg transition-colors duration-300 bg-[#2E2E38] bg-opacity-10 hover:bg-opacity-50"
onMouseEnter={handleMouseEnter}
>
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1414_844)">
<path
d="M2.14528 38.9894L39 1M39 1L38.7903 39M39 1H1"
stroke="#D9D9D9"
stroke-width="3"
/>
</g>
<defs>
<clipPath id="clip0_1414_844">
<rect
width="40"
height="40"
fill="white"
transform="matrix(1 0 0 -1 0 40)"
/>
</clipPath>
</defs>
</svg>
<p className="font-gilroy uppercase text-2xl">{text}</p>
{/* <img src={image} alt="" className="opacity-0" /> */}
</div>
);
}
export default FeatureCard;
client/src/index.css
+13
View File
@@ -60,3 +60,16 @@ body {
.text-gradient {
@apply bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] text-transparent bg-clip-text;
}
.fade-in-image {
animation: fadeIn 0.5s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
server/app.js
+2 -13
View File
@@ -2,8 +2,8 @@ import express from "express";
import cors from "cors";
import ky from "ky";
import mongoose from "mongoose";
import Mail from "./models/Mail.js";
import nodemailer from "nodemailer";
import Mail from "./models/Mail.js";
const app = express();
const port = 3003;
@@ -70,10 +70,6 @@ app.post("/mail", async (req, res) => {
const { fullname, email, company, phone } = req.body;
await Mail.create(req.body);
// mx0.graff.tech
let testAccount = await nodemailer.createTestAccount();
// create reusable transporter object using the default SMTP transport
let transporter = nodemailer.createTransport({
host: "mail.netangels.ru",
@@ -96,20 +92,13 @@ app.post("/mail", async (req, res) => {
console.log(info);
// console.log("Message sent: %s", info.messageId);
// Message sent: <b658f8ca-6296-ccf4-8306-87d57a0b4321@example.com>
// Preview only available when sending through an Ethereal account
// console.log("Preview URL: %s", nodemailer.getTestMessageUrl(info));
// Preview URL: https://ethereal.email/message/WaQKMgKddxQDoou...
res.send({ ok: 1 });
});
app.listen(port, async () => {
await mongoose.connect(
"mongodb://192.168.1.159:27017/",
{ dbName: "test" },
{ dbName: "estate" },
console.log("DB connection...")
);