3301/Thank you page updates (#3306)

* add x logo and update buttons/ icons to white * update test * clean up / ready for bg-image * add bg image/fighting footer rn.. * update style/layout * tweak bg * update icon names --------- Co-authored-by: Mohamed Boudra <[email protected]>
gitcoinco · Apr 22, 2024 · cc0092b · cc0092b
1 parent d7e8476
commit cc0092b
Show file tree

Hide file tree

Showing 10 changed files with 2,551 additions and 236 deletions.
diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx
@@ -1,15 +1,23 @@
 import Discord from "../icons/Discord";
-import Support from "../icons/Support";
 import Github from "../icons/Github";
 import Gitbook from "../icons/Gitbook";
-import { getConfig } from "../config";
+// import { getConfig } from "../config";
+import ManagerIcon from "../icons/ManagerIcon";
+import BuilderIcon from "../icons/BuilderIcon";
 
 const navigation = [
+  // note: the Manager and Builder icons are white... so they are not visible on the white background of the footer
   {
-    name: "Support",
-    href: "https://support.gitcoin.co/gitcoin-knowledge-base",
+    name: "Manager",
+    href: "https://manager.gitcoin.co",
+    testid: "support",
+    icon: ManagerIcon,
+  },
+  {
+    name: "Builder",
+    href: "https://builder.gitcoin.co",
     testid: "support",
-    icon: Support,
+    icon: BuilderIcon,
   },
   {
     name: "Discord",
@@ -24,27 +32,21 @@ const navigation = [
     icon: Github,
   },
   {
-    name: "GitBook",
-    href: "https://docs.allo.gitcoin.co/getting-started/introduction",
-    testid: "gitbook",
+    name: "Knowledge Base",
+    href: "https://support.gitcoin.co/gitcoin-knowledge-base",
+    testid: "knowledgebase",
     icon: Gitbook,
   },
 ];
 
-const config = getConfig();
-const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost";
-const ALLO_VERSION = config.allo.version;
+// note: not sure if we need this anymore? We could keep it as a hidden value for debugging purposes.
+// const config = getConfig();
+// const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost";
+// const ALLO_VERSION = config.allo.version;
 
 export default function Footer() {
   return (
-    <footer
-      className={
-        "p-3 px-8 flex flex-row justify-between items-center relative z-10"
-      }
-    >
-      <div className={"text-gray-500 text-xs"}>
-        build {COMMIT_HASH}-{ALLO_VERSION}
-      </div>
+    <footer className="bg-transparent p-3 pr-20 items-center">
       <div className="flex flex-row-reverse justify-between py-12 overflow-hidden">
         <div className="flex justify-around space-x-4 md:order-1">
           {navigation.map((item) => (

diff --git a/packages/common/src/icons/BuilderIcon.tsx b/packages/common/src/icons/BuilderIcon.tsx
@@ -0,0 +1,30 @@
+function BuilderIcon() {
+  return (
+    <svg
+      width="21"
+      height="21"
+      viewBox="0 0 21 21"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.5267 20.5H10.5146C10.3682 20.498 10.2244 20.4611 10.0956 20.3923C9.96672 20.3236 9.85662 20.2251 9.77465 20.1053L6.60153 15.045C6.41067 14.7654 6.16619 14.5253 5.8819 14.3383L0.903671 11.2484C0.778012 11.1655 0.675289 11.053 0.604811 10.921C0.534332 10.789 0.498327 10.6418 0.50006 10.4926C0.501792 10.3434 0.541212 10.1969 0.614737 10.0666C0.688261 9.93623 0.793571 9.82607 0.921122 9.74605L5.39634 7.15181C5.68777 6.96977 5.93977 6.73252 6.13777 6.45374L9.77223 0.881057C9.85694 0.761907 9.96979 0.664946 10.101 0.598557C10.2322 0.532168 10.3778 0.498364 10.5253 0.500061C10.6727 0.501757 10.8175 0.538909 10.9471 0.608299C11.0767 0.67769 11.1873 0.777208 11.2691 0.898275L14.5644 6.25707C14.7495 6.53035 14.9857 6.7663 15.2603 6.95229L20.1062 10.0145C20.2298 10.0983 20.3304 10.211 20.3991 10.3425C20.4678 10.4741 20.5024 10.6204 20.4999 10.7684C20.4973 10.9164 20.4577 11.0615 20.3845 11.1906C20.3113 11.3198 20.2069 11.4291 20.0805 11.5087L15.4284 14.2292C15.1452 14.4072 14.8994 14.6374 14.7044 14.9072L11.2599 20.1263C11.1763 20.2414 11.0663 20.3352 10.9388 20.4002C10.8114 20.4651 10.6702 20.4993 10.5267 20.5ZM3.18466 10.0054C3.09669 10.0604 3.02405 10.1363 2.97332 10.2261C2.9226 10.3159 2.8954 10.4168 2.8942 10.5196C2.89299 10.6224 2.91782 10.7239 2.96643 10.8148C3.01504 10.9058 3.08589 10.9833 3.17254 11.0403L6.6776 13.1613C7.11689 13.4502 7.49471 13.8211 7.78976 14.2532L10.1124 18.0699C10.1602 18.1403 10.2245 18.1982 10.3 18.2386C10.3754 18.279 10.4597 18.3007 10.5455 18.3019C10.6313 18.303 10.7161 18.2835 10.7926 18.2451C10.8691 18.2067 10.9351 18.1505 10.9847 18.0814L13.5453 14.0828C13.8467 13.6658 14.2266 13.3099 14.6642 13.0345L17.8872 11.214C17.9702 11.1616 18.0389 11.0898 18.0869 11.005C18.135 10.9201 18.161 10.8248 18.1627 10.7276C18.1644 10.6303 18.1417 10.5342 18.0965 10.4478C18.0514 10.3613 17.9854 10.2872 17.9042 10.2322L14.4544 8.11783C14.03 7.83035 13.6652 7.46545 13.3795 7.04273L10.9348 2.94562C10.887 2.87509 10.8226 2.81711 10.7471 2.77669C10.6716 2.73627 10.5872 2.71462 10.5013 2.71363C10.4154 2.71265 10.3306 2.73234 10.2541 2.77101C10.1776 2.80969 10.1119 2.86616 10.0625 2.93558L7.32648 7.24512C7.00915 7.69066 6.60605 8.07012 6.1402 8.36185L3.18466 10.0054Z"
+        fill="white"
+      />
+      <path
+        d="M10.6217 11.8149C11.2132 11.8149 11.6927 11.3415 11.6927 10.7575C11.6927 10.1735 11.2132 9.70007 10.6217 9.70007C10.0302 9.70007 9.55075 10.1735 9.55075 10.7575C9.55075 11.3415 10.0302 11.8149 10.6217 11.8149Z"
+        fill="white"
+      />
+      <path
+        d="M16.2165 6.65374C16.8079 6.65374 17.2874 6.18032 17.2874 5.59633C17.2874 5.01234 16.8079 4.53894 16.2165 4.53894C15.625 4.53894 15.1455 5.01234 15.1455 5.59633C15.1455 6.18032 15.625 6.65374 16.2165 6.65374Z"
+        fill="white"
+      />
+      <path
+        d="M5.02753 16.878C5.619 16.878 6.09846 16.4046 6.09846 15.8206C6.09846 15.2366 5.619 14.7632 5.02753 14.7632C4.43606 14.7632 3.95657 15.2366 3.95657 15.8206C3.95657 16.4046 4.43606 16.878 5.02753 16.878Z"
+        fill="white"
+      />
+    </svg>
+  );
+}
+
+export default BuilderIcon;
diff --git a/packages/common/src/icons/Discord.tsx b/packages/common/src/icons/Discord.tsx
@@ -2,15 +2,27 @@ function Discord() {
   return (
     <svg
       width="18"
-      height="20"
-      viewBox="0 0 18 20"
+      height="21"
+      viewBox="0 0 18 21"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        d="M11.61 9.5C11.61 10.11 11.16 10.61 10.59 10.61C10.03 10.61 9.57 10.11 9.57 9.5C9.57 8.89 10.02 8.39 10.59 8.39C11.16 8.39 11.61 8.89 11.61 9.5ZM6.94 8.39C6.37 8.39 5.92 8.89 5.92 9.5C5.92 10.11 6.38 10.61 6.94 10.61C7.51 10.61 7.96 10.11 7.96 9.5C7.97 8.89 7.51 8.39 6.94 8.39ZM17.5 2.06V20C14.9807 17.7737 15.7864 18.5106 12.86 15.79L13.39 17.64H2.05C0.92 17.64 0 16.72 0 15.58V2.06C0 0.92 0.92 0 2.05 0H15.45C16.58 0 17.5 0.92 17.5 2.06ZM14.65 11.54C14.65 8.32 13.21 5.71 13.21 5.71C11.77 4.63 10.4 4.66 10.4 4.66L10.26 4.82C11.96 5.34 12.75 6.09 12.75 6.09C10.3746 4.78809 7.58422 4.78785 5.28 5.8C4.91 5.97 4.69 6.09 4.69 6.09C4.69 6.09 5.52 5.3 7.32 4.78L7.22 4.66C7.22 4.66 5.85 4.63 4.41 5.71C4.41 5.71 2.97 8.32 2.97 11.54C2.97 11.54 3.81 12.99 6.02 13.06C6.02 13.06 6.39 12.61 6.69 12.23C5.42 11.85 4.94 11.05 4.94 11.05C5.08711 11.153 5.32969 11.2864 5.35 11.3C7.03789 12.2452 9.43547 12.5549 11.59 11.65C11.94 11.52 12.33 11.33 12.74 11.06C12.74 11.06 12.24 11.88 10.93 12.25C11.23 12.63 11.59 13.06 11.59 13.06C13.8 12.99 14.65 11.54 14.65 11.54Z"
-        fill="#0E0333"
-      />
+      <g clip-path="url(#clip0_578_29)">
+        <path
+          d="M12.11 10C12.11 10.61 11.66 11.11 11.09 11.11C10.53 11.11 10.07 10.61 10.07 10C10.07 9.39 10.52 8.89 11.09 8.89C11.66 8.89 12.11 9.39 12.11 10ZM7.44 8.89C6.87 8.89 6.42 9.39 6.42 10C6.42 10.61 6.88 11.11 7.44 11.11C8.01 11.11 8.46 10.61 8.46 10C8.47 9.39 8.01 8.89 7.44 8.89ZM18 2.56V20.5C15.4807 18.2737 16.2864 19.0106 13.36 16.29L13.89 18.14H2.55C1.42 18.14 0.5 17.22 0.5 16.08V2.56C0.5 1.42 1.42 0.5 2.55 0.5H15.95C17.08 0.5 18 1.42 18 2.56ZM15.15 12.04C15.15 8.82 13.71 6.21 13.71 6.21C12.27 5.13 10.9 5.16 10.9 5.16L10.76 5.32C12.46 5.84 13.25 6.59 13.25 6.59C10.8746 5.28809 8.08422 5.28785 5.78 6.3C5.41 6.47 5.19 6.59 5.19 6.59C5.19 6.59 6.02 5.8 7.82 5.28L7.72 5.16C7.72 5.16 6.35 5.13 4.91 6.21C4.91 6.21 3.47 8.82 3.47 12.04C3.47 12.04 4.31 13.49 6.52 13.56C6.52 13.56 6.89 13.11 7.19 12.73C5.92 12.35 5.44 11.55 5.44 11.55C5.58711 11.653 5.82969 11.7864 5.85 11.8C7.53789 12.7452 9.93547 13.0549 12.09 12.15C12.44 12.02 12.83 11.83 13.24 11.56C13.24 11.56 12.74 12.38 11.43 12.75C11.73 13.13 12.09 13.56 12.09 13.56C14.3 13.49 15.15 12.04 15.15 12.04Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_578_29">
+          <rect
+            width="17.5"
+            height="20"
+            fill="white"
+            transform="translate(0.5 0.5)"
+          />
+        </clipPath>
+      </defs>
     </svg>
   );
 }

diff --git a/packages/common/src/icons/Gitbook.tsx b/packages/common/src/icons/Gitbook.tsx
@@ -1,16 +1,28 @@
 function Gitbook() {
   return (
     <svg
-      width="25"
-      height="18"
-      viewBox="0 0 25 18"
+      width="24"
+      height="25"
+      viewBox="0 0 24 25"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        d="M11.3001 14.7749C11.6751 14.7749 12.0126 15.0749 12.0126 15.4874C12.0126 15.8624 11.7126 16.1999 11.3001 16.1999C10.9251 16.1999 10.5876 15.8999 10.5876 15.4874C10.5876 15.0749 10.9251 14.7749 11.3001 14.7749ZM22.3251 10.4249C21.9501 10.4249 21.6126 10.1249 21.6126 9.71244C21.6126 9.33744 21.9126 8.99994 22.3251 8.99994C22.7001 8.99994 23.0376 9.29994 23.0376 9.71244C23.0376 10.0874 22.7001 10.4249 22.3251 10.4249ZM22.3251 7.53744C21.1251 7.53744 20.1501 8.51244 20.1501 9.71244C20.1501 9.93744 20.1876 10.1624 20.2626 10.3874L13.1001 14.2124C12.6876 13.6124 12.0126 13.2749 11.3001 13.2749C10.4751 13.2749 9.72505 13.7624 9.35005 14.4749L2.90005 11.0999C2.22505 10.7249 1.70005 9.63744 1.77505 8.58744C1.81255 8.06244 2.00005 7.64994 2.26255 7.49994C2.45005 7.38744 2.63755 7.42494 2.90005 7.53744L2.93755 7.57494C4.66255 8.47494 10.2501 11.3999 10.4751 11.5124C10.8501 11.6624 11.0376 11.7374 11.6751 11.4374L23.2251 5.43744C23.4126 5.36244 23.6001 5.21244 23.6001 4.94994C23.6001 4.61244 23.2626 4.46244 23.2626 4.46244C22.5876 4.16244 21.5751 3.67494 20.6001 3.22494C18.5001 2.24994 16.1001 1.12494 15.0501 0.562442C14.1501 0.0749418 13.4001 0.487442 13.2876 0.562442L13.0251 0.674942C8.26255 3.07494 1.96255 6.18744 1.58755 6.41244C0.950053 6.78744 0.537553 7.57494 0.500053 8.54994C0.425053 10.0874 1.21255 11.6999 2.33755 12.2624L9.16255 15.7874C9.31255 16.8374 10.2501 17.6624 11.3001 17.6624C12.5001 17.6624 13.4376 16.7249 13.4751 15.5249L20.9751 11.4749C21.3501 11.7749 21.8376 11.9249 22.3251 11.9249C23.5251 11.9249 24.5001 10.9499 24.5001 9.74994C24.5001 8.51244 23.5251 7.53744 22.3251 7.53744Z"
-        fill="#0E0333"
-      />
+      <g clip-path="url(#clip0_578_41)">
+        <path
+          d="M10.8001 18.2749C11.1751 18.2749 11.5126 18.5749 11.5126 18.9874C11.5126 19.3624 11.2126 19.6999 10.8001 19.6999C10.4251 19.6999 10.0876 19.3999 10.0876 18.9874C10.0876 18.5749 10.4251 18.2749 10.8001 18.2749ZM21.8251 13.9249C21.4501 13.9249 21.1126 13.6249 21.1126 13.2124C21.1126 12.8374 21.4126 12.4999 21.8251 12.4999C22.2001 12.4999 22.5376 12.7999 22.5376 13.2124C22.5376 13.5874 22.2001 13.9249 21.8251 13.9249ZM21.8251 11.0374C20.6251 11.0374 19.6501 12.0124 19.6501 13.2124C19.6501 13.4374 19.6876 13.6624 19.7626 13.8874L12.6001 17.7124C12.1876 17.1124 11.5126 16.7749 10.8001 16.7749C9.97505 16.7749 9.22505 17.2624 8.85005 17.9749L2.40005 14.5999C1.72505 14.2249 1.20005 13.1374 1.27505 12.0874C1.31255 11.5624 1.50005 11.1499 1.76255 10.9999C1.95005 10.8874 2.13755 10.9249 2.40005 11.0374L2.43755 11.0749C4.16255 11.9749 9.75005 14.8999 9.97505 15.0124C10.3501 15.1624 10.5376 15.2374 11.1751 14.9374L22.7251 8.93744C22.9126 8.86244 23.1001 8.71244 23.1001 8.44994C23.1001 8.11244 22.7626 7.96244 22.7626 7.96244C22.0876 7.66244 21.0751 7.17494 20.1001 6.72494C18.0001 5.74994 15.6001 4.62494 14.5501 4.06244C13.6501 3.57494 12.9001 3.98744 12.7876 4.06244L12.5251 4.17494C7.76255 6.57494 1.46255 9.68744 1.08755 9.91244C0.450053 10.2874 0.0375525 11.0749 5.2521e-05 12.0499C-0.0749475 13.5874 0.712552 15.1999 1.83755 15.7624L8.66255 19.2874C8.81255 20.3374 9.75005 21.1624 10.8001 21.1624C12.0001 21.1624 12.9376 20.2249 12.9751 19.0249L20.4751 14.9749C20.8501 15.2749 21.3376 15.4249 21.8251 15.4249C23.0251 15.4249 24.0001 14.4499 24.0001 13.2499C24.0001 12.0124 23.0251 11.0374 21.8251 11.0374Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_578_41">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(0 0.5)"
+          />
+        </clipPath>
+      </defs>
     </svg>
   );
 }

diff --git a/packages/common/src/icons/Github.tsx b/packages/common/src/icons/Github.tsx
@@ -1,17 +1,45 @@
 function Github() {
   return (
     <svg
-      width="18"
-      height="18"
-      viewBox="0 0 18 18"
+      width="20"
+      height="21"
+      viewBox="0 0 20 21"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.75666 0.666626C6.71671 0.667684 4.74365 1.39019 3.19029 2.70496C1.63692 4.01973 0.604549 5.84102 0.27776 7.84317C-0.0490288 9.84532 0.351074 11.8978 1.40653 13.6335C2.462 15.3693 4.10398 16.6751 6.0389 17.3176C6.46577 17.3968 6.62656 17.1323 6.62656 16.9073C6.62656 16.6824 6.61802 16.0301 6.61517 15.3171C4.22468 15.8335 3.71955 14.3083 3.71955 14.3083C3.32968 13.3179 2.7662 13.0576 2.7662 13.0576C1.98645 12.5284 2.82455 12.5384 2.82455 12.5384C3.68825 12.5992 4.14216 13.4198 4.14216 13.4198C4.90769 14.7257 6.15273 14.3479 6.64221 14.1272C6.71904 13.574 6.94245 13.1977 7.18861 12.984C5.27906 12.769 3.27276 12.0361 3.27276 8.76221C3.26092 7.91314 3.5778 7.09204 4.15781 6.46879C4.06959 6.25374 3.77504 5.38504 4.24176 4.20508C4.24176 4.20508 4.96318 3.97588 6.60522 5.08086C8.01365 4.69788 9.49966 4.69788 10.9081 5.08086C12.5487 3.97588 13.2687 4.20508 13.2687 4.20508C13.7368 5.38221 13.4423 6.25091 13.3541 6.46879C13.9359 7.09214 14.2535 7.91467 14.2405 8.76504C14.2405 12.046 12.23 12.769 10.3176 12.9798C10.6249 13.2458 10.8996 13.765 10.8996 14.563C10.8996 15.7061 10.8896 16.6258 10.8896 16.9073C10.8896 17.1351 11.0447 17.4011 11.4801 17.3176C13.4152 16.6751 15.0574 15.369 16.1128 13.6329C17.1683 11.8969 17.5682 9.84411 17.241 7.84178C16.9138 5.83944 15.881 4.01813 14.3271 2.70359C12.7732 1.38905 10.7997 0.667014 8.7595 0.666626H8.75666Z"
-        fill="#0E0333"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.2567 2.16669C8.21671 2.16775 6.24365 2.89026 4.69029 4.20502C3.13692 5.51979 2.10455 7.34108 1.77776 9.34323C1.45097 11.3454 1.85107 13.3978 2.90653 15.1336C3.962 16.8693 5.60398 18.1752 7.5389 18.8177C7.96577 18.8969 8.12656 18.6323 8.12656 18.4074C8.12656 18.1824 8.11802 17.5302 8.11517 16.8171C5.72468 17.3335 5.21955 15.8083 5.21955 15.8083C4.82968 14.818 4.2662 14.5577 4.2662 14.5577C3.48645 14.0285 4.32455 14.0384 4.32455 14.0384C5.18825 14.0992 5.64216 14.9198 5.64216 14.9198C6.40769 16.2257 7.65273 15.848 8.14221 15.6273C8.21904 15.0741 8.44245 14.6977 8.68861 14.4841C6.77906 14.269 4.77276 13.5362 4.77276 10.2623C4.76092 9.4132 5.0778 8.59211 5.65781 7.96885C5.56959 7.7538 5.27504 6.8851 5.74176 5.70514C5.74176 5.70514 6.46318 5.47594 8.10522 6.58092C9.51365 6.19795 10.9997 6.19795 12.4081 6.58092C14.0487 5.47594 14.7687 5.70514 14.7687 5.70514C15.2368 6.88227 14.9423 7.75097 14.8541 7.96885C15.4359 8.59221 15.7535 9.41474 15.7405 10.2651C15.7405 13.5461 13.73 14.269 11.8176 14.4798C12.1249 14.7458 12.3996 15.2651 12.3996 16.063C12.3996 17.2062 12.3896 18.1258 12.3896 18.4074C12.3896 18.6352 12.5447 18.9011 12.9801 18.8177C14.9152 18.1751 16.5574 16.869 17.6128 15.133C18.6683 13.3969 19.0682 11.3442 18.741 9.34184C18.4138 7.3395 17.381 5.51819 15.8271 4.20365C14.2732 2.88911 12.2997 2.16707 10.2595 2.16669H10.2567Z"
+        fill="white"
+      />
+      <path
+        d="M4.9177 14.4346C4.8992 14.477 4.8309 14.4897 4.7754 14.46C4.71991 14.4303 4.67865 14.3751 4.69857 14.3313C4.71849 14.2874 4.78537 14.2761 4.84086 14.3058C4.89635 14.3355 4.93904 14.3921 4.9177 14.4346Z"
+        fill="white"
+      />
+      <path
+        d="M5.26641 14.8208C5.23695 14.8356 5.20323 14.8397 5.17105 14.8325C5.13886 14.8252 5.1102 14.8071 5.08997 14.7812C5.03448 14.7218 5.02309 14.6397 5.06578 14.6029C5.10847 14.5661 5.18531 14.5831 5.2408 14.6425C5.29629 14.7019 5.3091 14.784 5.26641 14.8208Z"
+        fill="white"
+      />
+      <path
+        d="M5.60497 15.3117C5.55232 15.3485 5.46267 15.3117 5.41287 15.2382C5.3991 15.225 5.38815 15.2091 5.38067 15.1916C5.37318 15.1741 5.36932 15.1553 5.36932 15.1363C5.36932 15.1173 5.37318 15.0984 5.38067 15.0809C5.38815 15.0634 5.3991 15.0476 5.41287 15.0344C5.46552 14.999 5.55517 15.0344 5.60497 15.1066C5.65477 15.1787 5.65619 15.2749 5.60497 15.3117Z"
+        fill="white"
+      />
+      <path
+        d="M6.06456 15.7871C6.01761 15.8395 5.92228 15.8253 5.84402 15.7546C5.76576 15.6838 5.74725 15.5876 5.79421 15.5367C5.84116 15.4857 5.9365 15.4999 6.01761 15.5692C6.09871 15.6385 6.11437 15.7362 6.06456 15.7871Z"
+        fill="white"
+      />
+      <path
+        d="M6.70921 16.0644C6.68787 16.1309 6.59111 16.1606 6.49435 16.1323C6.39759 16.104 6.33356 16.0248 6.35206 15.9568C6.37056 15.8889 6.46874 15.8578 6.56692 15.8889C6.6651 15.9201 6.72771 15.995 6.70921 16.0644Z"
+        fill="white"
+      />
+      <path
+        d="M7.41211 16.1126C7.41211 16.1819 7.33243 16.2413 7.22998 16.2427C7.12753 16.2441 7.04358 16.1876 7.04358 16.1182C7.04358 16.0489 7.12326 15.9895 7.22571 15.9881C7.32816 15.9866 7.41211 16.0418 7.41211 16.1126Z"
+        fill="white"
+      />
+      <path
+        d="M8.06653 16.0036C8.07934 16.0729 8.00819 16.145 7.90574 16.162C7.80329 16.179 7.71365 16.138 7.70084 16.0701C7.68804 16.0021 7.76203 15.9286 7.86163 15.9102C7.96124 15.8918 8.05373 15.9342 8.06653 16.0036Z"
+        fill="white"
       />
     </svg>
   );