@blockspoon/cert-badge-renderer 1.0.1

package/src/templates/ribbons/RibbonWing2.ts

@@ -0,0 +1,68 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing2({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 269 78"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M92.4558 29.4173C91.6384 28.6017 92.213 17.0766 76.6816 15.2993C76.3758 19.6437 80.6158 25.2026 84.3444 27.2926L84.2536 27.6918L77.6213 27.0114C75.6593 21.1017 69.8605 17.1415 63.7674 16.6536C58.3334 16.2166 58.5485 17.1168 59.4895 19.0042C61.0154 22.0626 65.4754 26.039 68.928 26.8301L68.8373 27.2293L61.9049 27.8683C58.0698 20.9903 48.4721 19.1457 41.6968 22.2985C48.8759 33.3422 60.5375 27.2658 47.6109 32.2382C41.3151 26.6431 33.0721 26.3019 26.2207 31.2508C28.9187 34.8731 35.1872 36.6661 39.6212 35.6804L39.8268 36.0071L33.8452 39.7719C29.4337 37.0952 23.3876 36.6063 18.7598 39.1106C17.6375 39.7125 12.4452 43.4936 13.3379 44.6704C14.5413 46.2501 23.2942 46.9639 27.2672 44.9288C22.4018 50.7084 19.1608 50.0121 15.795 52.7101C12.7779 55.1317 10.003 61.6667 11.115 65.3656C18.1932 63.6752 22.6112 59.2223 23.7125 52.0211C41.4375 33.7962 65.1942 25.7885 89.3313 31.5929C90.8189 31.9488 92.2756 30.9273 92.4447 29.4148L92.4558 29.4173Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M62.5493 31.7564C54.0112 31.8669 48.9576 38.7816 50.2219 46.964C57.313 45.294 62.5615 39.1118 62.5493 31.7564Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M27.5801 63.6966C33.8041 59.7886 36.7364 51.8434 33.4737 45.0898C26.2654 48.5057 23.4986 56.7743 27.5801 63.6966Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M38.2785 53.8072C45.1593 50.8824 48.8342 43.8 47.4798 36.5008C46.5049 35.7368 33.9799 41.302 38.2785 53.8072Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M78.3291 30.6345C65.4638 28.5948 62.3812 41.841 63.3812 42.7506C70.1986 42.6685 77.5447 37.5697 78.3291 30.6345Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M176.116 29.4173C176.934 28.6017 176.359 17.0766 191.891 15.2993C192.196 19.6436 187.957 25.2026 184.228 27.2926L184.319 27.6918L190.951 27.0114C192.913 21.1017 198.712 17.1414 204.805 16.6536C210.239 16.2166 210.024 17.1168 209.083 19.0042C207.557 22.0626 203.097 26.039 199.644 26.8301L199.735 27.2292L206.667 27.8683C210.502 20.9903 220.1 19.1457 226.875 22.2985C219.696 33.3422 208.035 27.2658 220.961 32.2382C227.257 26.6431 235.5 26.3019 242.352 31.2508C239.654 34.8731 233.385 36.6661 228.951 35.6804L228.746 36.0071L234.727 39.7719C239.139 37.0952 245.185 36.6063 249.813 39.1106C250.935 39.7125 256.127 43.4936 255.234 44.6704C254.031 46.2502 245.278 46.9639 241.305 44.9288C246.17 50.7084 249.411 50.0121 252.777 52.7101C255.794 55.1317 258.569 61.6667 257.457 65.3656C250.379 63.6752 245.961 59.2223 244.86 52.0211C227.135 33.7962 203.378 25.7884 179.241 31.5929C177.753 31.9487 176.297 30.9273 176.128 29.4148L176.116 29.4173Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M206.023 31.7564C214.561 31.8669 219.615 38.7816 218.35 46.964C211.259 45.294 206.011 39.1118 206.023 31.7564Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M240.992 63.6966C234.768 59.7886 231.836 51.8434 235.099 45.0898C242.307 48.5057 245.074 56.7743 240.992 63.6966Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M230.294 53.8072C223.413 50.8824 219.738 43.8 221.092 36.5008C222.067 35.7368 234.592 41.302 230.294 53.8072Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M190.243 30.6345C203.109 28.5948 206.191 41.841 205.191 42.7506C198.374 42.6685 191.028 37.5697 190.243 30.6345Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing3.ts

@@ -0,0 +1,84 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing3({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 302 128"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M105.168 97.4654C103.766 98.0627 98.8037 112.464 78.9028 107.006C80.6639 101.534 88.5911 96.8078 94.1865 96.0805L94.2716 95.5469L85.812 93.1199C80.503 99.3952 71.452 101.396 63.7477 98.998C56.8757 96.8619 57.5818 95.8648 59.6624 94.0152C63.0354 91.0186 70.4541 88.3398 75.0729 89.0681L75.1579 88.5345L66.9793 84.3435C58.8997 90.8841 46.2348 88.4255 39.4846 81.2321C53.7089 71.2321 65.008 84.4094 51.6165 71.9627C41.1529 75.7219 30.8869 72.0875 24.9264 62.6564C30.0124 59.5452 38.5733 60.4303 43.5207 63.8177L43.9331 63.5186L38.4562 55.9657C31.7358 57.0762 24.0884 54.7026 19.6502 49.3595C18.5712 48.0704 14.0692 40.8856 15.7413 39.8828C17.9922 38.5391 29.0662 41.9678 32.9329 46.4142C29.8137 36.9418 25.5009 36.2015 22.704 31.2415C20.1983 26.7915 20.0115 17.4215 23.1924 13.4367C31.0327 18.9874 34.2559 26.6145 32.0648 35.9781C44.8194 67.019 69.9865 88.5085 102.41 93.264C104.407 93.5594 105.69 95.5269 105.153 97.463L105.168 97.4654Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M69.6778 79.9012C59.2723 75.5682 56.4806 64.6127 62.0522 55.2102C69.9183 60.7422 73.3089 70.8963 69.6778 79.9012Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M42.543 23.5746C48.2466 31.422 47.9329 42.5971 40.6155 49.2668C33.4642 41.5382 34.1396 30.0484 42.543 23.5746Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M50.7887 40.9527C57.7804 47.9186 58.8005 58.4018 53.5528 66.678C51.9828 67.1346 39.3747 54.1592 50.7887 40.9527Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M88.4609 89.0288C71.6971 85.2027 74.4328 67.4596 76.1052 66.8369C84.4167 70.2891 90.9096 80.147 88.4609 89.0288Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="2.50028"
+        cy="2.50028"
+        rx="2.50028"
+        ry="2.50028"
+        transform="matrix(0.92806 0.372431 0.372431 -0.92806 112.18 95.4478)"
+        fill="${mainColor}"
+      />
+      <path
+        d="M196.355 97.4654C197.758 98.0627 202.72 112.464 222.621 107.006C220.86 101.534 212.932 96.8078 207.337 96.0805L207.252 95.5469L215.711 93.1199C221.02 99.3951 230.071 101.396 237.776 98.998C244.648 96.8619 243.942 95.8648 241.861 94.0152C238.488 91.0186 231.069 88.3398 226.451 89.0681L226.366 88.5345L234.544 84.3435C242.624 90.8841 255.289 88.4254 262.039 81.232C247.815 71.2321 236.515 84.4094 249.907 71.9627C260.371 75.7219 270.637 72.0875 276.597 62.6564C271.511 59.5452 262.95 60.4303 258.003 63.8177L257.59 63.5186L263.067 55.9657C269.788 57.0762 277.435 54.7026 281.873 49.3595C282.952 48.0704 287.454 40.8856 285.782 39.8828C283.531 38.5391 272.457 41.9678 268.591 46.4142C271.71 36.9418 276.023 36.2014 278.819 31.2415C281.325 26.7915 281.512 17.4215 278.331 13.4367C270.491 18.9874 267.268 26.6145 269.459 35.9781C256.704 67.019 231.537 88.5085 199.113 93.264C197.116 93.5594 195.834 95.5269 196.37 97.463L196.355 97.4654Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M231.846 79.9012C242.251 75.5682 245.043 64.6127 239.471 55.2102C231.605 60.7422 228.215 70.8963 231.846 79.9012Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M258.979 23.5746C253.275 31.422 253.589 42.5971 260.906 49.2667C268.057 41.5382 267.382 30.0484 258.979 23.5746Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M250.735 40.9527C243.743 47.9186 242.723 58.4018 247.971 66.678C249.541 67.1346 262.149 54.1592 250.735 40.9527Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M213.063 89.0288C229.826 85.2027 227.091 67.4596 225.418 66.8369C217.107 70.2891 210.614 80.147 213.063 89.0288Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="186.094"
+        cy="94.055"
+        rx="2.50028"
+        ry="2.50028"
+        transform="rotate(158.134 186.094 94.055)"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing4.ts

@@ -0,0 +1,96 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing4({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 407 151"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M282.418 52.1738C283.653 51.2744 285.252 36.0939 305.914 36.9373C305.428 42.6778 298.753 49.079 293.453 51.0505L293.49 51.5907L302.298 52.0535C306.067 44.7295 314.453 40.7356 322.516 41.3402C329.708 41.8768 329.243 43.0095 327.629 45.2846C325.011 48.9708 318.371 53.2588 313.697 53.5888L313.734 54.1291L322.664 56.3776C329.079 48.1699 342 47.7156 350.212 53.2177C338.578 66.1882 324.574 55.8688 340.456 65.0032C349.825 58.9739 360.668 60.2084 368.614 68.0734C364.35 72.2578 355.791 73.3233 350.197 71.131L349.861 71.516L356.912 77.6562C363.223 75.057 371.225 75.6507 376.763 79.8673C378.108 80.8827 384.123 86.8832 382.716 88.2393C380.821 90.0587 369.236 89.2072 364.458 85.7373C369.639 94.2832 374.017 94.0339 377.866 98.2463C381.316 102.026 383.61 111.133 381.403 115.741C372.496 112.089 367.629 105.368 367.658 95.7316C348.207 68.298 318.789 52.9886 286.059 55.6543C284.042 55.8161 282.346 54.1841 282.433 52.1728L282.418 52.1738Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M321.03 61.3277C332.167 63.2129 337.362 73.2806 334.042 83.7173C325.114 80.089 319.514 70.9388 321.03 61.3277Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M360.223 110.202C352.885 103.826 350.672 92.8436 356.313 84.6818C365.038 90.6159 366.968 101.987 360.223 110.202Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M348.254 95.0963C339.857 89.8708 336.498 79.8648 339.756 70.6009C341.186 69.8011 356.422 79.6283 348.254 95.0963Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M300.634 56.6466C317.864 56.6035 319.193 74.5447 317.7 75.5298C308.807 74.0326 300.245 65.8708 300.634 56.6466Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <ellipse
+        cx="3.3407"
+        cy="3.3407"
+        rx="3.3407"
+        ry="3.3407"
+        transform="matrix(-0.988053 -0.154118 -0.154118 0.988053 276.027 55.7272)"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M123.75 52.1738C122.515 51.2744 120.916 36.0939 100.254 36.9373C100.74 42.6778 107.415 49.079 112.715 51.0505L112.677 51.5907L103.87 52.0535C100.101 44.7295 91.7146 40.7356 83.6516 41.3402C76.4601 41.8768 76.9248 43.0095 78.5394 45.2846C81.1574 48.9708 87.7972 53.2588 92.4711 53.5888L92.4339 54.1291L83.5035 56.3776C77.0889 48.1699 64.1685 47.7156 55.9559 53.2177C67.5904 66.1882 81.5936 55.8688 65.7121 65.0032C56.3427 58.9739 45.4996 60.2084 37.5537 68.0734C41.8184 72.2578 50.3769 73.3233 55.9712 71.131L56.3065 71.516L49.2562 77.6562C42.9446 75.057 34.9426 75.6507 29.4046 79.8673C28.0604 80.8827 22.045 86.8832 23.4516 88.2393C25.3465 90.0587 36.9322 89.2072 41.71 85.7373C36.5291 94.2832 32.1512 94.0339 28.3022 98.2463C24.8524 102.026 22.5578 111.133 24.7654 115.741C33.672 112.089 38.5385 105.368 38.5099 95.7316C57.961 68.298 87.3786 52.9886 120.109 55.6543C122.126 55.8161 123.822 54.1841 123.735 52.1728L123.75 52.1738Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M85.138 61.3277C74.0011 63.2129 68.8057 73.2806 72.1263 83.7173C81.0539 80.089 86.6535 70.9388 85.138 61.3277Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M45.9453 110.202C53.2834 103.826 55.4962 92.8436 49.8549 84.6818C41.1301 90.6159 39.1995 101.987 45.9453 110.202Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M57.914 95.0963C66.3111 89.8708 69.6703 79.8648 66.412 70.6009C64.982 69.8011 49.7463 79.6283 57.914 95.0963Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M105.534 56.6466C88.3036 56.6035 86.9751 74.5447 88.4677 75.5298C97.3613 74.0326 105.923 65.8708 105.534 56.6466Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <ellipse
+        cx="133.956"
+        cy="58.5131"
+        rx="3.3407"
+        ry="3.3407"
+        transform="rotate(-8.86564 133.956 58.5131)"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing5.ts

@@ -0,0 +1,68 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing5({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 200 57"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M12.7422 55.4097C12.5491 54.4792 4.35544 49.6795 10.1331 38.1855C13.2619 39.9333 15.1778 45.3582 14.9359 48.8675L15.2516 48.9849L17.7729 44.112C14.5887 40.0973 14.4762 34.3197 16.887 29.9049C19.0356 25.9667 19.5584 26.5206 20.4337 28.0193C21.8514 30.4485 22.5786 35.3115 21.5669 38.0452L21.8826 38.1626L25.4476 33.678C22.441 27.9372 25.4975 20.4979 30.7224 17.2545C35.0894 27.1754 25.6491 32.465 34.8996 25.8069C33.8856 18.9502 37.3664 13.1214 43.8621 10.6352C45.1397 14.1256 43.5485 19.2495 40.8711 21.8579L41.0033 22.1467L46.2916 19.7257C46.4374 15.4818 48.8263 11.0989 52.6366 9.04165C53.5569 8.54029 58.5006 6.67004 58.9084 7.8151C59.4536 9.35571 55.9993 15.7036 52.8072 17.5215C58.9796 16.7772 59.9612 14.2319 63.3359 13.1309C66.3632 12.1453 72.1132 13.1807 74.1585 15.6137C69.804 19.7249 64.7468 20.7592 59.2924 18.2713C38.7551 22.2589 22.5329 35.005 15.6485 54.2393C15.2229 55.4238 13.863 55.9663 12.7455 55.4009L12.7422 55.4097Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M27.8365 35.8754C31.7615 30.047 38.8001 29.6847 43.8635 34.2437C39.5173 38.3729 32.895 39.1995 27.8365 35.8754Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M65.5898 26.1902C60.0937 28.7136 53.3018 27.1509 50.1229 21.8602C55.724 18.4374 62.6639 20.2598 65.5898 26.1902Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.9565 29.1064C48.8411 32.5252 42.3085 31.8626 37.8938 27.6398C37.8073 26.6242 47.2848 20.5098 53.9565 29.1064Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M19.9457 46.2331C24.3409 36.4562 34.8501 40.3051 35.0255 41.4036C31.8958 46.0602 25.074 48.8194 19.9457 46.2331Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M186.32 55.4097C186.513 54.4792 194.707 49.6795 188.929 38.1855C185.8 39.9333 183.884 45.3582 184.126 48.8675L183.811 48.9849L181.289 44.112C184.473 40.0973 184.586 34.3197 182.175 29.9049C180.027 25.9667 179.504 26.5206 178.629 28.0193C177.211 30.4485 176.484 35.3115 177.495 38.0452L177.18 38.1626L173.615 33.678C176.621 27.9372 173.565 20.4979 168.34 17.2545C163.973 27.1754 173.413 32.465 164.163 25.8069C165.177 18.9502 161.696 13.1214 155.2 10.6352C153.922 14.1256 155.514 19.2495 158.191 21.8579L158.059 22.1467L152.771 19.7257C152.625 15.4818 150.236 11.0989 146.426 9.04165C145.505 8.54029 140.562 6.67004 140.154 7.8151C139.609 9.35571 143.063 15.7036 146.255 17.5215C140.083 16.7772 139.101 14.2319 135.727 13.1309C132.699 12.1453 126.949 13.1807 124.904 15.6137C129.258 19.7249 134.316 20.7592 139.77 18.2713C160.307 22.2589 176.529 35.005 183.414 54.2393C183.839 55.4238 185.199 55.9663 186.317 55.4009L186.32 55.4097Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M171.226 35.8754C167.301 30.047 160.262 29.6847 155.199 34.2437C159.545 38.3729 166.167 39.1995 171.226 35.8754Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M133.473 26.1902C138.969 28.7136 145.761 27.1509 148.94 21.8602C143.338 18.4374 136.398 20.2598 133.473 26.1902Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M145.106 29.1064C150.221 32.5252 156.754 31.8626 161.169 27.6398C161.255 26.6242 151.778 20.5098 145.106 29.1064Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M179.117 46.2331C174.722 36.4562 164.213 40.3051 164.037 41.4036C167.167 46.0602 173.989 48.8194 179.117 46.2331Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing6.ts

@@ -0,0 +1,248 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing6({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 430 393"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M359.701 97.0751C359.701 97.0751 352.706 89.7151 353.01 81.0751C353.314 72.1151 360.309 65.0751 360.309 65.0751C360.309 65.0751 367 72.4351 367 81.3951C366.696 90.0351 359.701 97.0751 359.701 97.0751Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M330.704 72.6571C330.704 72.6571 323.899 66.8282 323.434 59.2541C322.942 51.4004 328.523 44.6494 328.523 44.6494C328.523 44.6494 335.058 50.5044 335.819 58.3319C336.285 65.906 330.704 72.6571 330.704 72.6571Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M329 96.7661C329 96.7661 336.059 90.0751 344.653 90.0751C353.248 90.3792 360 97.3744 360 97.3744C360 97.3744 352.941 104.37 344.347 104.065C335.752 103.761 329 96.7661 329 96.7661Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M303.516 74.7379C303.516 74.7379 309.097 67.9869 316.619 67.2554C324.168 66.8035 330.704 72.6585 330.704 72.6585C330.704 72.6585 325.15 79.6891 317.601 80.141C310.052 80.5929 303.516 74.7379 303.516 74.7379Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M359 98.075L360.241 97.0751L368 105.742L366.759 107.075L359 98.075Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M330.222 73.2701L331.215 72.327L338.638 78.9423L337.672 80.165L330.222 73.2701Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M393.519 132.783L392.093 134.266L383.185 124.626L383.898 123.884C382.829 124.997 374.99 132.042 365.726 131.671C355.749 131.671 347.91 122.772 347.91 122.772C347.91 122.772 356.105 114.615 366.082 114.986C376.059 114.986 383.898 123.884 383.898 123.884C383.898 123.884 376.059 115.356 376.059 104.974C376.415 94.5924 384.611 86.4352 384.611 86.4352C384.611 86.4352 392.806 94.9632 392.45 105.345C392.093 114.985 384.967 122.772 383.898 123.513L384.611 123.143L393.519 132.783Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M394.23 154.659L395.299 154.288L399.931 166.895L398.15 167.636L393.518 155.03L394.23 154.659C394.23 154.659 383.541 159.108 374.633 155.03C365.369 150.951 361.449 139.827 361.449 139.827C361.449 139.827 372.139 135.378 381.047 139.457C390.311 143.535 394.23 154.659 394.23 154.659C394.23 154.659 389.954 143.535 393.874 134.266C397.793 124.625 408.483 120.547 408.483 120.547C408.483 120.547 412.759 131.299 408.839 140.94C404.92 150.209 394.587 154.659 394.23 154.659Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M405.633 184.691L406.702 184.32L411.334 196.927L409.552 197.668L404.92 185.062L405.633 184.691C405.633 184.691 395.3 189.14 386.035 185.062C377.127 180.983 372.852 169.86 372.852 169.86C372.852 169.86 383.541 165.41 392.449 169.489C401.713 173.567 405.633 184.691 405.633 184.691C405.633 184.691 401.357 173.938 405.276 164.298C409.196 155.028 419.885 150.579 419.885 150.579C419.885 150.579 424.161 161.702 420.242 170.972C416.322 180.242 405.989 184.691 405.633 184.691Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M403.496 217.694H404.565L404.209 231.042H402.427V217.694H403.496C402.783 217.694 391.738 217.323 385.324 209.908C378.197 202.492 378.554 190.627 378.554 190.627C378.554 190.627 389.956 190.627 396.726 198.043C403.852 205.458 403.496 217.694 403.496 217.694C403.496 217.694 403.496 205.458 410.622 198.413C417.749 191.368 429.151 191.739 429.151 191.739C429.151 191.739 429.151 203.604 422.024 210.649C415.254 217.694 404.208 217.694 403.496 217.694Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M403.135 249.952H403.847L403.491 263.3H401.709L402.066 249.952H402.778C402.065 249.952 391.02 249.581 384.606 242.536C377.836 235.121 377.836 223.255 377.836 223.255C377.836 223.255 389.594 223.255 396.364 230.671C403.134 238.087 402.778 249.952 402.778 249.952C402.778 249.952 403.135 238.087 410.261 231.042C417.387 223.626 428.789 223.997 428.789 223.997C428.789 223.997 428.789 235.862 421.307 243.278C414.537 249.952 403.847 249.952 403.135 249.952Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M388.884 279.243L389.953 279.614L384.608 292.221L382.827 291.108L388.172 278.872L388.884 279.243C387.815 278.872 378.195 274.052 374.988 264.783C371.425 255.513 376.057 244.39 376.057 244.39C376.057 244.39 386.39 249.21 389.953 258.85C393.516 268.49 388.884 279.243 388.884 279.243C388.884 279.243 393.516 268.49 402.78 264.783C412.045 261.075 422.378 265.895 422.378 265.895C422.378 265.895 417.746 276.648 408.482 280.356C399.93 284.063 389.953 279.614 388.884 279.243Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M377.129 309.275L372.14 321.511L370.359 320.77L375.347 308.534L376.06 308.905C374.991 308.534 365.727 303.714 362.164 294.444C358.6 285.175 363.233 274.051 363.233 274.051C363.233 274.051 373.922 278.871 377.485 288.512C381.048 298.152 376.416 308.905 376.416 308.905C376.416 308.905 381.048 298.152 389.956 294.444C399.22 290.736 409.91 295.556 409.91 295.556C409.91 295.556 405.278 306.309 396.014 310.017C387.462 313.725 377.485 309.646 376.416 308.905L377.129 309.275Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M352.898 330.782C352.898 330.782 361.094 322.254 371.071 322.624C381.048 322.995 388.887 331.523 388.887 331.523C388.887 331.523 380.335 340.051 370.714 339.68C360.737 339.31 352.898 330.782 352.898 330.782Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M353.61 293.332C353.61 293.332 361.805 301.86 361.449 312.242C361.093 322.624 352.897 330.781 352.897 330.781C352.897 330.781 345.059 322.254 345.059 311.872C345.415 301.49 353.61 293.332 353.61 293.332Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M353.611 331.524L343.991 340.793L342.922 339.31L352.186 330.04L353.611 331.524Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M330.449 353.028C330.449 353.028 338.644 344.871 348.265 344.871C358.242 345.241 366.081 354.14 366.081 354.14C366.081 354.14 357.886 362.297 347.909 361.927C338.288 361.556 330.449 353.028 330.449 353.028Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M331.161 315.58C331.161 315.58 339 324.108 339 334.49C338.643 344.872 330.448 353.029 330.448 353.029C330.448 353.029 322.253 344.501 322.609 334.119C322.965 323.737 331.161 315.58 331.161 315.58Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M330.807 353.77L321.542 363.039L320.117 361.556L329.738 352.287L330.807 353.77Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M320.117 363.411C329.381 367.49 333.3 378.613 333.3 378.613C333.3 378.613 322.967 383.062 313.703 378.984C304.795 374.534 300.52 363.411 300.52 363.411C300.52 363.411 311.209 358.962 320.117 363.411Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M300.162 343.017C304.081 333.747 314.771 329.298 314.771 329.298C314.771 329.298 319.047 340.421 315.127 349.691C311.208 359.331 300.518 363.41 300.518 363.41C300.518 363.41 296.242 352.657 300.162 343.017Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M300.874 364.522L288.759 369.342L288.047 367.488L300.161 362.668L300.874 364.522Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M291.258 375.277C300.165 379.356 304.441 390.479 304.441 390.479C304.441 390.479 293.752 394.929 284.844 390.85C275.58 386.771 271.66 375.648 271.66 375.648C271.66 375.648 281.993 371.198 291.258 375.277Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M271.659 375.647C271.659 375.647 267.383 364.523 271.303 354.883C275.222 345.613 285.912 341.164 285.912 341.164C285.912 341.164 290.187 352.288 286.268 361.928C282.348 371.198 271.659 375.647 271.659 375.647Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M271.302 374.533L272.015 376.387L259.9 381.207L259.188 379.354L271.302 374.533Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M69.4517 97.0751C69.4517 97.0751 76.4468 89.7151 76.1427 81.0751C75.8386 72.1151 68.8434 65.0751 68.8434 65.0751C68.8434 65.0751 62.1523 72.4351 62.1523 81.3951C62.4565 90.0351 69.4517 97.0751 69.4517 97.0751Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M98.4487 72.6571C98.4487 72.6571 105.253 66.8282 105.718 59.2541C106.211 51.4004 100.63 44.6494 100.63 44.6494C100.63 44.6494 94.0943 50.5044 93.3331 58.3319C92.8678 65.906 98.4487 72.6571 98.4487 72.6571Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M100.152 96.7661C100.152 96.7661 93.093 90.0751 84.4989 90.0751C75.9048 90.3792 69.1523 97.3744 69.1523 97.3744C69.1523 97.3744 76.2117 104.37 84.8058 104.065C93.3999 103.761 100.152 96.7661 100.152 96.7661Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M125.636 74.7379C125.636 74.7379 120.056 67.9869 112.533 67.2554C104.984 66.8035 98.4486 72.6585 98.4486 72.6585C98.4486 72.6585 104.002 79.6891 111.552 80.141C119.101 80.5929 125.636 74.7379 125.636 74.7379Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M70.1523 98.075L68.9109 97.0751L61.1523 105.742L62.3938 107.075L70.1523 98.075Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M98.9302 73.2701L97.9371 72.327L90.5141 78.9423L91.48 80.165L98.9302 73.2701Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M35.6338 132.783L37.0591 134.266L45.967 124.626L45.2543 123.884C46.3233 124.997 54.1622 132.042 63.4264 131.671C73.4032 131.671 81.2422 122.772 81.2422 122.772C81.2422 122.772 73.047 114.615 63.0701 114.986C53.0933 114.986 45.2543 123.884 45.2543 123.884C45.2543 123.884 53.0933 115.356 53.0933 104.974C52.737 94.5924 44.5417 86.4352 44.5417 86.4352C44.5417 86.4352 36.3463 94.9632 36.7027 105.345C37.059 114.985 44.1854 122.772 45.2543 123.513L44.5417 123.143L35.6338 132.783Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M34.922 154.659L33.8531 154.288L29.221 166.895L31.0026 167.636L35.6347 155.03L34.922 154.659C34.922 154.659 45.6115 159.108 54.5194 155.03C63.7836 150.951 67.7031 139.827 67.7031 139.827C67.7031 139.827 57.0136 135.378 48.1057 139.457C38.8415 143.535 34.922 154.659 34.922 154.659C34.922 154.659 39.1979 143.535 35.2784 134.266C31.359 124.625 20.6693 120.547 20.6693 120.547C20.6693 120.547 16.3936 131.299 20.3131 140.94C24.2326 150.209 34.5657 154.659 34.922 154.659Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M23.5196 184.691L22.4507 184.32L17.8187 196.927L19.6003 197.668L24.2323 185.062L23.5196 184.691C23.5196 184.691 33.8528 189.14 43.117 185.062C52.0249 180.983 56.3008 169.86 56.3008 169.86C56.3008 169.86 45.6113 165.41 36.7034 169.489C27.4392 173.567 23.5196 184.691 23.5196 184.691C23.5196 184.691 27.7956 173.938 23.8761 164.298C19.9566 155.028 9.26699 150.579 9.26699 150.579C9.26699 150.579 4.99129 161.702 8.91077 170.972C12.8302 180.242 23.1633 184.691 23.5196 184.691Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M25.6565 217.694H24.5876L24.9438 231.042H26.7254V217.694H25.6565C26.3691 217.694 37.4148 217.323 43.8285 209.908C50.9548 202.492 50.5986 190.627 50.5986 190.627C50.5986 190.627 39.1964 190.627 32.4264 198.043C25.3 205.458 25.6565 217.694 25.6565 217.694C25.6565 217.694 25.6565 205.458 18.5302 198.413C11.4038 191.368 0.00166702 191.739 0.00166702 191.739C0.00166702 191.739 0.00166702 203.604 7.12799 210.649C13.898 217.694 24.9438 217.694 25.6565 217.694Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M26.0178 249.952H25.3051L25.6616 263.3H27.4432L27.0867 249.952H26.3743C27.0869 249.952 38.1326 249.581 44.5463 242.536C51.3163 235.121 51.3164 223.255 51.3164 223.255C51.3164 223.255 39.5579 223.255 32.7879 230.671C26.0179 238.087 26.3743 249.952 26.3743 249.952C26.3743 249.952 26.0178 238.087 18.8915 231.042C11.7652 223.626 0.363003 223.997 0.363003 223.997C0.363003 223.997 0.363136 235.862 7.84578 243.278C14.6158 249.952 25.3052 249.952 26.0178 249.952Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M40.2681 279.243L39.1992 279.614L44.5439 292.221L46.3255 291.108L40.9808 278.872L40.2681 279.243C41.3371 278.872 50.9577 274.052 54.1645 264.783C57.7277 255.513 53.0956 244.39 53.0956 244.39C53.0956 244.39 42.7624 249.21 39.1992 258.85C35.636 268.49 40.2681 279.243 40.2681 279.243C40.2681 279.243 35.6361 268.49 26.3719 264.783C17.1077 261.075 6.77451 265.895 6.77451 265.895C6.77451 265.895 11.4065 276.648 20.6707 280.356C29.2223 284.063 39.1992 279.614 40.2681 279.243Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M52.0234 309.275L57.0119 321.511L58.7935 320.77L53.805 308.534L53.0925 308.905C54.1615 308.534 63.4256 303.714 66.9887 294.444C70.5519 285.175 65.9198 274.051 65.9198 274.051C65.9198 274.051 55.2304 278.871 51.6672 288.512C48.104 298.152 52.7361 308.905 52.7361 308.905C52.7361 308.905 48.104 298.152 39.1961 294.444C29.9319 290.736 19.2425 295.556 19.2425 295.556C19.2425 295.556 23.8745 306.309 33.1387 310.017C41.6903 313.725 51.6671 309.646 52.7361 308.905L52.0234 309.275Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M76.2539 330.782C76.2539 330.782 68.0585 322.254 58.0817 322.624C48.1048 322.995 40.2658 331.523 40.2658 331.523C40.2658 331.523 48.8176 340.051 58.4381 339.68C68.415 339.31 76.2539 330.782 76.2539 330.782Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M75.5423 293.332C75.5423 293.332 67.347 301.86 67.7033 312.242C68.0596 322.624 76.255 330.781 76.255 330.781C76.255 330.781 84.0938 322.254 84.0938 311.872C83.7374 301.49 75.5423 293.332 75.5423 293.332Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M75.541 331.524L85.1616 340.793L86.2305 339.31L76.9661 330.04L75.541 331.524Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M98.7031 353.028C98.7031 353.028 90.5079 344.871 80.8873 344.871C70.9105 345.241 63.0715 354.14 63.0715 354.14C63.0715 354.14 71.2667 362.297 81.2435 361.927C90.8641 361.556 98.7031 353.028 98.7031 353.028Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M97.9917 315.58C97.9917 315.58 90.1527 324.108 90.1527 334.49C90.509 344.872 98.7044 353.029 98.7044 353.029C98.7044 353.029 106.9 344.501 106.543 334.119C106.187 323.737 97.9917 315.58 97.9917 315.58Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M98.3457 353.77L107.61 363.039L109.035 361.556L99.4148 352.287L98.3457 353.77Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M109.035 363.411C99.7712 367.49 95.8519 378.613 95.8519 378.613C95.8519 378.613 106.185 383.062 115.449 378.984C124.357 374.534 128.633 363.411 128.633 363.411C128.633 363.411 117.943 358.962 109.035 363.411Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M128.99 343.017C125.071 333.747 114.381 329.298 114.381 329.298C114.381 329.298 110.106 340.421 114.025 349.691C117.945 359.331 128.634 363.41 128.634 363.41C128.634 363.41 132.91 352.657 128.99 343.017Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M128.278 364.522L140.393 369.342L141.105 367.488L128.991 362.668L128.278 364.522Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M137.895 375.277C128.987 379.356 124.711 390.479 124.711 390.479C124.711 390.479 135.401 394.929 144.308 390.85C153.573 386.771 157.492 375.648 157.492 375.648C157.492 375.648 147.159 371.198 137.895 375.277Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M157.493 375.647C157.493 375.647 161.769 364.523 157.85 354.883C153.93 345.613 143.241 341.164 143.241 341.164C143.241 341.164 138.965 352.288 142.884 361.928C146.804 371.198 157.493 375.647 157.493 375.647Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M157.85 374.533L157.137 376.387L169.252 381.207L169.965 379.354L157.85 374.533Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M146.694 34.6057L150.097 41.1115L157.631 42.2733L152.284 47.1527L153.499 54.3557L146.694 50.8704L140.132 54.3557L141.347 47.1527L136 42.2733L143.534 41.1115L146.694 34.6057Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M174.243 12.0342L178.227 20.7087L187.727 22.2577L180.985 28.7636L182.517 38.3676L174.243 33.7205L165.663 38.3676L167.501 28.7636L160.453 22.2577L169.953 20.7087L174.243 12.0342Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M215.004 0L220.073 10.1366L231.299 11.9467L222.97 19.5491L225.143 30.7717L215.004 25.3414L205.226 30.7717L207.037 19.5491L199.07 11.9467L209.934 10.1366L215.004 0Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M255.122 12.0342L259.412 20.7087L268.606 22.2577L261.864 28.7636L263.396 38.3676L255.122 33.7205L246.542 38.3676L248.38 28.7636L241.332 22.2577L250.832 20.7087L255.122 12.0342Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M283.538 34.6057L286.792 41.1115L293.999 42.2733L288.885 47.1527L290.047 54.3557L283.538 50.8704L277.261 54.3557L278.423 47.1527L273.309 42.2733L280.515 41.1115L283.538 34.6057Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/src/templates/ribbons/RibbonWing7.ts

@@ -0,0 +1,78 @@
+import { ISvgProps } from "../../interface"; 
+
+export function createRibbonWing7({
+  mainColor = "#96A6B4",
+  subColor = "#96A6B4",
+}: ISvgProps): string {
+  return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 253 71"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M68.6939 19.9378C67.9137 19.4479 66.3214 10.3799 53.9238 11.7453C54.4545 15.1793 58.7368 18.7539 62.0074 19.7201L62.0074 20.0467L56.7272 20.6908C54.1551 16.4404 48.943 14.3854 44.1164 15.084C39.8115 15.7055 40.1381 16.3678 41.2041 17.6697C42.9324 19.7791 47.1058 22.0835 49.9319 22.088L49.9319 22.4146L44.6517 24.1384C40.4511 19.4661 32.6577 19.7292 27.9446 23.3809C35.4838 30.7024 43.4813 23.9116 34.3044 30.0673C28.4163 26.8284 21.9431 28.0215 17.4884 33.0839C20.2284 35.4247 25.4224 35.7105 28.6976 34.159L28.9153 34.3768L24.9279 38.3642C21.0222 37.0623 16.2319 37.7518 13.0747 40.5189C12.308 41.1857 8.93757 45.0461 9.84029 45.8037C11.056 46.8198 17.992 45.8263 20.7228 43.5401C17.9602 48.8974 15.3156 48.9292 13.1745 51.6237C11.2556 54.0415 10.2531 59.6166 11.7727 62.2976C16.9804 59.73 19.6296 55.4841 19.2122 49.6867C29.7772 32.3718 46.8427 21.9383 66.648 22.1833C67.8683 22.1969 68.8209 21.1445 68.6848 19.9378L68.6939 19.9378Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M45.8397 27.0506C39.2167 28.6474 36.5086 34.9211 38.94 41.0632C44.1613 38.5093 47.1507 32.7709 45.8397 27.0506Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M24.2852 58.0858C28.4358 53.9442 29.3113 47.2441 25.578 42.5672C20.5745 46.5002 19.885 53.4225 24.2852 58.0858Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M30.8599 48.4977C35.6955 45.0048 37.3014 38.8445 34.9561 33.4055C34.0625 32.9837 25.3029 39.5295 30.8599 48.4977Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M57.918 23.3839C47.5481 24.0734 47.4937 34.9242 48.4327 35.4549C53.722 34.1848 58.535 28.9181 57.918 23.3839Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M183.529 19.9378C184.309 19.4479 185.901 10.3799 198.299 11.7453C197.768 15.1793 193.486 18.7539 190.215 19.7201L190.215 20.0467L195.495 20.6908C198.067 16.4404 203.28 14.3854 208.106 15.084C212.411 15.7055 212.085 16.3678 211.019 17.6697C209.29 19.7791 205.117 22.0835 202.291 22.088L202.291 22.4146L207.571 24.1384C211.772 19.4661 219.565 19.7292 224.278 23.3809C216.739 30.7024 208.741 23.9116 217.918 30.0673C223.806 26.8284 230.28 28.0215 234.734 33.0839C231.994 35.4247 226.8 35.7105 223.525 34.159L223.307 34.3768L227.295 38.3642C231.2 37.0623 235.991 37.7518 239.148 40.5189C239.915 41.1857 243.285 45.0461 242.382 45.8037C241.167 46.8198 234.231 45.8263 231.5 43.5401C234.262 48.8974 236.907 48.9292 239.048 51.6237C240.967 54.0415 241.97 59.6166 240.45 62.2976C235.242 59.73 232.593 55.4841 233.01 49.6867C222.445 32.3718 205.38 21.9383 185.575 22.1833C184.354 22.1969 183.402 21.1445 183.538 19.9378L183.529 19.9378Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M206.383 27.0508C213.006 28.6475 215.714 34.9212 213.283 41.0633C208.061 38.5094 205.072 32.771 206.383 27.0508Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M227.938 58.086C223.787 53.9443 222.911 47.2443 226.645 42.5674C231.648 46.5003 232.338 53.4227 227.938 58.086Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M221.363 48.4979C216.527 45.0049 214.921 38.8447 217.267 33.4057C218.16 32.9838 226.92 39.5297 221.363 48.4979Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M194.305 23.384C204.675 24.0736 204.729 34.9243 203.79 35.4551C198.501 34.1849 193.688 28.9183 194.305 23.384Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+    </svg>
+  `;
+}