@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/certificates/NewCertificateType25.ts

@@ -0,0 +1,325 @@
+import { ISvgProps } from "../../interface"; 
+
+
+export function createNewCertificateType25({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
+}: ISvgProps): string {
+
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+
+  return `
+    <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 1153 814"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_1917_971)">
+          <rect
+            width="1152"
+            height="814"
+            transform="translate(0.847656)"
+            fill="white"
+          />
+          <path
+            d="M958.309 813.999H960.311C1024.8 724.295 1086.75 654.882 1152.85 598.55V596.414C1086.09 653.147 1023.33 723.227 958.309 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M938.414 813.999H940.417C1011.32 713.75 1079.41 637.662 1152.85 576.659V574.523C1078.61 635.927 1009.98 712.682 938.414 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1040.42 813.999C1074.07 770.349 1111.32 727.366 1152.85 687.72V685.451C1110.52 725.764 1072.6 769.548 1038.29 813.999H1040.42Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M978.07 813.999H980.073C1027.34 749.124 1084.35 680.778 1152.85 620.709V618.44C1083.42 679.31 1025.87 748.457 978.07 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M997.832 813.999H999.968C1043.63 755.131 1093.7 695.996 1152.85 642.735V640.599C1092.9 694.394 1042.03 754.33 997.832 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M879.666 813.998H881.669C969.792 683.181 1056.85 586.135 1152.85 512.183V510.181C1056.18 584.534 968.457 682.113 879.666 813.998Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M918.787 813.999H920.79C997.163 704.272 1072.33 620.442 1152.85 555.167V553.031C1071.67 618.707 995.828 703.338 918.787 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M871.12 797.981C867.47 803.231 863.865 808.571 860.305 813.999H862.307C865.69 808.927 869.073 803.899 872.455 798.915C962.848 665.028 1052.71 566.247 1152.85 490.96V488.958C1052.04 564.512 961.913 663.559 871.12 797.981Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M899.16 813.999H901.163C983.545 693.727 1064.72 603.223 1152.85 533.543V531.54C1063.92 601.621 982.209 692.659 899.16 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M642.669 592.944C668.973 551.83 696.211 509.381 725.051 470.002C824.123 335.18 947.495 223.985 1091.96 139.487C1111.32 128.141 1131.75 116.928 1152.85 106.115V104.246C1131.49 115.326 1110.79 126.672 1091.16 138.152C946.56 222.783 822.921 334.112 723.716 468.934C694.876 508.446 667.638 550.895 641.334 592.009C591.264 670.233 539.859 750.592 473.5 813.999H475.903C541.862 750.726 592.867 670.767 642.669 592.944Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M633.322 577.86C660.159 535.945 687.798 492.695 717.305 452.649C816.511 318.227 940.951 207.032 1087.16 122.134C1108.12 109.987 1130.15 98.1063 1152.85 86.4929V84.7576C1129.75 96.371 1107.45 108.518 1086.35 120.799C939.883 205.697 815.309 317.026 715.97 451.714C686.462 491.76 658.824 535.144 631.986 576.925C577.911 661.556 522.367 748.457 447.996 813.999H450.533C524.369 748.457 579.647 661.957 633.322 577.86Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M623.977 562.776C651.215 520.193 679.387 476.009 709.563 435.296C808.902 301.141 934.41 189.946 1082.48 104.781C1104.78 91.9661 1128.41 79.2848 1152.85 67.004V65.2687C1128.15 77.5495 1104.25 90.3643 1081.68 103.313C933.342 188.611 807.7 300.073 708.228 434.361C678.052 475.075 649.879 519.259 622.641 561.975C564.427 653.013 504.476 746.989 421.16 813.999H423.697C506.479 746.855 566.163 653.414 623.977 562.776Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M863.375 780.628C855.898 791.574 848.555 802.787 841.211 814H843.08C850.29 803.054 857.5 792.241 864.71 781.562C956.705 645.939 1048.83 546.224 1152.85 469.869V467.867C1048.3 544.355 955.771 644.471 863.375 780.628Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M614.762 547.691C642.4 504.308 671.107 459.456 701.816 418.075C801.289 284.187 927.865 172.859 1077.67 87.4268C1101.44 73.8111 1126.68 60.4624 1152.85 47.6476V45.7788C1126.41 58.7271 1100.91 72.2093 1076.87 85.9585C926.797 171.657 800.22 282.986 700.481 417.007C669.772 458.522 641.065 503.373 613.293 546.89C550.672 644.87 486.049 746.187 392.451 813.999H395.255C488.051 746.053 552.408 645.27 614.762 547.691Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M250.387 813.999C257.953 811.062 265.475 807.947 272.952 804.655C300.457 792.374 327.161 777.423 352.797 759.002C448.531 689.989 514.089 586.937 577.511 487.222C607.019 440.768 637.595 392.846 670.841 348.795C771.114 215.976 901.563 104.647 1058.72 17.8804C1065.93 13.8758 1073.22 9.91563 1080.61 6H1077.14C1070.64 9.47067 1064.23 12.9413 1057.91 16.412C900.628 103.312 769.913 214.774 669.506 347.728C636.259 391.912 605.683 439.967 576.042 486.421C512.754 586.003 447.195 688.921 351.862 757.667C318.215 781.828 282.833 799.983 245.848 813.999H250.387Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1017.99 813.999H1020.13C1058.98 762.607 1102.78 711.615 1152.85 665.161V662.892C1101.84 710.013 1057.38 761.806 1017.99 813.999Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M652.149 607.894C677.918 567.581 704.489 525.933 732.795 487.222C831.733 352.266 954.037 241.071 1096.77 156.974C1114.66 146.295 1133.49 135.883 1152.85 125.738V123.869C1133.09 134.148 1114.13 144.693 1095.84 155.506C953.102 239.736 830.531 351.065 731.593 486.287C703.153 524.999 676.583 566.647 650.68 607.093C604.482 679.31 557.083 753.262 497.934 813.999H500.203C558.952 753.395 606.085 679.844 652.149 607.894Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 366.015V364.146C1030.54 444.239 923.192 552.23 824.521 693.994C803.959 723.628 783.798 754.997 764.437 785.299C758.296 794.821 752.154 804.388 746.012 813.999H747.881C753.845 804.744 759.809 795.489 765.773 786.234C785.267 755.932 805.294 724.562 825.857 694.928C924.127 553.699 1031.08 446.108 1152.85 366.015Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M841.48 729.635C936.813 591.209 1038.69 485.62 1152.85 407.263V405.261C1038.15 483.751 935.745 589.74 840.011 728.701C820.918 756.466 802.225 785.7 784.066 813.999H785.936C803.961 785.967 822.52 757 841.48 729.635Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M775.387 800.784C794.213 771.417 813.707 741.115 833.602 712.282C930.404 572.387 1034.95 465.73 1152.85 386.572V384.704C1034.42 463.995 929.469 570.918 832.267 711.347C812.372 740.18 792.878 770.616 774.052 799.983C771.026 804.61 767.999 809.282 764.973 813.999H766.975C769.735 809.638 772.539 805.233 775.387 800.784Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 780.093V777.691C1141.76 789.571 1130.95 801.718 1120.54 813.999H1122.67C1132.42 802.519 1142.43 791.173 1152.85 780.093Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1129.08 277.113C999.167 358.674 883.673 469.735 785.803 607.494C761.902 641.133 738.937 676.907 716.773 711.481C694.742 745.92 672.444 780.627 648.678 813.999H650.681C674.18 780.894 696.211 746.454 718.108 712.415C740.272 677.842 763.238 642.067 787.138 608.428C884.874 470.936 1000.24 359.875 1130.02 278.581C1137.49 273.865 1145.1 269.193 1152.85 264.565V262.696C1144.75 267.502 1136.83 272.307 1129.08 277.113Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1114.93 225.053C979.405 307.681 860.84 419.01 762.569 555.567C736.8 591.342 712.099 629.786 688.332 666.896C656.421 716.82 623.842 767.545 587.258 813.999H589.261C625.578 767.679 657.89 717.354 689.667 667.83C713.434 630.721 738.135 592.276 763.904 556.502C862.041 420.078 980.473 309.016 1115.73 226.388C1127.75 219.046 1140.16 211.837 1152.85 204.763V202.76C1139.76 210.102 1127.08 217.577 1114.93 225.053Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1119.6 242.405C985.947 324.767 868.449 435.829 770.312 572.92C745.077 608.027 721.044 645.537 697.811 681.846C669.104 726.431 640.131 771.683 608.086 813.998H610.222C641.866 771.95 670.707 726.965 699.146 682.647C722.379 646.472 746.412 608.828 771.648 573.855C869.651 437.03 987.015 325.969 1120.53 243.74C1130.95 237.333 1141.76 230.926 1152.85 224.652V222.783C1141.5 229.19 1130.42 235.731 1119.6 242.405Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1105.45 190.213C966.186 273.776 845.618 384.971 747.08 520.861C719.976 558.238 694.34 598.284 669.505 636.995C630.518 697.866 590.862 759.804 543.863 814H546C592.732 759.937 632.12 698.4 670.841 637.93C695.675 599.218 721.311 559.172 748.416 521.929C846.82 386.173 967.254 275.111 1106.25 191.682C1121.2 182.604 1136.82 173.794 1152.85 165.118V163.249C1136.56 172.059 1120.67 181.136 1105.45 190.213Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1124.41 259.76C992.623 341.721 876.061 452.783 778.057 590.141C753.489 624.581 729.99 661.156 707.292 696.664C681.923 736.176 656.287 776.089 628.648 814H630.651C658.156 776.356 683.525 736.71 708.627 697.599C731.325 662.091 754.825 625.515 779.392 591.076C877.262 453.984 993.691 342.923 1125.21 261.228C1134.2 255.622 1143.41 250.06 1152.85 244.543V242.674C1143.14 248.28 1133.66 253.976 1124.41 259.76Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M855.633 763.274C844.283 779.826 833.068 796.913 822.119 813.999H823.988C834.803 797.313 845.886 780.494 856.968 764.208C949.23 628.986 1046.17 525.533 1152.85 448.911V446.909C1045.63 523.664 948.295 627.384 855.633 763.274Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M370.289 789.171C466.557 720.825 532.382 617.506 596.071 517.524C624.644 472.539 654.285 426.085 686.33 383.369C786.203 250.015 914.649 138.82 1068.2 52.5874C1094.77 37.6368 1123.34 22.9532 1152.85 8.80358V7.06824C1123.07 21.2179 1094.23 36.1685 1067.4 51.2526C913.714 137.485 785.001 248.947 684.995 382.435C652.95 425.151 623.309 471.738 594.736 516.589C531.047 616.438 465.355 719.624 369.354 787.836C355.735 797.58 341.716 806.257 327.562 813.999H331.034C344.252 806.524 357.471 798.381 370.289 789.171Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M378.967 804.388C475.635 736.176 541.594 632.723 605.416 532.608C633.589 488.423 662.696 442.771 694.074 400.722C793.813 267.101 921.191 155.906 1073 70.0739C1098.1 55.7907 1124.94 41.6411 1152.85 28.1588V26.4235C1124.67 40.0392 1097.57 54.1889 1072.2 68.6055C920.256 154.571 792.611 265.9 692.738 399.788C661.361 441.836 632.254 487.489 603.948 531.807C540.259 631.655 474.434 734.974 378.032 803.053C372.603 806.88 367.128 810.528 361.609 813.999H364.547C369.443 810.884 374.249 807.68 378.967 804.388Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M361.608 774.086C457.476 705.474 523.167 602.154 586.723 502.439C615.83 456.653 646.006 409.532 678.584 366.149C778.591 233.062 908.105 121.734 1063.52 35.2337C1081.15 25.3557 1099.71 15.6111 1118.8 6H1115.19C1097.04 15.2106 1079.54 24.4213 1062.72 33.8989C907.17 120.399 777.523 231.861 677.249 365.081C644.537 408.598 614.495 455.852 585.388 501.505C521.966 601.22 456.274 704.272 360.674 772.751C337.708 789.17 313.942 802.652 289.508 813.999H293.38C316.746 802.919 339.578 789.838 361.608 774.086Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1100.64 172.86C959.644 256.823 838.141 368.018 739.337 503.641C711.564 541.552 685.395 582.532 660.159 622.045C617.567 688.521 574.039 756.333 521.299 813.999H523.435C575.908 756.466 619.169 689.055 661.495 622.979C686.73 583.467 712.9 542.486 740.538 504.576C839.209 369.22 960.712 258.025 1101.44 174.328C1117.87 164.45 1135.09 154.839 1152.85 145.361V143.493C1134.82 153.104 1117.33 162.982 1100.64 172.86Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1110.12 207.7C972.863 290.729 853.23 401.924 754.826 538.215C728.389 574.79 703.154 614.036 678.853 651.946C643.47 707.21 607.42 763.542 565.762 814H567.898C609.289 763.675 645.072 707.744 680.322 652.88C704.622 614.97 729.724 575.725 756.161 539.149C854.431 403.126 973.798 292.064 1110.92 209.035C1124.41 200.892 1138.43 192.75 1152.85 184.874V183.005C1138.16 191.014 1123.87 199.29 1110.12 207.7Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 733.373V731.103C1126.68 757.534 1102.11 785.299 1079.01 813.999H1081.15C1103.58 786.1 1127.48 759.136 1152.85 733.373Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 756.465V754.062C1134.42 773.018 1116.8 793.041 1099.44 813.998H1101.58C1118.27 793.975 1135.22 774.753 1152.85 756.465Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 710.413V708.143C1118.67 741.515 1087.42 777.156 1058.45 813.999H1060.59C1088.89 777.957 1119.47 743.117 1152.85 710.413Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M847.755 746.053C832.667 768.079 817.713 791.172 803.025 813.999H805.028C819.448 791.573 834.135 768.746 849.223 746.854C942.954 610.03 1042.43 505.509 1152.85 428.087V426.084C1041.89 503.64 942.019 608.562 847.755 746.053Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1148.04 346.66C1023.87 427.419 915.582 535.277 816.777 676.774C795.548 707.209 774.852 739.379 754.824 770.615C745.611 785.032 736.265 799.582 726.785 813.999H728.788C738.001 799.849 747.08 785.699 756.16 771.55C776.187 740.314 796.883 708.143 818.113 677.708C916.784 536.479 1024.93 428.621 1148.97 348.128C1150.22 347.238 1151.51 346.393 1152.85 345.592V343.589C1151.24 344.657 1149.64 345.681 1148.04 346.66Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1138.56 311.953C1010.65 393.648 900.229 501.639 801.29 642.068C778.726 674.104 756.828 708.277 735.732 741.115C720.11 765.41 704.355 789.971 688.199 813.999H690.202C706.224 790.238 721.713 766.077 737.067 742.049C758.297 709.078 780.061 675.039 802.626 643.002C901.43 502.707 1011.72 394.849 1139.5 313.288C1143.86 310.529 1148.31 307.771 1152.85 305.012V303.01C1148.04 305.946 1143.28 308.928 1138.56 311.953Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1152.85 803.721V801.318C1149.02 805.5 1145.24 809.728 1141.5 813.999H1143.63C1146.66 810.528 1149.73 807.102 1152.85 803.721Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1143.37 329.307C1017.19 410.468 907.838 518.459 809.034 659.422C787.136 690.658 765.907 723.896 745.211 755.933C732.794 775.289 720.376 794.778 707.559 814H709.561C722.112 795.045 734.396 775.823 746.68 756.734C767.242 724.697 788.472 691.592 810.369 660.356C909.173 519.66 1018.26 411.803 1144.3 330.642C1147.06 328.862 1149.91 327.038 1152.85 325.169V323.3C1149.64 325.258 1146.48 327.261 1143.37 329.307Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M1133.89 294.599C1003.97 376.694 892.616 484.685 793.545 624.847C770.312 657.685 747.881 692.525 726.251 726.431C707.425 755.665 688.465 785.165 668.57 813.999H670.573C690.201 785.432 709.027 756.199 727.586 727.232C749.216 693.46 771.648 658.486 794.88 625.781C893.818 485.887 1005.04 377.895 1134.69 295.934C1140.65 292.197 1146.7 288.459 1152.85 284.721V282.852C1146.44 286.679 1140.12 290.595 1133.89 294.599Z"
+            fill="${mainColor}"
+            fillOpacity="0.05"
+          />
+          <path
+            d="M212.848 28H20.8477V798H212.848V28Z"
+            fill="${mainColor}"
+          />
+          <path
+            d="M168.175 316.458V0H66.1094V316.458L117.142 287.863L168.175 316.458Z"
+            fill="#002333"
+          />
+
+          <rect x="793.848" y="652" width="80" height="80" />
+
+          <rect x="902.848" y="652" width="80" height="80" />
+
+          <rect x="1011.85" y="652" width="80" height="80" />
+
+          <rect
+            x="1112.85"
+            y="40"
+            width="60"
+            height="60"
+            transform="rotate(90 1112.85 40)"
+            fill="url(#pattern0_1917_971)"
+          />
+
+          <rect
+            x="20.8477"
+            y="566"
+            width="192"
+            height="74"
+            fill="${subColor}"
+          />
+          <rect x="20.8477" y="492" width="32" height="74" fill="#FEFEFE" />
+          <rect x="73.8477" y="492" width="32" height="74" fill="#FEFEFE" />
+          <rect x="127.848" y="492" width="32" height="74" fill="#FEFEFE" />
+          <rect x="180.848" y="492" width="32" height="74" fill="#FEFEFE" />
+          <rect x="20.8477" y="639" width="192" height="98" fill="#002333" />
+          <rect x="20.8477" y="446" width="192" height="46" fill="#002333" />
+          <path
+            d="M116.848 641L212.848 738.279V798.5H20.8477V738.279L116.848 641Z"
+            fill="white"
+          />
+          <path
+            d="M116.848 700L212.848 798H20.8477L116.848 700Z"
+            fill="${mainColor}"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M116.848 346C63.8283 346 20.8477 388.981 20.8477 442C20.8477 443.34 20.8751 444.673 20.9295 446L212.766 446C212.82 444.673 212.848 443.34 212.848 442C212.848 388.981 169.867 346 116.848 346Z"
+            fill="${subColor}"
+          />
+
+          <rect
+            x="108.58"
+            y="140"
+            width="16.5333"
+            height="16.5333"
+            fill="url(#pattern1_1917_971)"
+          />
+        </g>
+        <defs>
+          <pattern
+            id="pattern0_1917_971"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          ></pattern>
+          <pattern
+            id="pattern1_1917_971"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use transform="translate(-0.131198 -0.126971) scale(0.00353698)" />
+          </pattern>
+          <clipPath id="clip0_1917_971">
+            <rect
+              width="1152"
+              height="814"
+              fill="white"
+              transform="translate(0.847656)"
+            />
+          </clipPath>
+          <image id="image0_1917_971" width="357" height="357" />
+          <image id="image1_1917_971" width="360" height="360" />
+        </defs>
+      </svg>
+  `;
+} 

