blocks-dusted 0.1.11 → 0.1.13

package/templates/blocks/DD-NineCanvas/canvas/icons/custom-icons.tsx

@@ -0,0 +1,364 @@
+/* eslint-disable @next/next/no-html-link-for-pages */
+import * as React from 'react'
+
+export function TopLogoBgElement() {
+  return (
+    <div className="topLogoBgWrapper">
+      <svg
+        className="topLogoBgElement"
+        width="320"
+        height="40"
+        viewBox="0 0 320 40"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0.00160644C13.9067 0.00160644 27.0114 4.02732 36.8076 10.9763C56.1308 24.4754 66.7963 40 92.6705 40H226.394C247.045 40 262.49 30.6727 277.21 16.0016C287.305 5.92527 303.152 0 320 0L0 0.00160644Z"
+          fill="#000000"
+          // fill="#111113"
+        />
+      </svg>
+
+      <a className="svglogolink" href="/nine-canvas" aria-label="Overview">
+        <svg
+          width="33"
+          height="24"
+          viewBox="0 0 33 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0.214 0V24H4.299V13.2036H15.268V3.3886H26.624L5.972 24H10.786L32.214 2.6149V0H11.183V9.8061H4.299V0H0.214Z"
+            fill="#EEEEEE"
+          />
+          <path d="M13.453 24V23.9245L16.781 20.6025H32.214V24H13.453Z" fill="#EEEEEE" />
+        </svg>
+      </a>
+    </div>
+  )
+}
+
+export function BottomLogoBgElement() {
+  return (
+    <div className="bottomLogoBgWrapper">
+      <svg
+        className="bottomLogoBgElement"
+        width="320"
+        height="40"
+        viewBox="0 0 320 40"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M11.9326 39.5C24.0159 37.4491 34.9221 32.3194 42.6611 24.8271L43.1436 24.3525C57.8105 9.73384 73.1354 0.500052 93.6055 0.49998L227.329 0.499992C240.147 0.499993 249.187 4.33949 257.439 9.86523C261.575 12.6344 265.51 15.8256 269.635 19.1816C273.497 22.3241 277.52 25.608 282.003 28.7969L282.906 29.4336C289.924 34.4109 298.613 37.8947 308.068 39.499L11.9326 39.5Z"
+          // fill="#000000"
+          fill="#111113"
+          stroke="#1E1E1E"
+        />
+      </svg>
+    </div>
+  )
+}
+
+export function CustomHomeIcon() {
+  return (
+    <svg
+      className="customHomeIcon"
+      width="23"
+      height="23"
+      viewBox="0 0 23 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ transform: 'scale(1.2)', marginLeft: '0px' }}
+      aria-hidden="true"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.6966 1.00367C12.563 1.03611 13.3437 1.33646 14.199 1.8369C15.0399 2.32894 16.0093 3.04896 17.2424 3.96325C18.4758 4.87767 19.4468 5.59666 20.1653 6.2609C20.8958 6.93632 21.4174 7.60032 21.7153 8.43101C21.7605 8.55687 21.8007 8.68475 21.8366 8.81364C22.074 9.66441 22.035 10.5148 21.833 11.4995C21.6343 12.4678 21.2631 13.6314 20.7921 15.1108C20.321 16.5902 19.9511 17.7543 19.5541 18.6569C19.1504 19.5746 18.6926 20.2858 18.0105 20.8316C17.9072 20.9143 17.8002 20.9934 17.6912 21.0681C17.005 21.5386 16.2415 21.7642 15.3211 21.878C14.3322 22.0002 13.0931 22 11.5005 22C9.90756 22 8.66795 22.0003 7.6789 21.878C6.75849 21.7642 5.995 21.5386 5.30878 21.0681C5.19988 20.9934 5.09366 20.9142 4.9904 20.8316C4.30824 20.2858 3.84962 19.5747 3.4459 18.6569C3.04893 17.7544 2.67985 16.5901 2.20884 15.1108C1.73781 13.6314 1.36573 12.4678 1.16701 11.4995C0.964957 10.5148 0.92595 9.6644 1.16336 8.81364C1.19934 8.68475 1.24047 8.55687 1.28561 8.43101C1.58351 7.60048 2.10423 6.93622 2.83467 6.2609C3.55319 5.59666 4.5243 4.87767 5.75763 3.96325C6.99075 3.04898 7.96003 2.32895 8.80101 1.8369C9.65635 1.33646 10.437 1.03611 11.3034 1.00367C11.4344 0.998773 11.5656 0.998777 11.6966 1.00367ZM11.3545 2.43272C10.7983 2.45354 10.244 2.64145 9.49799 3.07789C8.7379 3.52264 7.8391 4.18798 6.58142 5.12045C5.32359 6.05305 4.42556 6.72004 3.77614 7.32035C3.13893 7.90945 2.79242 8.38916 2.60112 8.92256C2.56776 9.01558 2.53739 9.11032 2.51081 9.20558C2.35846 9.75174 2.36291 10.3478 2.53909 11.2063C2.7187 12.0815 3.06035 13.1597 3.54077 14.6686C4.02128 16.1777 4.36608 17.2554 4.72492 18.0713C5.07688 18.8714 5.41653 19.3556 5.85433 19.7061C5.93072 19.7672 6.01005 19.8258 6.09061 19.8811C6.36668 20.0703 6.67644 20.2105 7.06311 20.3131V16.7958C7.06326 14.295 9.04983 12.2676 11.5005 12.2676C13.9508 12.2677 15.9377 14.2951 15.9378 16.7958V20.3131C16.3243 20.2105 16.6343 20.0703 16.9103 19.8811C16.9909 19.8258 17.0694 19.7671 17.1457 19.7061C17.5836 19.3556 17.924 18.8716 18.276 18.0713C18.6348 17.2554 18.9788 16.1777 19.4592 14.6686C19.9397 13.1596 20.2823 12.0816 20.4618 11.2063C20.638 10.3477 20.6415 9.75175 20.4892 9.20558C20.4626 9.11031 20.4322 9.01558 20.3989 8.92256C20.2076 8.38918 19.861 7.90943 19.2239 7.32035C18.5745 6.7201 17.677 6.0529 16.4195 5.12045C15.1617 4.18787 14.2622 3.52266 13.502 3.07789C12.7561 2.64145 12.2017 2.45354 11.6455 2.43272C11.5485 2.4291 11.4515 2.42909 11.3545 2.43272Z"
+        fill="#D9D9D9"
+      />
+    </svg>
+  )
+}
+
+export function CustomAboutIcon() {
+  return (
+    <svg
+      className="customAboutIcon"
+      width="12"
+      height="18"
+      viewBox="0 0 12 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+    >
+      <g filter="url(#customAboutIconFilter)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M2.14896 3.54022C2.51506 1.85447 2.8213 0.443693 5.52104 0.510444C9.29732 0.37936 9.6223 1.46295 10.1067 4.85139C10.6249 5.30758 12.2611 6.2677 11.9643 6.90133C11.9198 7.18979 11.4929 7.33264 11.0877 7.46819C10.6805 7.60412 10.2947 7.73313 10.3398 7.99531C10.2665 8.78038 10.0717 10.2635 9.30132 10.6318C9.18196 11.1631 9.02685 11.6971 8.76409 12.1025C7.91519 13.4184 7.02755 13.4748 6.84598 13.5896C6.74867 13.6512 6.85438 13.7294 7.27694 14.0268C7.69088 14.4868 8.12984 14.7407 8.52504 14.9693C9.31841 15.4283 9.93453 15.7852 9.81552 17.5H1.2924C1.34088 16.2493 1.64044 15.2204 3.22785 14.7656C3.4465 14.5 4.07939 13.5817 4.24322 13.7515C4.4485 13.8082 4.33482 13.5796 4.34285 13.4558C4.25525 13.3081 4.01086 13.1365 3.79321 12.9917C3.62905 12.8824 3.47994 12.7879 3.42411 12.7302C3.20545 12.5137 2.90321 12.1232 2.70329 11.796C2.45956 11.473 2.49733 10.02 2.17838 9.79652C1.39103 9.45034 1.5261 8.37959 1.44051 7.60724L1.25997 7.54564C0.580271 7.31463 -0.225799 7.04071 0.0587171 6.3687C-0.124832 6.32408 1.66485 5.00772 1.81195 4.87872C1.95639 4.42805 2.05468 3.97497 2.14896 3.54022ZM9.81353 5.586C8.5812 4.98732 6.46683 4.6456 5.24319 4.50449C4.15596 4.31046 1.64713 4.92298 2.38634 6.06952C3.47793 5.80252 5.15395 6.05776 6.16528 6.63986C6.71394 6.84876 7.27225 6.41574 8.13549 6.47246C8.51801 6.42542 8.89716 6.51949 9.21104 6.59732C9.84364 6.75434 10.212 6.84599 9.81353 5.586ZM5.47694 8.23495C4.83201 9.12388 2.09914 8.93602 2.2185 7.4914C2.2165 7.2659 2.19243 7.07115 2.16835 7.01443C2.1513 6.97396 2.13425 7.00474 2.12556 7.14582C2.12556 7.2133 2.12355 7.2133 2.07407 7.17491C1.36963 6.5942 1.53713 7.97389 1.62907 8.7341C1.64345 8.85128 1.65582 8.95365 1.66284 9.03185C2.09714 9.65717 2.272 9.79065 2.37129 9.9695C2.47761 10.1604 2.49767 10.4025 2.65548 11.3495C2.79389 12.0471 3.26831 12.4189 3.69559 12.7537C4.26529 13.2002 4.75138 13.5814 4.24456 14.5826C4.3579 15.9408 6.66247 16.2428 6.86575 14.7683C6.97739 14.5996 6.71663 14.2728 6.61967 13.9739C6.56613 13.8086 6.56282 13.6519 6.69989 13.535C8.09208 13.1985 9.03718 11.9032 9.25322 10.4492C9.72325 10.4682 9.89477 9.77785 9.99138 9.38948L10.0242 9.26115C10.075 9.08824 10.196 8.53828 10.2071 8.4086C10.2124 8.34707 10.1927 8.38092 10.1284 8.59676C9.76405 9.72079 7.41938 9.322 6.94996 8.43486C6.80856 8.23882 6.78651 7.98043 6.76611 7.73901C6.73503 7.37236 6.70726 7.04487 6.2703 7.03449C5.954 7.0376 5.84202 7.3717 5.73135 7.70233C5.66244 7.90782 5.59395 8.11219 5.47694 8.23495ZM5.50064 16.2027C5.33918 16.1912 5.18806 16.1643 5.07801 16.119C4.88445 16.0826 4.88245 16.0799 4.94364 16.1107C5.03756 16.1584 5.28164 16.286 5.20412 16.4939C5.19172 16.9179 5.17566 17.1033 5.27331 17.1742C5.36289 17.2392 5.54915 17.2071 5.92354 17.1749C6.32743 17.2371 6.27561 16.9708 6.2171 16.6603C6.18533 16.4922 6.15157 16.3109 6.18706 16.1622C6.00245 16.2034 5.74004 16.22 5.50064 16.2027Z"
+          fill="#F0F8FF"
+        />
+      </g>
+
+      <defs>
+        <filter
+          id="customAboutIconFilter"
+          x="0"
+          y="0.5"
+          width="12"
+          height="17"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <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 />
+          <feGaussianBlur stdDeviation="0.5" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0" />
+          <feBlend mode="normal" in2="shape" result="effect1_innerShadow_24_13" />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export function CustomArchiveIcon() {
+  return (
+    <svg
+      className="customArchiveIcon"
+      width="32"
+      height="32"
+      viewBox="0 0 40 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ transform: 'scale(1)' }}
+    >
+      <path
+        d="M26.7061 12.2686C28.5017 11.7468 31.5546 11.1218 35.3252 11.4033C35.3625 11.4025 37.803 11.3519 39.0537 12.6738C39.8298 13.4943 39.7811 14.7785 39.3389 15.8154C38.8845 16.8806 37.9301 18.3154 35.9258 19.6426C35.9198 19.6461 33.8644 20.8451 31.7266 21.7295L32.9004 23.9404C34.986 23.9267 37.8384 24.6266 40 27.9492C39.9776 27.9527 37.6797 28.3034 34.917 27.7432L37.1758 32H2.82422L5.08301 27.7432C2.30675 28.3061 0 27.9492 0 27.9492C2.1616 24.6265 5.02091 23.9267 7.09961 23.9404L8.27344 21.7295C6.13255 20.8438 4.07422 19.6426 4.07422 19.6426C2.07111 18.3126 1.11679 16.8785 0.662109 15.8145C0.219279 14.7779 0.170415 13.4942 0.946289 12.6738C2.20665 11.3417 4.67578 11.4033 4.67578 11.4033C8.4392 11.1219 11.4984 11.7468 13.2939 12.2686L20 0L26.7061 12.2686ZM34.3232 29.9814H5.67676L7.18945 27.1328C6.69925 27.3181 6.20206 27.4692 5.71875 27.5928L3.64648 31.499H36.3535L34.2822 27.5928C33.7988 27.4692 33.3078 27.3182 32.8105 27.1328L34.3232 29.9814ZM20 24.5439C17.9489 26.5143 15.4004 26.46 15.4004 26.46C14.4099 26.5007 10.4769 25.2415 10.4424 25.2305C9.51013 26.0199 8.49467 26.5968 7.47266 27.0156L6.00879 29.7822H33.9922L32.5273 27.0156C31.5054 26.6037 30.4839 26.0267 29.5586 25.2305C29.5586 25.2305 25.5942 26.4943 24.5996 26.46C24.5996 26.46 22.0511 26.5143 20 24.5439ZM8.50879 24.668C8.06689 24.6336 7.65217 24.6337 7.2793 24.668C7.06521 24.6886 6.8642 24.7088 6.67773 24.7432C5.14398 25.0019 4.33663 25.6859 4.32324 25.6973L4.31641 25.7041C4.95177 25.8689 5.51831 25.9452 6.02246 25.9658H6.3125C6.40907 25.9658 6.49918 25.958 6.58887 25.958C7.13425 25.9305 7.59006 25.8277 7.96289 25.6973C8.01106 25.6768 8.05241 25.6631 8.10059 25.6426H8.10742C8.15576 25.622 8.19782 25.6085 8.23926 25.5879C9.04025 25.2446 9.38574 24.7842 9.38574 24.7842C9.15793 24.743 8.93667 24.7091 8.72266 24.6885C8.65375 24.6816 8.57773 24.668 8.50879 24.668ZM32.7354 24.6611C32.3625 24.6268 31.9478 24.6268 31.5059 24.6611C31.4369 24.668 31.361 24.6748 31.292 24.6816C31.0711 24.7022 30.8498 24.7362 30.6221 24.7773C30.6233 24.7789 30.9757 25.2384 31.7686 25.5811C31.8099 25.6015 31.8581 25.6152 31.8994 25.6357H31.9062C31.9476 25.6563 31.9958 25.6767 32.0439 25.6904C32.4238 25.8209 32.8734 25.9237 33.4189 25.9512C33.5018 25.958 33.5988 25.958 33.6885 25.958H33.9785L33.9854 25.9512C34.4893 25.9374 35.0553 25.8551 35.6904 25.6904C35.671 25.674 34.8573 24.9941 33.3359 24.7363C33.1496 24.702 32.9493 24.6749 32.7354 24.6611ZM16.0703 14.0742C15.6491 14.4657 15.1523 16.5049 15.1523 16.5049C23.7568 22.9101 12.5342 22.7314 12.5342 22.7314C12.5342 23.1475 10.9602 24.7495 10.9395 24.7705C16.9606 26.9409 19.0229 23.3034 19.0469 23.2607C17.775 20.773 19.4188 17.9037 19.4336 17.8779C18.6877 16.0792 16.0703 14.0742 16.0703 14.0742ZM23.9229 14.0742C23.9229 14.0742 21.3054 16.0792 20.5596 17.8779H20.5527C20.5662 17.9014 22.2118 20.7719 20.9463 23.2607C20.9683 23.3 23.0298 26.9418 29.0537 24.7705C29.0298 24.7463 27.459 23.1539 27.459 22.7314C27.459 22.7314 16.2365 22.9101 24.8408 16.5049C24.8408 16.5049 24.351 14.4587 23.9229 14.0742ZM8.99902 24.1455C9.51624 24.2605 9.83188 24.3833 9.84082 24.3867C10.4703 24.0398 11.0661 22.6211 11.0771 22.5947C10.732 22.5398 10.3524 22.4506 9.95898 22.334L8.99902 24.1455ZM30.0352 22.334C29.6415 22.4507 29.2613 22.5467 28.916 22.5947C28.9263 22.6194 29.5225 24.0396 30.1523 24.3867C30.1577 24.3846 30.468 24.2612 30.9951 24.1455L30.0352 22.334ZM7.65234 23.9609C8.08727 23.9884 8.47434 24.0496 8.79883 24.1113L9.77246 22.2783C9.43412 22.1754 9.08847 22.0523 8.73633 21.915L7.65234 23.9609ZM31.2705 21.915C30.9186 22.0454 30.5735 22.1754 30.2354 22.2783L31.209 24.1113C31.5335 24.0496 31.9205 23.9884 32.3555 23.9609L31.2705 21.915ZM14.834 17.1367C14.4057 19.4983 12.9209 22.1348 12.9209 22.1348C16.8628 22.3464 16.7832 20.1544 16.7822 20.1299C16.7132 18.2281 14.834 17.1367 14.834 17.1367ZM25.166 17.1367C25.154 17.1437 23.2876 18.2343 23.2188 20.1299C23.2178 20.1525 23.1354 22.3465 27.0791 22.1348C27.0791 22.1348 25.5943 19.4915 25.166 17.1367ZM35.3252 14.1494C33.7644 11.534 29.103 12.0351 26.9619 12.749V12.7559C26.7972 12.8104 25.2887 13.4412 25.2695 13.4492C25.3723 13.5855 26.3521 15.6691 26.3672 15.7012C29.8479 13.7171 33.6953 15.5234 33.6953 15.5234L33.4121 15.9482L31.9619 15.5234C31.961 15.7754 31.25 19.8896 31.25 19.8896C31.0981 19.2855 30.5039 15.4541 30.5039 15.4541C28.7015 15.4199 26.54 16.2646 26.54 16.2646C26.8837 17.9863 28.7182 22.0322 28.7363 22.0723L31.4639 21.2285C38.1214 18.7638 35.3252 14.1494 35.3252 14.1494ZM13.0391 12.749C10.8983 12.0419 6.23685 11.5342 4.67578 14.1494V14.1426C4.67578 14.1426 1.87864 18.757 8.53613 21.2217L11.2637 22.0654C11.2783 22.0331 13.1159 17.9811 13.46 16.2578C13.46 16.2578 11.2986 15.413 9.49609 15.4473C9.49609 15.4473 8.90193 19.2787 8.75 19.8828C8.75 19.8828 8.03906 15.7628 8.03906 15.5156L6.58887 15.9414L6.30566 15.5156C6.35551 15.4924 10.1749 13.7232 13.6328 15.6943C13.6456 15.6671 14.6276 13.5856 14.7305 13.4424C14.7041 13.4314 13.2044 12.8039 13.0391 12.749ZM20 10.7725C17.6745 10.984 16.2686 13.4438 16.25 13.4766C18.3677 14.7069 19.9857 17.0061 20 17.0264C20.0076 17.0155 21.6279 14.7026 23.75 13.4766C23.729 13.4397 22.3168 10.9837 20 10.7725ZM15 12.8594C15.0345 12.8731 15.0488 12.8799 15.0488 12.8799C17.2932 10.5664 19.185 10.2501 20 10.2432C20.8149 10.2569 22.7077 10.5662 24.9521 12.8799L25 12.8594L20 3.86523L15 12.8594ZM13.7842 12.4199C14.2605 12.5709 14.6062 12.7076 14.8203 12.79L20 3.45996L25.1865 12.79C25.3937 12.7008 25.7462 12.5709 26.2227 12.4199L20 1.0166L13.7842 12.4199Z"
+        fill="white"
+      />
+    </svg>
+  )
+}
+
+export function CustomJourneyIcon() {
+  return (
+    <svg
+      className="customJourneyIcon"
+      width="20"
+      height="18"
+      viewBox="0 0 20 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g filter="url(#filter0_i_24_11)">
+        <path
+          d="M11.6899 1.13303C12.251 1.02117 12.6427 0.735118 12.9883 0.182184L13.1014 0L13.1368 0.166201C13.1566 0.257289 13.3511 1.13943 13.5693 2.12863L13.8222 3.27596C13.94 3.81073 14.0352 4.24278 14.07 4.3995C14.1265 4.65998 14.1738 4.88051 14.1738 4.89011C14.1738 4.92686 13.957 5.23369 13.844 5.35834C13.4431 5.79461 12.9844 5.98958 12.3273 6.00396C12.0382 6.01035 11.8791 5.99757 11.4007 5.93204C10.5884 5.81858 10.5609 5.81698 10.231 5.81379C9.88663 5.81219 9.77491 5.82497 9.53444 5.89529C9.09145 6.02474 8.75239 6.3044 8.44746 6.79181L8.3345 6.97239L7.79691 4.53853C7.50252 3.19934 7.26332 2.09028 7.26725 2.0727C7.27777 2.01997 7.49069 1.72113 7.60635 1.59807C7.82846 1.35996 8.11497 1.17298 8.39488 1.0819C8.82997 0.941263 9.23997 0.931679 10.0338 1.04194C10.8434 1.1554 10.8684 1.1586 11.2167 1.1586C11.4717 1.1586 11.5847 1.15221 11.6899 1.13303Z"
+          fill="#F0F8FF"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.73892 1.77226C6.72709 1.64442 6.79806 1.51817 6.89794 1.48781C7.08457 1.43507 7.23309 1.67319 7.13978 1.87454L7.11086 1.93687L7.20023 2.33958C7.24886 2.56171 7.36189 3.07469 7.45126 3.479L7.56642 4.00086C7.63722 4.32188 7.71247 4.6631 7.76537 4.90129C7.84817 5.27844 8.11497 6.49137 8.35808 7.59401C8.45234 8.02116 8.53107 8.37824 8.59864 8.68449C9.2319 7.99045 9.95171 7.20048 10.2208 6.90399C10.564 6.52814 10.8491 6.21818 10.8571 6.21818C10.8631 6.21574 11.1301 6.49641 11.4492 6.84054C11.5812 6.98369 11.7062 7.11882 11.8084 7.22943C11.9521 7.38467 12.0509 7.49155 12.0615 7.50435C12.0815 7.52394 12.3083 7.60204 12.5693 7.67768L13.0429 7.81677L14.0164 9.96453C14.5524 11.1434 15 12.1196 15.01 12.1343C15.0221 12.1489 15.261 12.0635 15.6744 11.8975C16.0297 11.7535 16.3228 11.6388 16.3247 11.6412C16.4632 11.8828 18.2437 14.9581 18.5949 15.5633C18.8699 16.0392 19.2994 16.7812 19.5483 17.2107L20 17.9917L10.004 17.9991C4.50628 18.0015 0.00408831 17.9991 7.43181e-05 17.9941C-0.00795456 17.9868 0.632349 16.9179 2.99685 12.9885C3.51872 12.1245 3.87601 11.5509 3.89407 11.5509C3.91214 11.5534 4.08877 11.6828 4.28949 11.8389C4.48821 11.9976 4.66484 12.1293 4.67889 12.1367C4.69696 12.144 4.87761 11.8535 5.19475 11.3117C5.23538 11.242 5.27818 11.1687 5.32215 11.0933C5.5692 10.6697 5.85341 10.1823 6.00165 9.92544C6.17829 9.62281 6.34488 9.33969 6.37097 9.29821L6.41914 9.21772L6.9631 9.54965C7.50305 9.8791 7.50505 9.8791 7.54921 9.83277C7.68203 9.68838 8.01757 9.32125 8.41155 8.88959C8.3329 8.53348 8.21822 8.01313 8.13469 7.63399L8.00499 7.04541C7.87654 6.46282 7.71117 5.71271 7.25543 3.63881L7.06882 2.79392C6.98044 2.39351 6.91891 2.11481 6.9124 2.08708C6.89794 2.02476 6.88217 1.99759 6.84537 1.96722C6.77703 1.9129 6.7468 1.85696 6.73892 1.77226ZM12.0895 7.64838L11.4834 6.99429C11.1481 6.63309 10.8712 6.33777 10.8652 6.33777L10.8614 6.33776C10.8551 6.34231 10.8817 6.41402 11.1924 7.28962C11.3469 7.72648 11.4913 8.09742 11.5094 8.11701C11.5139 8.12072 11.5256 8.13078 11.5433 8.14604C11.6063 8.20006 11.7444 8.31885 11.8949 8.44646L12.2441 8.74176L12.778 9.86931C13.071 10.4917 13.318 10.9993 13.3239 10.9993C13.33 10.9993 13.2557 10.7162 13.1594 10.3697C13.0631 10.0255 12.8884 9.40076 12.772 8.98093C12.6555 8.56358 12.5593 8.21215 12.5593 8.19997C12.5593 8.18046 12.9025 7.94368 12.9567 7.92903C12.9687 7.92417 12.9807 7.91199 12.9807 7.89973C12.9807 7.87784 12.9085 7.85586 12.3987 7.72895L12.0895 7.64838ZM8.17346 10.4551L7.90248 10.25C7.65559 10.0621 6.47736 9.32019 6.47736 9.35196C6.47736 9.35928 6.60783 9.56183 6.7664 9.79853L7.05543 10.2305L7.46892 10.4868C7.69574 10.6284 7.88642 10.7601 7.89044 10.7797C7.89646 10.7992 8.02492 11.5241 8.17546 12.3905L8.45047 13.9647L9.24334 15.6561C9.67888 16.5859 10.0382 17.3425 10.0422 17.3376C10.0482 17.3303 9.45402 15.5804 9.03861 14.382C9.01848 14.3211 9.01449 14.2966 9.03054 14.3113C10.0201 15.2387 12.1618 17.2253 12.1658 17.2205C12.1698 17.2156 11.4813 16.3101 10.6384 15.2094C9.79326 14.1087 9.03054 13.1129 8.94223 12.9958L8.78165 12.781L8.47654 11.6168L8.17346 10.4551ZM11.2967 11.4191L11.0418 10.8139C10.7046 10.0158 10.6122 9.80832 10.6122 9.84495C10.6122 9.88643 10.9494 11.4851 10.9715 11.5485C10.9816 11.5754 11.4232 12.3515 11.9551 13.274L12.9205 14.9507L12.8322 15.6878L12.7459 16.4224L13.0309 17.157L13.3159 17.8941L14.2634 17.9015C14.7832 17.9038 15.2087 17.899 15.2087 17.8892C15.2087 17.8819 15.0963 17.7355 14.9619 17.5671C14.8253 17.3987 14.47 16.952 14.171 16.5738L13.629 15.8879L13.615 15.5121C13.6092 15.3118 13.5978 15.0387 13.5916 14.8905L13.5909 14.875L13.5769 14.6139L11.2967 11.4191ZM14.5934 11.4282C14.5133 11.2588 14.4402 11.1039 14.3998 11.0189C14.3315 10.8749 14.2694 10.7553 14.2613 10.7553C14.2533 10.7553 14.2513 10.7699 14.2553 10.7846C14.2613 10.8016 14.4239 11.651 14.6166 12.6687L14.9699 14.5211L15.1546 14.7335C15.2042 14.7903 15.3604 14.9716 15.5743 15.2197C15.8017 15.4835 16.0941 15.8228 16.393 16.1686C16.9731 16.8398 17.4508 17.3865 17.4548 17.3816C17.4589 17.3742 15.558 14.138 15.4436 13.9598C15.4335 13.9427 15.4135 13.728 15.3974 13.4839C15.3834 13.2374 15.3673 12.9933 15.3633 12.9372L15.3553 12.8371L15.8129 12.305C16.0658 12.0122 16.2686 11.7681 16.2645 11.7633C16.2626 11.7584 15.9755 11.8755 15.6282 12.0195L14.998 12.2855L14.7611 11.7828C14.7077 11.6699 14.6489 11.5455 14.5934 11.4282ZM4.75918 12.2807L4.37781 11.9804C3.9322 11.629 3.92016 11.6217 3.9302 11.6535C3.93295 11.6634 4.01564 11.8691 4.13386 12.163C4.18834 12.2984 4.25036 12.4526 4.31559 12.615L4.69495 13.5523L5.38544 14.1575L6.07792 14.7628L6.98518 15.9684C7.48297 16.6299 7.89446 17.1692 7.89847 17.1644C7.90449 17.1546 7.70376 16.7372 6.80654 14.8848C6.68009 14.6285 6.57772 14.4113 6.57772 14.404C6.57772 14.3967 6.70418 14.3918 6.85873 14.3918C7.01328 14.3918 7.13974 14.3845 7.13974 14.3723C7.13974 14.3625 6.75235 14.1502 6.28266 13.9012L5.42558 13.4449L5.09238 12.864L4.75918 12.2807ZM2.51311 16.7983C2.52716 16.7568 2.68975 16.2589 2.87441 15.6902C3.05907 15.1215 3.2056 14.6505 3.19958 14.6457C3.19356 14.6383 3.1775 14.6578 3.16144 14.692C3.14739 14.7238 2.74795 15.4486 2.27224 16.3053C1.79854 17.1595 1.40713 17.8697 1.40312 17.8819C1.3991 17.8965 1.63997 17.9063 2.07955 17.9063C2.4569 17.9063 2.76401 17.9038 2.76401 17.899C2.76401 17.8941 2.82222 17.589 2.89448 17.223C2.96473 16.8544 3.02093 16.5493 3.01692 16.5445C3.0109 16.5395 2.89046 16.6103 2.74795 16.703L2.48702 16.8739L2.51311 16.7983ZM5.55404 17.8868C5.55404 17.877 5.47175 17.6012 5.37138 17.2718C5.19876 16.7055 5.15259 16.5786 5.15259 16.6616C5.15259 16.6811 5.12048 16.9667 5.08234 17.2937C5.06538 17.4402 5.04961 17.5753 5.03733 17.6804C5.02199 17.8115 5.01209 17.8963 5.01209 17.899C5.01209 17.9038 5.13453 17.9063 5.28307 17.9063C5.4316 17.9063 5.55404 17.899 5.55404 17.8868Z"
+          fill="#F0F8FF"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_i_24_11"
+          x="0"
+          y="0"
+          width="20"
+          height="18"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <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 />
+          <feGaussianBlur stdDeviation="0.95" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" />
+          <feBlend mode="normal" in2="shape" result="effect1_innerShadow_24_11" />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export function CustomThoughtsIcon() {
+  return (
+    <svg
+      className="customThoughtsIcon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M21 13C21 16.7497 21 18.6246 20.0451 19.9389C19.7367 20.3634 19.3634 20.7367 18.9389 21.0451C17.6246 22 15.7497 22 12 22C8.25027 22 6.3754 22 5.06107 21.0451C4.6366 20.7367 4.26331 20.3634 3.95491 19.9389C3 18.6246 3 16.7497 3 13V11C3 10.1611 3 9.41596 3.01069 8.75L3.08082 8.75C3.93284 8.75007 4.45182 8.75011 4.8995 8.67921C7.35988 8.28952 9.28952 6.35988 9.67921 3.8995C9.75011 3.45182 9.75007 2.93284 9.75 2.08082L9.75 2.01069C10.416 2 11.1611 2 12 2C15.7497 2 17.6246 2 18.9389 2.95491C19.3634 3.26331 19.7367 3.6366 20.0451 4.06107C21 5.3754 21 7.25027 21 11V13ZM13 7.25C12.5858 7.25 12.25 7.58579 12.25 8C12.25 8.41421 12.5858 8.75 13 8.75H16C16.4142 8.75 16.75 8.41421 16.75 8C16.75 7.58579 16.4142 7.25 16 7.25H13ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75H16C16.4142 12.75 16.75 12.4142 16.75 12C16.75 11.5858 16.4142 11.25 16 11.25H8ZM13 15.25C12.5858 15.25 12.25 15.5858 12.25 16C12.25 16.4142 12.5858 16.75 13 16.75H16C16.4142 16.75 16.75 16.4142 16.75 16C16.75 15.5858 16.4142 15.25 16 15.25H13Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M4.66485 7.19768C4.35646 7.24652 3.97568 7.24987 3.06534 7.25C3.15974 5.81037 3.39057 4.83783 3.95491 4.06107C4.26331 3.6366 4.6366 3.26331 5.06107 2.95491C5.83783 2.39057 6.81037 2.15974 8.25 2.06534C8.24987 2.97568 8.24652 3.35645 8.19768 3.66485C7.90965 5.48339 6.48339 6.90965 4.66485 7.19768Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  )
+}
+
+export function CustomAbout2Icon() {
+  return (
+    <svg
+      className="customAbout2Icon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.25 8C7.25 5.37665 9.37665 3.25 12 3.25C14.6234 3.25 16.75 5.37665 16.75 8C16.75 10.6234 14.6234 12.75 12 12.75C9.37665 12.75 7.25 10.6234 7.25 8Z"
+        fill="#FAFAFA"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.1462 1.25H12.8538C14.3096 1.24999 15.451 1.24999 16.3664 1.32925C17.2988 1.40998 18.0668 1.57719 18.7557 1.95335C19.7231 2.48162 20.5184 3.27685 21.0467 4.24432C21.4228 4.9332 21.59 5.70118 21.6708 6.63362C21.75 7.54902 21.75 8.69034 21.75 10.1461V13.2998C21.75 13.3587 21.75 13.3945 21.7497 13.4257C21.7282 15.4183 20.6939 17.1666 19.1403 18.181C18.2534 18.7601 17.1962 19.1011 16.0621 19.1133C16.031 19.1136 15.9954 19.1136 15.9371 19.1136L15.9253 19.1136L15.9241 19.1136C15.8571 19.114 15.793 19.1413 15.7463 19.1893L15.3854 19.5642C14.7399 20.235 14.2025 20.7932 13.7174 21.1768C13.206 21.5811 12.6625 21.8659 12 21.8659C11.3375 21.8659 10.794 21.5811 10.2826 21.1768C9.79744 20.7932 9.26013 20.2349 8.61457 19.5642L8.25452 19.1901L8.25371 19.1893C8.20698 19.1413 8.14293 19.114 8.07593 19.1136L8.0747 19.1136L8.06294 19.1136C8.00458 19.1136 7.96899 19.1136 7.93795 19.1133C6.80376 19.1011 5.74659 18.7601 4.85969 18.181C3.30611 17.1666 2.27184 15.4183 2.25034 13.4257C2.25 13.3946 2.25 13.359 2.25 13.3005V10.1462C2.24999 8.69035 2.24999 7.54902 2.32925 6.63362C2.40998 5.70118 2.57719 4.9332 2.95335 4.24432C3.48162 3.27685 4.27685 2.48162 5.24432 1.95335C5.9332 1.57719 6.70118 1.40998 7.63362 1.32925C8.54903 1.24999 9.69036 1.24999 11.1462 1.25ZM7.76301 2.82366C6.92944 2.89583 6.39438 3.03442 5.96319 3.26987C5.24811 3.66033 4.66033 4.24811 4.26987 4.96319C4.03442 5.39438 3.89583 5.92944 3.82366 6.76301C3.75066 7.60616 3.75 8.68267 3.75 10.1818V13.2949C3.75 13.3607 3.75001 13.3876 3.75025 13.4095C3.76288 14.58 4.24774 15.637 5.02505 16.3989C5.87316 15.1054 7.33606 14.25 9 14.25H15C16.6639 14.25 18.1268 15.1054 18.9749 16.3989C19.7523 15.637 20.2371 14.58 20.2498 13.4095C20.25 13.3876 20.25 13.3607 20.25 13.2949V10.1818C20.25 8.68267 20.2493 7.60616 20.1763 6.76301C20.1042 5.92944 19.9656 5.39438 19.7301 4.96319C19.3397 4.24811 18.7519 3.66033 18.0368 3.26987C17.6056 3.03442 17.0706 2.89583 16.237 2.82366C15.3938 2.75066 14.3173 2.75 12.8182 2.75H11.1818C9.68267 2.75 8.60616 2.75066 7.76301 2.82366Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  )
+}
+
+export function CustomMailIcon() {
+  return (
+    <svg
+      className="customMailIcon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 14.25C1.58579 14.25 1.25 14.5858 1.25 15C1.25 15.4142 1.58579 15.75 2 15.75H5C5.41421 15.75 5.75 15.4142 5.75 15C5.75 14.5858 5.41421 14.25 5 14.25H2Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M2 17.25C1.58579 17.25 1.25 17.5858 1.25 18C1.25 18.4142 1.58579 18.75 2 18.75H8C8.41421 18.75 8.75 18.4142 8.75 18C8.75 17.5858 8.41421 17.25 8 17.25H2Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M5.52006 7.20646L4.5747 6.2611C5.09026 5.47367 5.81789 4.84739 6.6742 4.45483C7.66636 4 8.90089 4 11.3699 4H12.9941C15.4632 4 16.6977 4 17.6899 4.45483C18.4932 4.82309 19.1833 5.39704 19.6912 6.11676L18.6015 7.20646C16.9199 8.88812 15.7109 10.0949 14.668 10.8905C13.6425 11.673 12.8664 11.9868 12.0608 11.9868C11.2552 11.9868 10.4791 11.673 9.45355 10.8905C8.41074 10.0949 7.20172 8.88812 5.52006 7.20646Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M3.44601 10.8995C3.63702 9.52416 3.77432 8.53557 3.96231 7.77004L4.49998 8.30771C6.13225 9.93999 7.41142 11.2192 8.54368 12.0831C9.70261 12.9673 10.7953 13.4868 12.0608 13.4868C13.3263 13.4868 14.419 12.9673 15.5779 12.0831C16.7102 11.2192 17.9893 9.93999 19.6216 8.30771L20.352 7.57727C20.5665 8.36829 20.7106 9.40583 20.9181 10.8995C21.3542 14.0399 21.5723 15.6101 21.0928 16.8297C20.6718 17.9003 19.8945 18.793 18.892 19.3573C17.75 20 16.1647 20 12.9941 20H11.3699C10.1636 20 9.18681 20 8.37657 19.9646C9.30112 19.7885 10 18.9758 10 18C10 16.8954 9.10457 16 8 16H6.73244C6.90261 15.7058 7 15.3643 7 15C7 13.8954 6.10457 13 5 13H3.16475C3.2394 12.387 3.33573 11.6934 3.44601 10.8995Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  )
+}
+
+export function CustomScanIcon() {
+  return (
+    <svg
+      className="customScanIcon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      {' '}
+      <path
+        d="M15 2.25C14.5858 2.25 14.25 2.58579 14.25 3C14.25 3.41421 14.5858 3.75 15 3.75H16C18.3472 3.75 20.25 5.65279 20.25 8V9C20.25 9.41421 20.5858 9.75 21 9.75C21.4142 9.75 21.75 9.41421 21.75 9V8C21.75 4.82436 19.1756 2.25 16 2.25H15Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M8 2.25C4.82436 2.25 2.25 4.82436 2.25 8V9C2.25 9.41421 2.58579 9.75 3 9.75C3.41421 9.75 3.75 9.41421 3.75 9V8C3.75 5.65279 5.65279 3.75 8 3.75H9C9.41421 3.75 9.75 3.41421 9.75 3C9.75 2.58579 9.41421 2.25 9 2.25H8Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M1 13.25C0.585786 13.25 0.25 13.5858 0.25 14C0.25 14.4142 0.585786 14.75 1 14.75H2.29268C2.26504 14.8282 2.25 14.9123 2.25 15V16C2.25 19.1756 4.82436 21.75 8 21.75H9C9.41421 21.75 9.75 21.4142 9.75 21C9.75 20.5858 9.41421 20.25 9 20.25H8C5.65279 20.25 3.75 18.3472 3.75 16V15C3.75 14.9123 3.73496 14.8282 3.70732 14.75H20.2927C20.265 14.8282 20.25 14.9123 20.25 15V16C20.25 18.3472 18.3472 20.25 16 20.25H15C14.5858 20.25 14.25 20.5858 14.25 21C14.25 21.4142 14.5858 21.75 15 21.75H16C19.1756 21.75 21.75 19.1756 21.75 16V15C21.75 14.9123 21.735 14.8282 21.7073 14.75H23C23.4142 14.75 23.75 14.4142 23.75 14C23.75 13.5858 23.4142 13.25 23 13.25H1Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  )
+}
+
+export function CustomServIcon() {
+  return (
+    <svg
+      className="customServIcon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_1894_6105)">
+        <path
+          d="M14.7832 1C16.1547 0.999999 17.2304 0.999725 18.0947 1.07032C18.9749 1.14223 19.7022 1.29162 20.3604 1.62696C21.4423 2.17823 22.3218 3.05774 22.8731 4.13965C23.2084 4.79778 23.3578 5.52514 23.4297 6.40528C23.5003 7.26942 23.5 8.34462 23.5 9.71582V9.78321C23.5 11.1546 23.5003 12.2305 23.4297 13.0947C23.3578 13.9749 23.2084 14.7022 22.8731 15.3604C22.3218 16.4423 21.4423 17.3218 20.3604 17.8731C19.7022 18.2084 18.9749 18.3578 18.0947 18.4297C17.2306 18.5003 16.1554 18.5 14.7842 18.5H12.5V20.334C13.1244 20.3777 13.746 20.4761 14.3574 20.6289L15.9316 21.0225C16.3334 21.1229 16.5779 21.5299 16.4775 21.9316C16.3771 22.3334 15.9701 22.5779 15.5684 22.4775L13.9932 22.084C13.2568 21.8999 12.5034 21.8076 11.75 21.8076C10.9966 21.8076 10.2432 21.8999 9.50684 22.084L7.93164 22.4775C7.52987 22.5779 7.12291 22.3334 7.02246 21.9316C6.92215 21.5299 7.16659 21.1229 7.56836 21.0225L9.14258 20.6289C9.75399 20.4761 10.3756 20.3777 11 20.334V18.5H8.7168C7.34537 18.5 6.26952 18.5003 5.40528 18.4297C4.52514 18.3578 3.79778 18.2084 3.13965 17.8731C2.05774 17.3218 1.17823 16.4423 0.626956 15.3604C0.291622 14.7022 0.142226 13.9749 0.0703156 13.0947C-0.000275106 12.2304 -1.38321e-06 11.1547 3.13191e-06 9.78321V9.7168C-1.38321e-06 8.34527 -0.000275106 7.26956 0.0703156 6.40528C0.142226 5.52514 0.291622 4.79778 0.626956 4.13965C1.17823 3.05774 2.05774 2.17823 3.13965 1.62696C3.79778 1.29162 4.52514 1.14223 5.40528 1.07032C6.26956 0.999725 7.34527 0.999999 8.7168 1H14.7832ZM6.75 13.75C6.19772 13.75 5.75 14.1977 5.75 14.75C5.75 15.3023 6.19772 15.75 6.75 15.75C7.30229 15.75 7.75 15.3023 7.75 14.75C7.75 14.1977 7.30229 13.75 6.75 13.75ZM11.75 14C11.3358 14 11 14.3358 11 14.75C11 15.1642 11.3358 15.5 11.75 15.5H17.75C18.1642 15.5 18.5 15.1642 18.5 14.75C18.5 14.3358 18.1642 14 17.75 14H11.75ZM16.9805 4.92383C16.6623 4.65871 16.189 4.7015 15.9238 5.01953L12.46 9.17578C12.0892 9.62073 11.8614 9.89116 11.6738 10.0606C11.5869 10.1391 11.5355 10.1707 11.5107 10.1826C11.5058 10.185 11.5023 10.1867 11.5 10.1875C11.4977 10.1867 11.4943 10.185 11.4893 10.1826C11.4645 10.1707 11.4132 10.1391 11.3262 10.0606C11.1386 9.89116 10.9108 9.62074 10.54 9.17578L9.07618 7.41993C8.811 7.10172 8.33774 7.05905 8.01953 7.32422C7.70174 7.58941 7.65893 8.06181 7.92383 8.37989L9.41895 10.1748C9.7473 10.5689 10.0438 10.9241 10.3203 11.1738C10.6213 11.4456 11.0005 11.6875 11.5 11.6875C11.9995 11.6875 12.3787 11.4456 12.6797 11.1738C12.9562 10.9241 13.2527 10.5689 13.5811 10.1748L17.0762 5.98047C17.3413 5.66232 17.2985 5.18903 16.9805 4.92383Z"
+          fill="#FAFAFA"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_1894_6105">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export function CustomTeaMugIcon() {
+  return (
+    <svg
+      className="customTeaMugIcon"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.49577 0.329222C6.86625 0.14398 7.31676 0.294148 7.502 0.664632L7.55478 0.770204C7.94188 1.54441 7.94188 2.45568 7.55478 3.22988L7.502 3.33545C7.31676 3.70594 6.86625 3.8561 6.49577 3.67086C6.12528 3.48562 5.97511 3.03512 6.16036 2.66463L6.21314 2.55906C6.3891 2.20715 6.3891 1.79293 6.21314 1.44102L6.16036 1.33545C5.97512 0.964968 6.12528 0.514464 6.49577 0.329222Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M14.4958 0.329221C14.8663 0.14398 15.3168 0.294149 15.502 0.664633L15.5548 0.770206C15.9419 1.5444 15.9419 2.45568 15.5548 3.22988L15.502 3.33546C15.3168 3.70594 14.8662 3.8561 14.4958 3.67086C14.1253 3.48562 13.9751 3.03511 14.1604 2.66463L14.2131 2.55906C14.3891 2.20715 14.3891 1.79293 14.2131 1.44102L14.1604 1.33545C13.9751 0.964967 14.1253 0.514462 14.4958 0.329221Z"
+        fill="#FAFAFA"
+      />
+      <path
+        d="M11.1666 0.329222C11.5371 0.514465 11.6872 0.96497 11.502 1.33545L11.4492 1.44103C11.2733 1.79293 11.2733 2.20715 11.4492 2.55906L11.502 2.66463C11.6872 3.03512 11.5371 3.48562 11.1666 3.67086C10.7961 3.8561 10.3456 3.70594 10.1604 3.33545L10.1076 3.22988C9.72047 2.45568 9.72047 1.54441 10.1076 0.770205L10.1604 0.664631C10.3456 0.294148 10.7961 0.14398 11.1666 0.329222Z"
+        fill="#FAFAFA"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.0015 4.25002C12.7555 4.24975 13.8214 4.24959 14.6746 4.52146C16.7731 5.19016 18.3053 6.99881 18.6199 9.1787C18.6719 9.5389 18.6739 9.91536 18.6418 10.3379C20.3232 10.7084 21.5812 12.2073 21.5812 14C21.5812 16.0711 19.9022 17.75 17.8312 17.75C17.7093 17.75 17.5886 17.7442 17.4694 17.7328L17.3828 18.2521C17.274 18.9057 17.2074 19.305 17.1022 19.6552C16.4484 21.8302 14.5757 23.4166 12.3229 23.7039C11.9601 23.7501 11.5554 23.7501 10.8929 23.75H10.7696C10.1071 23.7501 9.70221 23.7501 9.33948 23.7039C7.08662 23.4166 5.21392 21.8302 4.56018 19.6552C4.45491 19.305 4.38839 18.9057 4.2795 18.2521L3.37856 12.8465C3.08993 11.1164 2.91453 10.065 3.04244 9.1787C3.35705 6.99881 4.88921 5.19016 6.98772 4.52146C7.29934 4.42217 7.6301 4.36063 7.99939 4.32173V9.00005H7.74939C7.19711 9.00005 6.74939 9.44776 6.74939 10V12C6.74939 12.5523 7.19711 13 7.74939 13H9.74939C10.3017 13 10.7494 12.5523 10.7494 12V10C10.7494 9.44776 10.3017 9.00005 9.74939 9.00005H9.49939L9.49939 4.25435C9.88748 4.25004 10.324 4.25004 10.8176 4.25004L11.0015 4.25002ZM17.717 16.2472C17.7548 16.2491 17.7929 16.25 17.8312 16.25C19.0738 16.25 20.0812 15.2427 20.0812 14C20.0812 12.9717 19.3913 12.1045 18.4492 11.836C18.394 12.1849 18.3296 12.5718 18.2577 13.0031L17.717 16.2472Z"
+        fill="#FAFAFA"
+      />
+    </svg>
+  )
+}

package/templates/blocks/DD-NineCanvas/config.ts

@@ -0,0 +1,61 @@
+import type { Block, Field } from 'payload'
+
+import { allowedCanvasBlocks } from './allowedCanvasBlocks'
+
+const canvasTabs = [
+  ['canvas01', 'Canvas 01'],
+  ['canvas02', 'Canvas 02'],
+  ['canvas03', 'Canvas 03'],
+  ['canvas04', 'Canvas 04'],
+  ['canvas05', 'Canvas 05'],
+  ['canvas06', 'Canvas 06'],
+  ['canvas07', 'Canvas 07'],
+  ['canvas08', 'Canvas 08'],
+  ['canvas09', 'Canvas 09'],
+] as const
+
+const canvasLayoutField = (name: (typeof canvasTabs)[number][0], label: string): Field => ({
+  name,
+  type: 'blocks',
+  label: `${label} Blocks`,
+  blocks: allowedCanvasBlocks,
+  required: false,
+  admin: {
+    initCollapsed: true,
+  },
+})
+
+export const NineCanvasBlock: Block = {
+  slug: 'nineCanvasBlock',
+  interfaceName: 'NineCanvasBlock',
+  labels: {
+    singular: 'Nine Canvas Block',
+    plural: 'Nine Canvas Blocks',
+  },
+  fields: [
+    {
+      name: 'sectionId',
+      label: 'Section ID',
+      type: 'text',
+      required: false,
+    },
+    {
+      name: 'initialCanvas',
+      type: 'select',
+      defaultValue: 'canvas_05',
+      options: canvasTabs.map(([, label], index) => ({
+        label,
+        value: `canvas_0${index + 1}`,
+      })),
+    },
+    {
+      type: 'tabs',
+      tabs: canvasTabs.map(([name, label]) => ({
+        label,
+        fields: [canvasLayoutField(name, label)],
+      })),
+    },
+  ],
+}
+
+export default NineCanvasBlock

package/templates/blocks/DD-NineCanvas/manifest.json

@@ -0,0 +1,165 @@
+{
+  "type": "block",
+  "name": "DD-NineCanvas",
+  "label": "Nine Canvas",
+  "sourceName": "DD-NineCanvas",
+  "portableName": "DD-NineCanvas",
+  "slug": "nineCanvasBlock",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/Dusted-Payload-Blocks",
+    "originalPath": "CLI-TestGround/dusted-blocks-demo/src/blocks/DD-NineCanvas",
+    "originalSlug": "nineCanvasBlock",
+    "originalConfigExport": "NineCanvasBlock",
+    "originalComponentExport": "NineCanvasBlock",
+    "originalInterfaceName": "NineCanvasBlock"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-NineCanvas/Component.tsx"
+    },
+    {
+      "from": "RenderBlocks.tsx",
+      "to": "src/blocks/DD-NineCanvas/RenderBlocks.tsx"
+    },
+    {
+      "from": "allowedCanvasBlocks.ts",
+      "to": "src/blocks/DD-NineCanvas/allowedCanvasBlocks.ts"
+    },
+    {
+      "from": "blockComponents.tsx",
+      "to": "src/blocks/DD-NineCanvas/blockComponents.tsx"
+    },
+    {
+      "from": "canvas/CanvasGrid.tsx",
+      "to": "src/blocks/DD-NineCanvas/canvas/CanvasGrid.tsx"
+    },
+    {
+      "from": "canvas/RadialNav.tsx",
+      "to": "src/blocks/DD-NineCanvas/canvas/RadialNav.tsx"
+    },
+    {
+      "from": "canvas/canvas-panels.css",
+      "to": "src/blocks/DD-NineCanvas/canvas/canvas-panels.css"
+    },
+    {
+      "from": "canvas/icons/custom-icons.tsx",
+      "to": "src/blocks/DD-NineCanvas/canvas/icons/custom-icons.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-NineCanvas/config.ts"
+    },
+    {
+      "from": "styles.scss",
+      "to": "src/blocks/DD-NineCanvas/styles.scss"
+    },
+    {
+      "from": "tooltip/get-strict-context.tsx",
+      "to": "src/blocks/DD-NineCanvas/tooltip/get-strict-context.tsx"
+    },
+    {
+      "from": "tooltip/primitives.tsx",
+      "to": "src/blocks/DD-NineCanvas/tooltip/primitives.tsx"
+    },
+    {
+      "from": "tooltip/tooltip.tsx",
+      "to": "src/blocks/DD-NineCanvas/tooltip/tooltip.tsx"
+    },
+    {
+      "from": "tooltip/use-controlled-state.tsx",
+      "to": "src/blocks/DD-NineCanvas/tooltip/use-controlled-state.tsx"
+    },
+    {
+      "from": "utilities/FadeOnScroll.tsx",
+      "to": "src/blocks/DD-NineCanvas/utilities/FadeOnScroll.tsx"
+    },
+    {
+      "from": "utilities/ParallaxWrapper.tsx",
+      "to": "src/blocks/DD-NineCanvas/utilities/ParallaxWrapper.tsx"
+    },
+    {
+      "from": "utilities/renderCustomCSS.ts",
+      "to": "src/blocks/DD-NineCanvas/utilities/renderCustomCSS.ts"
+    },
+    {
+      "from": "utilities/webglCleanup.ts",
+      "to": "src/blocks/DD-NineCanvas/utilities/webglCleanup.ts"
+    }
+  ],
+  "dependencies": [
+    "@base-ui/react",
+    "framer-motion",
+    "gsap",
+    "lucide-react"
+  ],
+  "sharedFiles": [],
+  "requiredProjectFiles": [
+    {
+      "path": "src/utilities/ui.ts",
+      "reason": "Nested renderer and tooltip use cn from @/utilities/ui."
+    },
+    {
+      "path": "src/blocks/Content/config.ts",
+      "reason": "Canvas editor permits the host project Content block."
+    },
+    {
+      "path": "src/blocks/DD-Carousel-A/config.ts",
+      "reason": "Canvas editor permits DD Carousel A."
+    },
+    {
+      "path": "src/blocks/DD-Progress/config.ts",
+      "reason": "Canvas editor permits DD Progress."
+    },
+    {
+      "path": "src/blocks/rawHtml/config.ts",
+      "reason": "Canvas editor permits Raw HTML."
+    }
+  ],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register NineCanvasBlock in Pages/Posts block arrays if automatic registration was skipped.",
+    "Register nineCanvasBlock in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "manualSteps": [
+    "Register NineCanvasBlock in Pages/Posts block arrays if automatic registration was skipped.",
+    "Register nineCanvasBlock in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can register NineCanvasBlock from @/blocks/DD-NineCanvas/config."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register nineCanvasBlock with component export NineCanvasBlock."
+    }
+  },
+  "notes": [
+    "Promoted from the verified Dusted Blocks demo implementation.",
+    "Installer preserves existing destination files and reports project requirements before writing."
+  ],
+  "exportName": "NineCanvasBlock",
+  "componentExportName": "NineCanvasBlock",
+  "interfaceName": "NineCanvasBlock"
+}