/* global React */
/* HEY about-section graphic — layered: static Hey + dashed connector,
   a pill group that slides on hover, and a pink measurement overlay that wipes in. */
(function () {
  const SVG = `<svg class="hey-svg" viewBox="0 0 429 216" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
  <g class="hey-static">
    <path d="M304.813 103.397H290.309V121.157H304.813V103.397ZM305.827 9.89709L304.764 89.8932H290.209L289.298 9.89709H305.827ZM290.309 10.8971L291.197 88.8932H303.777L304.813 10.8971H290.309ZM305.813 122.157H289.309V102.397H305.813V122.157Z" fill="#3D3D3D"></path>
    <path d="M215.848 40.3844L239.427 100.979L262.875 40.3844H280.286L243.768 131.003C242.063 135.316 239.852 139.235 237.138 142.757C234.489 146.426 231.222 149.339 227.341 151.484C223.417 153.653 218.803 154.716 213.537 154.716C211.705 154.716 209.873 154.564 208.044 154.259C206.19 153.95 204.434 153.434 202.776 152.709L202.177 152.447V138.31L203.355 138.525C204.151 138.67 205.088 138.815 206.169 138.962L207.297 139.109L207.321 139.112L207.346 139.116C208.971 139.402 210.54 139.545 212.056 139.545V140.545C210.675 140.545 209.256 140.431 207.8 140.205L207.173 140.101C205.594 139.904 204.262 139.706 203.177 139.508V151.793C204.755 152.483 206.433 152.977 208.209 153.273C209.763 153.532 211.317 153.677 212.871 153.71L213.537 153.716C218.347 153.716 222.549 152.806 226.145 150.985L226.856 150.609C230.606 148.537 233.764 145.724 236.329 142.172C238.993 138.719 241.163 134.871 242.841 130.629L278.804 41.3844H263.56L239.429 103.744L215.165 41.3844H200.217L231.953 121.279L229.52 127.077C227.35 132.01 225.031 135.464 222.564 137.437L222.34 137.629C219.977 139.573 216.549 140.545 212.056 140.545V139.545C216.564 139.545 219.79 138.536 221.906 136.684L221.923 136.67L221.94 136.656C224.221 134.831 226.46 131.551 228.605 126.674L230.873 121.269L198.743 40.3844H215.848Z" fill="#3D3D3D"></path>
    <path d="M197.219 77.941C197.219 73.0078 196.33 68.2716 194.554 63.733C192.877 59.0957 190.41 55.0009 187.154 51.4489C183.997 47.7983 180.1 44.9368 175.463 42.8649C171.208 40.8298 166.345 39.7488 160.876 39.6217L159.774 39.609C152.473 39.609 145.862 41.434 139.942 45.0846C134.121 48.6366 129.483 53.5209 126.03 59.7369L125.72 60.3219C122.572 66.3973 120.999 73.3063 120.999 81.0485L121.004 81.7867C121.108 89.3885 122.833 96.2956 126.178 102.508C129.632 108.823 134.368 113.806 140.386 117.457C146.217 120.993 152.834 122.817 160.239 122.927L160.959 122.933C166.484 122.933 171.466 122.045 175.906 120.269C180.161 118.604 183.853 116.418 186.98 113.713L187.598 113.165C190.743 110.297 193.108 107.17 194.692 103.782L194.999 103.101L183.454 97.1813C181.185 101.029 178.224 104.186 174.574 106.653L174.229 106.88C170.642 109.195 166.268 110.353 161.106 110.353V109.353C166.277 109.353 170.561 108.157 174.014 105.824C177.54 103.442 180.398 100.394 182.593 96.6725L183.072 95.861L196.288 102.638L195.916 103.498C194.273 107.296 191.717 110.763 188.272 113.904L188.271 113.905C184.917 116.954 180.914 119.381 176.277 121.196L176.278 121.197C171.703 123.027 166.592 123.933 160.959 123.933C153.098 123.933 146.057 122.066 139.868 118.312C133.695 114.568 128.836 109.454 125.301 102.989L125.298 102.983C121.759 96.412 119.999 89.0931 119.999 81.0485C119.999 72.9131 121.707 65.6423 125.15 59.2623L125.156 59.2516C128.579 53.0898 133.15 48.1916 138.865 44.5768L139.422 44.2311C145.506 40.4799 152.299 38.609 159.774 38.609C165.817 38.609 171.198 39.7172 175.893 41.9625C180.638 44.0861 184.642 47.0225 187.891 50.7731C191.239 54.4247 193.774 58.6346 195.495 63.3932C197.311 68.042 198.219 72.8934 198.219 77.941C198.218 79.0723 198.116 80.3386 197.918 81.736C197.817 83.0394 197.666 84.2961 197.465 85.5055L197.325 86.3405H136.504C136.772 89.9443 137.628 93.2076 139.06 96.1412C141.245 100.314 144.271 103.572 148.143 105.937C152.132 108.214 156.447 109.353 161.106 109.353V110.353L160.204 110.339C155.712 110.2 151.523 109.02 147.638 106.8C143.593 104.334 140.436 100.93 138.167 96.5885C136.527 93.2334 135.619 89.4842 135.443 85.3405H196.478C196.676 84.1567 196.824 82.9236 196.923 81.6412C197.095 80.4327 197.192 79.3371 197.214 78.3551L197.219 77.941ZM160.638 51.9069C164.928 52.0457 168.784 53.225 172.207 55.4449C175.857 57.8129 178.619 61.0199 180.494 65.0651C181.694 67.6546 182.327 70.4663 182.395 73.5006H135.731C136.128 70.6371 136.889 68.0224 138.018 65.6569C140.121 61.3555 143.011 58.0263 146.688 55.6696L147.047 55.4449C150.895 53.077 155.137 51.8932 159.774 51.8932L160.638 51.9069ZM159.774 52.8932C155.317 52.8932 151.256 54.0282 147.57 56.2965C143.899 58.556 141.012 61.81 138.917 66.0963C137.989 68.0432 137.314 70.1766 136.9 72.5006H181.35C181.18 69.9834 180.589 67.6472 179.587 65.485C177.789 61.6063 175.15 58.5466 171.662 56.2838C168.184 54.028 164.232 52.8932 159.774 52.8932Z" fill="#3D3D3D"></path>
    <path d="M37.4744 10.8971H22.9705V121.157H37.4744V73.3531H92.6785V121.157H107.33V10.8971H92.6785V60.0328H37.4744V10.8971ZM108.33 122.157H91.6785V74.3531H38.4744V122.157H21.9705V9.89709H38.4744V59.0328H91.6785V9.89709H108.33V122.157Z" fill="#3D3D3D"></path>
    <path d="M335.333 196C335.333 197.473 336.527 198.667 338 198.667C339.473 198.667 340.667 197.473 340.667 196C340.667 194.527 339.473 193.333 338 193.333C336.527 193.333 335.333 194.527 335.333 196ZM428.354 20.3536C428.549 20.1583 428.549 19.8417 428.354 19.6464L425.172 16.4645C424.976 16.2692 424.66 16.2692 424.464 16.4645C424.269 16.6597 424.269 16.9763 424.464 17.1716L427.293 20L424.464 22.8284C424.269 23.0237 424.269 23.3403 424.464 23.5355C424.66 23.7308 424.976 23.7308 425.172 23.5355L428.354 20.3536ZM338 196V196.5C338.667 196.5 339.328 196.484 339.983 196.451L339.958 195.952L339.933 195.452C339.295 195.484 338.651 195.5 338 195.5V196ZM343.829 195.555L343.906 196.049C345.225 195.842 346.515 195.565 347.776 195.219L347.644 194.737L347.512 194.255C346.287 194.591 345.034 194.86 343.752 195.061L343.829 195.555ZM351.335 193.491L351.522 193.955C352.745 193.462 353.936 192.899 355.097 192.268L354.859 191.829L354.62 191.39C353.492 192.003 352.335 192.549 351.148 193.028L351.335 193.491ZM358.174 189.781L358.46 190.191C359.53 189.447 360.571 188.639 361.581 187.77L361.255 187.391L360.929 187.012C359.944 187.859 358.93 188.646 357.889 189.37L358.174 189.781ZM364.084 184.715L364.444 185.063C365.342 184.131 366.213 183.147 367.058 182.111L366.67 181.795L366.283 181.479C365.455 182.495 364.602 183.458 363.724 184.368L364.084 184.715ZM369.02 178.677L369.43 178.963C370.166 177.909 370.878 176.812 371.567 175.671L371.139 175.413L370.711 175.154C370.033 176.276 369.333 177.356 368.61 178.391L369.02 178.677ZM373.054 172.019L373.496 172.253C374.096 171.115 374.675 169.942 375.234 168.733L374.78 168.523L374.327 168.313C373.774 169.507 373.203 170.665 372.612 171.786L373.054 172.019ZM376.334 164.945L376.797 165.134C377.282 163.943 377.75 162.722 378.199 161.472L377.729 161.302L377.259 161.133C376.813 162.371 376.351 163.579 375.871 164.757L376.334 164.945ZM378.979 157.608L379.456 157.759C379.845 156.534 380.219 155.283 380.578 154.007L380.097 153.872L379.615 153.737C379.26 155.002 378.889 156.242 378.503 157.456L378.979 157.608ZM381.093 150.103L381.578 150.223C381.887 148.975 382.183 147.704 382.465 146.413L381.976 146.306L381.488 146.2C381.208 147.482 380.914 148.743 380.607 149.982L381.093 150.103ZM382.757 142.487L383.248 142.58C383.49 141.316 383.719 140.032 383.936 138.73L383.442 138.648L382.949 138.566C382.734 139.86 382.506 141.136 382.266 142.393L382.757 142.487ZM384.039 134.792L384.534 134.863C384.717 133.585 384.889 132.292 385.049 130.982L384.553 130.921L384.056 130.86C383.897 132.164 383.726 133.451 383.544 134.721L384.039 134.792ZM384.989 127.037L385.486 127.088C385.617 125.808 385.738 124.514 385.848 123.206L385.35 123.164L384.852 123.122C384.742 124.424 384.622 125.713 384.491 126.986L384.989 127.037ZM385.643 119.28L386.142 119.313C386.228 118.026 386.304 116.725 386.371 115.412L385.871 115.386L385.372 115.361C385.306 116.669 385.23 117.964 385.144 119.247L385.643 119.28ZM386.039 111.483L386.538 111.501C386.584 110.21 386.62 108.908 386.647 107.594L386.147 107.583L385.648 107.573C385.621 108.882 385.584 110.18 385.539 111.466L386.039 111.483ZM386.2 103.692L386.7 103.695C386.705 103.042 386.707 102.387 386.707 101.728H386.207H385.707C385.707 102.385 385.705 103.038 385.7 103.689L386.2 103.692ZM386.207 101.728H386.707C386.707 101.059 386.709 100.395 386.713 99.7349L386.213 99.732L385.713 99.729C385.709 100.391 385.707 101.057 385.707 101.728H386.207ZM386.26 95.7958L386.76 95.805C386.785 94.4732 386.817 93.1607 386.859 91.8672L386.359 91.8513L385.859 91.8354C385.818 93.1335 385.785 94.4506 385.76 95.7867L386.26 95.7958ZM386.513 87.8951L387.013 87.9183C387.075 86.5843 387.147 85.2718 387.228 83.9805L386.729 83.9492L386.23 83.9179C386.148 85.2147 386.076 86.5326 386.014 87.8718L386.513 87.8951ZM387.01 80.0125L387.508 80.0526C387.616 78.7224 387.733 77.4162 387.862 76.134L387.364 76.0841L386.867 76.0343C386.738 77.3232 386.619 78.6358 386.512 79.9723L387.01 80.0125ZM387.799 72.1644L388.295 72.225C388.457 70.8982 388.632 69.599 388.818 68.327L388.323 68.2544L387.829 68.1819C387.641 69.4621 387.466 70.7694 387.303 72.1038L387.799 72.1644ZM388.948 64.357L389.441 64.4429C389.671 63.1226 389.916 61.8343 390.175 60.5777L389.685 60.4767L389.195 60.3757C388.934 61.6427 388.688 62.9411 388.455 64.271L388.948 64.357ZM390.549 56.6208L391.035 56.7387C391.352 55.4338 391.686 54.1667 392.037 52.937L391.556 52.7997L391.076 52.6624C390.721 53.9055 390.383 55.1855 390.063 56.5028L390.549 56.6208ZM392.726 49.028L393.199 49.1873C393.626 47.9164 394.074 46.6907 394.542 45.5095L394.078 45.3253L393.613 45.141C393.138 46.3395 392.684 47.5819 392.252 48.8688L392.726 49.028ZM395.641 41.7062L396.093 41.919C396.665 40.7023 397.263 39.5408 397.886 38.4337L397.45 38.1885L397.014 37.9433C396.379 39.0727 395.77 40.2559 395.188 41.4934L395.641 41.7062ZM399.521 34.8408L399.934 35.1221C400.686 34.0164 401.469 32.977 402.284 32.0027L401.9 31.6821L401.516 31.3615C400.68 32.3622 399.877 33.428 399.107 34.5596L399.521 34.8408ZM404.589 28.8013L404.934 29.1628C405.887 28.2523 406.875 27.4166 407.9 26.6543L407.602 26.2531L407.304 25.8519C406.245 26.6393 405.225 27.5017 404.243 28.4399L404.589 28.8013ZM410.913 24.1087L411.157 24.5452C412.286 23.9147 413.453 23.3597 414.659 22.879L414.474 22.4145L414.289 21.9501C413.043 22.4467 411.836 23.0203 410.669 23.6722L410.913 24.1087ZM418.226 21.1854L418.352 21.6692C419.585 21.347 420.855 21.0922 422.161 20.9038L422.089 20.4089L422.018 19.914C420.677 20.1076 419.37 20.3697 418.099 20.7017L418.226 21.1854ZM426.02 20.0434L426.042 20.5429C426.687 20.5143 427.339 20.5 428 20.5V20V19.5C427.325 19.5 426.658 19.5146 425.998 19.5439L426.02 20.0434Z" fill="#9E9E9E"></path>
  </g>
  <g class="hey-pink">
    <rect x="20.9705" y="8.89709" width="285.856" height="146.819" stroke="#FF4DE4" stroke-width="2"></rect>
    <rect x="22.6863" y="3.08579" width="10" height="10" transform="rotate(45 22.6863 3.08579)" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
    <rect x="92.3431" y="66.4289" width="10.4437" height="10.4437" transform="rotate(45 92.3431 66.4289)" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
    <rect x="304.343" y="81.7426" width="10" height="10" transform="rotate(45 304.343 81.7426)" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
    <rect x="252.586" y="41.0146" width="10.4437" height="10.4437" transform="rotate(-45 252.586 41.0146)" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
    <rect x="202.343" y="132.743" width="10" height="10" transform="rotate(45 202.343 132.743)" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
    <path d="M120 42.6132L117.113 45.5L120 48.3868L122.887 45.5L120 42.6132ZM120 124.387L122.887 121.5L120 118.613L117.113 121.5L120 124.387ZM120 45.5L119.5 45.5L119.5 121.5L120 121.5L120.5 121.5L120.5 45.5L120 45.5Z" fill="#FF4DE4"></path>
    <rect x="114.686" y="78.1569" width="10" height="10" rx="5" fill="white" stroke="#FF4DE4" stroke-width="2"></rect>
  </g>
  <g class="hey-pill">
    <path d="M109 189.716C109 177.566 118.85 167.716 131 167.716H288C300.15 167.716 310 177.566 310 189.716V189.716C310 201.867 300.15 211.716 288 211.716H131C118.85 211.716 109 201.867 109 189.716V189.716Z" fill="#3D3D3D"></path>
    <path d="M117.807 166.725L108.336 170.322L104.74 179.792L96.34 158.326L117.807 166.725Z" fill="#3D3D3D"></path>
    <text class="hey-pill-label" x="134" y="195.5" fill="white" font-family="Plus Jakarta Sans, sans-serif" font-weight="700" font-size="15.5">I am Rizqi Naridha&#160;👋</text>
  </g>
</svg>`;
  function HeyGraphic() {
    return React.createElement('div', {
      className: 'hey-graphic',
      'aria-label': '"Hey!" — I am Rizqi Naridha',
      dangerouslySetInnerHTML: { __html: SVG }
    });
  }
  window.HeyGraphic = HeyGraphic;
})();