<template>
  <svg
    width="403"
    height="226"
    viewBox="0 0 403 226"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clip-path="url(#clip0_1180_138)">
      <g opacity="0.54">
        <path
          d="M0 12C0 5.37259 5.37258 0 12 0H391C397.627 0 403 5.37258 403 12V214C403 220.627 397.627 226 391 226H12C5.37259 226 0 220.627 0 214V12Z"
          fill="url(#paint0_linear_1180_138)"
          fill-opacity="0.3"
        />
        <path
          d="M12 0.5H391C397.351 0.5 402.5 5.64873 402.5 12V214C402.5 220.351 397.351 225.5 391 225.5H12C5.64873 225.5 0.5 220.351 0.5 214V12C0.5 5.64873 5.64873 0.5 12 0.5Z"
          stroke="url(#paint1_linear_1180_138)"
          stroke-opacity="0.4"
        />
      </g>
      <path
        opacity="0.54"
        d="M49.7811 28H57.5876C57.8356 28 58.0792 27.9354 58.2939 27.8125C58.5086 27.6896 58.6869 27.5128 58.8108 27.3C58.9347 27.0871 58.9999 26.8457 58.9998 26.5999C58.9997 26.3542 58.9343 26.1128 58.8102 25.9001L53.5676 16.9001C53.4437 16.6873 53.2654 16.5105 53.0507 16.3877C52.836 16.2648 52.5925 16.2001 52.3446 16.2001C52.0967 16.2001 51.8532 16.2648 51.6385 16.3877C51.4238 16.5105 51.2455 16.6873 51.1216 16.9001L49.7811 19.2028L47.1602 14.6998C47.0361 14.487 46.8578 14.3104 46.6431 14.1875C46.4283 14.0647 46.1847 14 45.9368 14C45.6889 14 45.4453 14.0647 45.2305 14.1875C45.0158 14.3104 44.8375 14.487 44.7134 14.6998L38.1896 25.9001C38.0655 26.1128 38.0001 26.3542 38 26.5999C37.9999 26.8457 38.0651 27.0871 38.189 27.3C38.3129 27.5128 38.4912 27.6896 38.7059 27.8125C38.9207 27.9354 39.1643 28 39.4122 28H44.3125C46.254 28 47.6859 27.1547 48.6711 25.5057L51.063 21.4001L52.3442 19.2028L56.1893 25.8028H51.063L49.7811 28ZM44.2326 25.8005L40.8128 25.7998L45.9391 17.0004L48.4969 21.4001L46.7843 24.3407C46.13 25.4107 45.3867 25.8005 44.2326 25.8005Z"
        fill="white"
        fill-opacity="0.1"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="75.5"
        x2="84.5"
        y2="75.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="147.5"
        x2="63.5"
        y2="147.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="172.5"
        y1="147.5"
        x2="192.899"
        y2="147.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="301.5"
        y1="147.5"
        x2="321.5"
        y2="147.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="143.5"
        y1="20.5"
        x2="167.5"
        y2="20.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="184.5"
        y1="20.5"
        x2="208.5"
        y2="20.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="225.5"
        y1="20.5"
        x2="249.5"
        y2="20.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="93.5"
        x2="178.5"
        y2="93.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="162.5"
        x2="115.544"
        y2="162.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="172.5"
        y1="162.5"
        x2="244.5"
        y2="162.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="301.5"
        y1="162.5"
        x2="373.5"
        y2="162.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="111.5"
        x2="178.5"
        y2="111.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="43.5"
        y1="177.5"
        x2="115.5"
        y2="177.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="172.5"
        y1="177.5"
        x2="244.5"
        y2="177.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <line
        opacity="0.54"
        x1="301.5"
        y1="177.5"
        x2="373.5"
        y2="177.5"
        stroke="white"
        stroke-opacity="0.1"
        stroke-width="5"
        stroke-linecap="round"
      />
      <rect
        opacity="0.54"
        x="335.465"
        y="17.619"
        width="41.1089"
        height="11.7454"
        rx="2.93635"
        fill="white"
        fill-opacity="0.1"
      />
      <rect
        opacity="0.54"
        x="212"
        y="70"
        width="164"
        height="44"
        rx="5"
        fill="url(#paint2_linear_1180_138)"
        fill-opacity="0.1"
      />
      <!-- Mongo Logo -->
      <g transform="translate(170, 80) scale(2)">
        <rect width="32" height="32" rx="7.5" style="fill:#023430" />
        <path d="M21.4,13.4C20.1,7.6,17.3,6.1,16.6,5a10.1,10.1,0,0,1-.7-1.5,1.6,1.6,0,0,1-.6,1.2,14.1,14.1,0,0,0-4.9,10.5c-.3,6.1,4.5,9.9,5.1,10.3a1.4,1.4,0,0,0,1.4-.2,12.1,12.1,0,0,0,4.5-11.9" style="fill:#10aa50" />
        <path d="M16.1,22.2a17.8,17.8,0,0,1-.5,3.3s.2,1.5.3,3h.5a30.6,30.6,0,0,1,.5-3.2C16.3,25,16.1,23.6,16.1,22.2Z" style="fill:#b8c4c2" />
        <path d="M16.9,25.3c-.6-.3-.8-1.7-.8-3.1s.2-4.3.1-6.5,0-10.7-.3-12.1L16.6,5c.7,1.1,3.5,2.6,4.8,8.4A12,12,0,0,1,16.9,25.3Z" style="fill:#12924f" />
      </g>
    </g>
    <defs>
      <filter
        id="filter0_d_1180_138"
        x="162.895"
        y="74.8947"
        width="76.2105"
        height="76.2105"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy="4" />
        <feGaussianBlur stdDeviation="2" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.44 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_1180_138"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_1180_138"
          result="shape"
        />
      </filter>
      <linearGradient
        id="paint0_linear_1180_138"
        x1="201.5"
        y1="0"
        x2="201.5"
        y2="102.822"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="white" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_1180_138"
        x1="201.5"
        y1="-1.34109e-07"
        x2="201.527"
        y2="153.598"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="white" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_1180_138"
        x1="294"
        y1="70"
        x2="294"
        y2="114"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="white" />
        <stop offset="1" stop-color="white" stop-opacity="0" />
      </linearGradient>
      <clipPath id="clip0_1180_138">
        <rect width="403" height="226" fill="white" />
      </clipPath>
    </defs>
  </svg>
</template>
