update pay function

boilerplate-chakra-pro-main/components/icons/HeroBg.tsx

@@ -0,0 +1,22 @@
+import { createIcon } from '@chakra-ui/icons';
+
+export const HeroBg = createIcon({
+  displayName: 'HeroBg',
+  viewBox: '0 0 1618 900',
+  path: (
+    <g
+      width="1618"
+      height="900"
+      viewBox="0 0 1618 900"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M101.583 301.413C94.4517 259.209 122.883 219.215 165.087 212.083L1382.96 6.28832C1472.87 -8.9049 1512.05 115.615 1429.63 154.64L642.704 527.238L1520.96 365.296C1607.06 349.42 1650.61 465.12 1575.37 509.938L942.158 887.084C905.385 908.987 857.818 896.932 835.916 860.158C814.013 823.385 826.068 775.818 862.842 753.916L1129.5 595.09L95.0792 785.827C4.69665 802.492 -35.766 676.987 47.2513 637.679L863.283 251.3L190.913 364.917C148.709 372.048 108.715 343.617 101.583 301.413Z"
+        fill="#E9E3FF"
+      />
+    </g>
+  )
+});