package/src/templates/certificates/NewCertificateType26.ts

@@ -0,0 +1,151 @@
+import { ISvgProps } from "../../interface"; 
+
+
+export function createNewCertificateType26({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+  extraColor1 = "#96A6B4",
+  extraColor2 = "#96A6B4",
+}: ISvgProps): string {
+
+  const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+  const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
+
+
+  return `
+    <svg
+        width="100%"
+        height="100%"
+        viewBox="0 0 1153 814"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_1917_1142)">
+          <rect
+            width="1152"
+            height="814"
+            transform="translate(0.847656)"
+            fill="white"
+          />
+          <path
+            d="M700.197 73.6543C646.052 67.4534 589.638 64.2772 531.863 64.2772C345.683 64.2772 142.109 111.163 8.56107 167.123L0.847656 167.274V89.8374C293.201 38.2634 542.148 52.7827 700.197 73.6543Z"
+            fill="${subColor}"
+            fillOpacity="0.1"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1486.22 15.4268C1489.09 10.2845 1491.66 5.14227 1494.23 0H-12.1523V90.2622C267.575 40.9156 507.564 52.0767 666.215 71.4153C673.245 72.1119 680.24 72.8587 687.197 73.6555C746.031 80.3102 802.293 90.2923 855.228 103.45C861.127 104.812 864.151 105.719 864.151 105.719C916.482 119.029 965.485 135.363 1010.25 154.268C1022.96 159.562 1035.36 165.158 1047.46 170.905L1047.16 171.056C1066.67 180.282 1089.35 187.088 1114.46 190.718C1241.81 209.623 1392.44 145.042 1467.76 43.7093C1474.57 34.4835 1480.77 25.1064 1486.22 15.4268Z"
+            fill="${mainColor}"
+          />
+          <path
+            d="M1480.76 43.7093C1405.44 145.042 1254.81 215.623 1127.46 196.718C1102.35 193.088 1079.67 186.282 1060.16 177.056L1060.46 176.905C1048.36 171.158 1035.96 165.562 1023.25 160.268V160.117C946.421 94.6286 832.686 34.181 691.576 0H1183.72L1480.76 43.7093Z"
+            fill="${subColor}"
+          />
+          <path
+            d="M1032.32 92.4476C1184.88 126.092 1290.42 65.0407 1305.85 5.34058e-05L728.848 2.96282e-06C799.269 11.5542 840.727 24.4944 911.931 51.8179C973.312 75.3714 1017.77 88.7183 1032.32 92.4476Z"
+            fill="white"
+            fillOpacity="0.5"
+          />
+          <path
+            d="M223.848 893.39C224.447 889.87 225.146 886.349 226.044 882.828C227.642 876.189 229.839 869.651 232.435 863.313C261.791 792.798 347.362 742.502 434.231 748.337C451.405 749.544 467.481 752.763 482.059 757.893L481.859 757.994C490.846 761.112 500.032 764.13 509.418 766.946C542.368 777.106 577.516 785.254 614.26 791.29C614.26 791.29 616.357 791.692 620.451 792.295C657.595 798.23 696.337 801.952 735.977 803.26C772.522 804.568 809.966 803.763 847.709 800.745C969.126 791.088 1073.97 760.207 1150.15 716.55L1166.73 715.242L1200.08 826.899L223.848 893.39Z"
+            fill="${subColor}"
+          />
+          <path
+            d="M735.977 803.26C772.522 804.568 809.965 803.763 847.708 800.746C969.126 791.089 1087.75 751.757 1163.93 708H1169.02L1179.31 757.189C1008.47 805.373 843.215 808.692 735.977 803.26Z"
+            fill="${mainColor}"
+          />
+          <path
+            d="M451.34 749.126C341.762 730.534 276.688 789.074 257.848 820.668H728.848C671.309 815.2 612.243 803.352 549.613 780.568C499.509 762.341 463.221 752.012 451.34 749.126Z"
+            fill="white"
+            fillOpacity="0.3"
+          />
+
+          <rect x="698.848" y="644" width="80" height="80" />
+
+          <rect x="807.848" y="644" width="80" height="80" />
+
+          <rect x="916.848" y="644" width="80" height="80" />
+
+          <rect
+            x="1136.85"
+            y="16"
+            width="60"
+            height="60"
+            transform="rotate(90 1136.85 16)"
+            fill="url(#pattern0_1917_1142)"
+          />
+
+          <path
+            d="M854.248 296.7C854.248 289.042 860.456 282.833 868.115 282.833H1001.15C1037.53 282.833 1067.01 312.323 1067.01 348.7V429.733C1067.01 466.11 1037.53 495.6 1001.15 495.6H868.115C860.456 495.6 854.248 489.392 854.248 481.733V296.7Z"
+            fill="white"
+          />
+
+          <mask
+            id="mask0_1917_1142"
+            maskUnits="userSpaceOnUse"
+            x="854"
+            y="422"
+            width="214"
+            height="74"
+          ></mask>
+          <g mask="url(#mask0_1917_1142)">
+            <path
+              d="M875.264 470.357C854.88 472.81 833.642 474.066 811.891 474.066C741.798 474.066 665.158 455.52 614.88 433.384L611.977 433.324L611.977 463.956C722.04 484.357 815.763 478.613 875.264 470.357Z"
+              fill="${subColor}"
+              fillOpacity="0.1"
+            />
+            <path
+              d="M1174.2 499.492C1173.23 497.458 1172.26 495.424 1171.18 493.39C1169.13 489.561 1166.8 485.852 1164.23 482.202C1135.88 442.118 1079.17 416.572 1031.22 424.051C1021.77 425.486 1013.23 428.179 1005.89 431.828L1006 431.888C1001.44 434.161 996.775 436.375 991.992 438.469C975.138 445.947 956.69 452.408 936.989 457.673C936.989 457.673 935.85 458.032 933.629 458.571C913.7 463.776 906.338 465.05 884.188 467.683C841.508 472.755 826.311 428.415 804.56 428.415C734.468 428.415 672.676 460.844 622.399 438.708L607.082 438.708L607.082 499.492L1174.2 499.492Z"
+              fill="${mainColor}"
+            />
+            <path
+              d="M1169.13 482.203C1140.77 442.119 1084.06 414.199 1036.12 421.677C1026.67 423.113 1018.13 425.805 1010.78 429.455L1010.89 429.515C1006.34 431.788 1001.67 434.002 996.888 436.096L996.888 436.156C967.962 462.061 925.144 485.972 872.02 499.493L1057.3 499.493L1169.13 482.203Z"
+              fill="${subColor}"
+            />
+            <path
+              d="M1000.3 462.924C1057.74 449.615 1097.47 473.765 1103.28 499.493L886.051 499.493C912.563 494.923 928.171 489.804 954.978 478.996C978.086 469.679 994.822 464.399 1000.3 462.924Z"
+              fill="white"
+              fillOpacity="0.5"
+            />
+          </g>
+
+          <rect
+            x="990.748"
+            y="294.967"
+            width="39.8667"
+            height="39.8667"
+            fill="url(#pattern1_1917_1142)"
+          />
+        </g>
+        <defs>
+          <pattern
+            id="pattern0_1917_1142"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          ></pattern>
+          <pattern
+            id="pattern1_1917_1142"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use transform="translate(-0.131198 -0.126971) scale(0.00353698)" />
+          </pattern>
+          <clipPath id="clip0_1917_1142">
+            <rect
+              width="1152"
+              height="814"
+              fill="white"
+              transform="translate(0.847656)"
+            />
+          </clipPath>
+          <image id="image0_1917_1142" width="357" height="357" />
+          <image id="image1_1917_1142" width="360" height="360" />
+        </defs>
+      </svg>
+  `;
+}