From 08941cc4ac65e2cfca836442051ef0a3e68e096a Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 21 Nov 2023 14:38:30 +0700
Subject: [PATCH] Update icon multi modals sections

---
 .../src/containers/Homepage/GetNitro/index.js |  2 +-
 .../containers/Homepage/MultiModal/index.js   | 20 +++++++++++++++++++
 docs/static/img/multi-modals/ic-imagine.svg   |  3 +++
 docs/static/img/multi-modals/ic-speech.svg    |  3 +++
 docs/static/img/multi-modals/ic-think.svg     |  3 +++
 docs/static/img/multi-modals/ic-vision.svg    |  3 +++
 6 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 docs/static/img/multi-modals/ic-imagine.svg
 create mode 100644 docs/static/img/multi-modals/ic-speech.svg
 create mode 100644 docs/static/img/multi-modals/ic-think.svg
 create mode 100644 docs/static/img/multi-modals/ic-vision.svg

diff --git a/docs/src/containers/Homepage/GetNitro/index.js b/docs/src/containers/Homepage/GetNitro/index.js
index 710af2eda..9dfcf04d4 100644
--- a/docs/src/containers/Homepage/GetNitro/index.js
+++ b/docs/src/containers/Homepage/GetNitro/index.js
@@ -10,7 +10,7 @@ import { useClipboard } from "@site/src/hooks/useClipboard";
 export default function GetNitro() {
   const userAgent = typeof window !== "undefined" && navigator.userAgent;
 
-  const codeStringShell = userAgent.includes("Windows")
+  const codeStringShell = userAgent?.includes("Windows")
     ? `powershell -Command "& { Invoke-WebRequest -Uri 'https://raw.githubusercontent.com/janhq/nitro/main/install.bat' -OutFile 'install.bat'; .\install.bat; Remove-Item -Path 'install.bat' }"`
     : `curl -sfL https://raw.githubusercontent.com/janhq/nitro/main/install.sh | sudo /bin/bash -`;
 
diff --git a/docs/src/containers/Homepage/MultiModal/index.js b/docs/src/containers/Homepage/MultiModal/index.js
index ae66adcca..5f8e07557 100644
--- a/docs/src/containers/Homepage/MultiModal/index.js
+++ b/docs/src/containers/Homepage/MultiModal/index.js
@@ -12,22 +12,42 @@ export default function MultiModal() {
 
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
         <div className="dark:bg-[#27272A]/20 bg-[#D4D4D8]/20 border dark:border-gray-800 border-gray-300 p-4 lg:p-6 rounded-lg">
+          <img
+            src="/img/multi-modals/ic-think.svg"
+            alt="Icon Think"
+            className="mb-2"
+          />
           <h6 className="font-medium text-xl">Think</h6>
           <p className="mt-2 font-medium">Llama2, Mistral, CausalML,...</p>
         </div>
         <div className="dark:bg-[#27272A]/20 bg-[#D4D4D8]/20 border dark:border-gray-800 border-gray-300 p-4 lg:p-6 rounded-lg">
+          <img
+            src="/img/multi-modals/ic-imagine.svg"
+            alt="Icon Imagine"
+            className="mb-2"
+          />
           <h6 className="font-medium text-xl">Imagine</h6>
           <p className="mt-2 font-medium bg-blue-600 inline-flex px-2 rounded-md text-sm text-white">
             Coming Soon
           </p>
         </div>
         <div className="dark:bg-[#27272A]/20 bg-[#D4D4D8]/20 border dark:border-gray-800 border-gray-300 p-4 lg:p-6 rounded-lg">
+          <img
+            src="/img/multi-modals/ic-vision.svg"
+            alt="Icon Vision"
+            className="mb-2"
+          />
           <h6 className="font-medium text-xl">Vision</h6>
           <p className="mt-2 font-medium bg-blue-600 inline-flex px-2 rounded-md text-sm text-white">
             Coming Soon
           </p>
         </div>
         <div className="dark:bg-[#27272A]/20 bg-[#D4D4D8]/20 border dark:border-gray-800 border-gray-300 p-4 lg:p-6 rounded-lg">
+          <img
+            src="/img/multi-modals/ic-speech.svg"
+            alt="Icon Speech"
+            className="mb-2"
+          />
           <h6 className="font-medium text-xl">Speech</h6>
           <p className="mt-2 font-medium bg-blue-600 inline-flex px-2 rounded-md text-sm text-white">
             Coming Soon
diff --git a/docs/static/img/multi-modals/ic-imagine.svg b/docs/static/img/multi-modals/ic-imagine.svg
new file mode 100644
index 000000000..eda99b37a
--- /dev/null
+++ b/docs/static/img/multi-modals/ic-imagine.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.75 6.41907C15.3522 6.41907 14.0437 6.80146 12.9234 7.46734C12.7705 6.09803 12.3847 4.90961 11.7269 3.84998C13.2388 3.09427 14.9448 2.66907 16.75 2.66907C22.5407 2.66907 27.3095 7.04413 27.9313 12.6691H31.125C33.5412 12.6691 35.5 14.6278 35.5 17.0441V28.2941C35.5 30.7103 33.5412 32.6691 31.125 32.6691H19.875C17.4588 32.6691 15.5 30.7103 15.5 28.2941V25.1004C14.6182 25.0029 13.7672 24.8035 12.9589 24.5143C12.986 23.9248 13.0002 23.3101 13.0002 22.6691L13.0002 22.468C13.0006 21.869 13.001 21.1621 12.976 20.4018C13.7415 20.8483 14.5931 21.1632 15.5 21.3154V17.0441C15.5 14.6278 17.4588 12.6691 19.875 12.6691H24.1463C23.5512 9.12193 20.4662 6.41907 16.75 6.41907ZM27.7212 16.4191C26.7668 20.625 23.4559 23.9359 19.25 24.8903V28.2941C19.25 28.6392 19.5298 28.9191 19.875 28.9191H31.125C31.4702 28.9191 31.75 28.6392 31.75 28.2941V17.0441C31.75 16.6989 31.4702 16.4191 31.125 16.4191H27.7212ZM23.8232 16.4191H19.875C19.5298 16.4191 19.25 16.6989 19.25 17.0441V20.9923C21.381 20.2391 23.07 18.5501 23.8232 16.4191ZM6.95225 0.481978C7.36763 0.848667 7.491 1.44371 7.25953 1.94381C7.2574 1.94963 7.25343 1.96104 7.24878 1.97732C7.23508 2.02526 7.21875 2.10372 7.21875 2.20033C7.21875 2.35987 7.25863 2.65994 7.63388 3.03519C7.8164 3.21771 7.95687 3.34722 8.11 3.48842C8.23419 3.60292 8.36671 3.72511 8.53675 3.88948C8.85815 4.20017 9.20326 4.56425 9.50881 5.02258C10.1469 5.97976 10.5 7.17571 10.5 8.91908C10.5 10.9987 9.74908 12.7768 8.57075 13.8986C9.29973 14.6393 9.72508 15.6076 9.98741 16.5718C10.5003 18.4569 10.5002 20.7808 10.5 22.5799L10.5 22.6691C10.5 27.8147 9.53652 30.8711 8.44688 32.6872C7.90057 33.5977 7.32956 34.1838 6.85337 34.5542C6.61656 34.7384 6.40703 34.8662 6.24115 34.9531C6.15834 34.9965 6.08671 35.0295 6.02834 35.0541C6.02834 35.0541 5.71115 35.1691 5.5 35.1691C5.28885 35.1691 4.97168 35.0541 4.97168 35.0541C4.91331 35.0295 4.84168 34.9965 4.75887 34.9531C4.59299 34.8662 4.38346 34.7384 4.14665 34.5542C3.67046 34.1838 3.09945 33.5977 2.55314 32.6872C1.46349 30.8711 0.50001 27.8147 0.50001 22.6691L0.500005 22.5799C0.499862 20.7808 0.499678 18.4569 1.01261 16.5718C1.27494 15.6076 1.70028 14.6393 2.42926 13.8987C1.25093 12.7768 0.5 10.9987 0.5 8.91908C0.5 8.10488 0.71832 7.13049 1.01771 6.2346C1.31853 5.33447 1.73825 4.40332 2.22157 3.65426C2.8002 2.67875 3.61355 1.86243 4.24178 1.31043C4.56555 1.02595 4.85625 0.797768 5.06791 0.639337C5.17403 0.559909 5.26106 0.497432 5.32339 0.453588L5.3979 0.401845L5.42011 0.386744L5.42724 0.381948L5.43162 0.379013C5.90322 0.0646134 6.52734 0.106874 6.95225 0.481978Z" fill="#5082EF"/>
+</svg>
diff --git a/docs/static/img/multi-modals/ic-speech.svg b/docs/static/img/multi-modals/ic-speech.svg
new file mode 100644
index 000000000..4b37b6cfd
--- /dev/null
+++ b/docs/static/img/multi-modals/ic-speech.svg
@@ -0,0 +1,3 @@
+<svg width="33" height="29" viewBox="0 0 33 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3827 0.745217C23.7564 0.899998 24 1.26463 24 1.6691V13.6691C24 14.0736 23.7564 14.4382 23.3827 14.593C23.009 14.7478 22.5789 14.6622 22.2929 14.3762L18.5858 10.6691H17C16.4477 10.6691 16 10.2214 16 9.6691V5.6691C16 5.11681 16.4477 4.6691 17 4.6691H18.5858L22.2929 0.96199C22.5789 0.675992 23.009 0.590436 23.3827 0.745217ZM31.3 1.06913C31.5424 1.39241 31.8702 1.97518 32.1863 2.818C32.6965 4.17845 33 5.79713 33 7.66913C33 9.54112 32.6965 11.1598 32.1863 12.5202C31.8702 13.3631 31.5424 13.9458 31.3 14.2691C30.9686 14.711 30.3418 14.8005 29.9 14.4691C29.5072 14.1746 29.3928 13.6466 29.605 13.2226L29.8365 12.8588C29.9676 12.6344 30.1376 12.2874 30.3136 11.818C30.741 10.6785 31 9.29713 31 7.66913C31 6.04112 30.741 4.6598 30.3136 3.52025C30.1376 3.05084 29.9676 2.70385 29.8365 2.47949L29.7 2.26913C29.3686 1.8273 29.4581 1.2005 29.9 0.869126C30.3418 0.537755 30.9686 0.627298 31.3 1.06913ZM27.8944 3.22191C28.0391 3.51135 28.2447 3.99108 28.4487 4.6029C28.7924 5.63406 29 6.67204 29 7.66913C29 8.66621 28.7924 9.70419 28.4487 10.7354C28.2447 11.3472 28.0391 11.8269 27.8944 12.1163C27.6474 12.6103 27.0467 12.8105 26.5528 12.5636C26.0588 12.3166 25.8586 11.7159 26.1055 11.2219L26.2587 10.8848C26.3466 10.6763 26.4487 10.4108 26.5513 10.1029C26.8326 9.25906 27 8.42204 27 7.66913C27 6.91621 26.8326 6.07919 26.5513 5.23535C26.3802 4.72218 26.2108 4.32691 26.1055 4.11634C25.8586 3.62236 26.0588 3.02169 26.5528 2.7747C27.0467 2.52771 27.6474 2.72793 27.8944 3.22191ZM28.7 16.0692C28.186 15.6838 27.8313 15.1658 27.6473 14.5987C27.0777 14.7249 26.4683 14.6865 25.8945 14.4583C25.6542 15.3396 25.0188 16.0802 24.148 16.4409C23.027 16.9052 21.7367 16.6485 20.8787 15.7905L17.7574 12.6692H17C15.3431 12.6692 14 11.3261 14 9.66921V5.66921C14 5.31852 14.0602 4.98189 14.1708 4.66907H4C1.79086 4.66907 0 6.45993 0 8.66907V24.6691C0 26.8782 1.79086 28.6691 4 28.6691H28C30.2091 28.6691 32 26.8782 32 24.6691V16.2682C30.9911 16.8499 29.6906 16.8122 28.7 16.0692ZM13 22.6691H19C19.5523 22.6691 20 23.1168 20 23.6691C20 24.2214 19.5523 24.6691 19 24.6691H13C12.4477 24.6691 12 24.2214 12 23.6691C12 23.1168 12.4477 22.6691 13 22.6691Z" fill="#5082EF"/>
+</svg>
diff --git a/docs/static/img/multi-modals/ic-think.svg b/docs/static/img/multi-modals/ic-think.svg
new file mode 100644
index 000000000..ef2dee68c
--- /dev/null
+++ b/docs/static/img/multi-modals/ic-think.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3894 5.95249C16.5605 5.15314 18.0754 4.66907 20 4.66907C21.9246 4.66907 23.4395 5.15314 24.6106 5.95249C25.7757 6.7477 26.5363 7.81077 27.0312 8.87118C27.6911 10.2852 27.9015 11.7469 27.9686 12.7036C29.263 12.7992 30.589 13.1099 31.6797 13.837C33.1169 14.7952 34 16.3778 34 18.6691C34 21.0089 33.1233 22.6008 31.6722 23.5495C30.3013 24.4458 28.5627 24.6691 27 24.6691H13C11.4205 24.6691 9.68595 24.4115 8.3203 23.5011C6.88309 22.543 6 20.9604 6 18.6691C6 16.3778 6.88309 14.7952 8.3203 13.837C9.411 13.1099 10.737 12.7992 12.0314 12.7036C12.0985 11.7469 12.3089 10.2852 12.9688 8.87118C13.4637 7.81077 14.2243 6.7477 15.3894 5.95249ZM20 30.6691C20 32.8782 18.2091 34.6691 16 34.6691C13.7909 34.6691 12 32.8782 12 30.6691C12 28.4599 13.7909 26.6691 16 26.6691C18.2091 26.6691 20 28.4599 20 30.6691ZM10 33.6691C10 35.3259 8.65685 36.6691 7 36.6691C5.34315 36.6691 4 35.3259 4 33.6691C4 32.0122 5.34315 30.6691 7 30.6691C8.65685 30.6691 10 32.0122 10 33.6691Z" fill="#5082EF"/>
+</svg>
diff --git a/docs/static/img/multi-modals/ic-vision.svg b/docs/static/img/multi-modals/ic-vision.svg
new file mode 100644
index 000000000..21550a9bf
--- /dev/null
+++ b/docs/static/img/multi-modals/ic-vision.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5.66907C0 2.90764 2.23858 0.669067 5 0.669067H8.75C9.44036 0.669067 10 1.22871 10 1.91907C10 2.60942 9.44036 3.16907 8.75 3.16907H5C3.61929 3.16907 2.5 4.28836 2.5 5.66907V9.41907C2.5 10.1094 1.94036 10.6691 1.25 10.6691C0.559644 10.6691 0 10.1094 0 9.41907V5.66907ZM0 25.6691C0 28.4305 2.23858 30.6691 5 30.6691H8.75C9.44036 30.6691 10 30.1094 10 29.4191C10 28.7287 9.44036 28.1691 8.75 28.1691H5C3.61929 28.1691 2.5 27.0498 2.5 25.6691V21.9191C2.5 21.2287 1.94036 20.6691 1.25 20.6691C0.559644 20.6691 0 21.2287 0 21.9191V25.6691ZM25 0.669067C27.7614 0.669067 30 2.90764 30 5.66907V9.41907C30 10.1094 29.4404 10.6691 28.75 10.6691C28.0596 10.6691 27.5 10.1094 27.5 9.41907V5.66907C27.5 4.28836 26.3807 3.16907 25 3.16907H21.25C20.5596 3.16907 20 2.60942 20 1.91907C20 1.22871 20.5596 0.669067 21.25 0.669067H25ZM30 25.6691C30 28.4305 27.7614 30.6691 25 30.6691H21.25C20.5596 30.6691 20 30.1094 20 29.4191C20 28.7287 20.5596 28.1691 21.25 28.1691H25C26.3807 28.1691 27.5 27.0498 27.5 25.6691V21.9191C27.5 21.2287 28.0596 20.6691 28.75 20.6691C29.4404 20.6691 30 21.2287 30 21.9191V25.6691ZM8.75 18.1691C8.75 14.7173 11.5482 11.9191 15 11.9191C18.4518 11.9191 21.25 14.7173 21.25 18.1691C21.25 21.6208 18.4518 24.4191 15 24.4191C11.5482 24.4191 8.75 21.6208 8.75 18.1691ZM3.28548 15.5796C3.92603 15.8358 4.65294 15.5247 4.9098 14.8846L4.90857 14.8877L4.92125 14.8586C4.93466 14.8286 4.95805 14.7779 4.99227 14.7095C5.06078 14.5725 5.17218 14.3654 5.33309 14.1113C5.65549 13.6022 6.17203 12.912 6.93431 12.219C8.43854 10.8515 10.9561 9.41907 14.9997 9.41907C19.0434 9.41907 21.5609 10.8515 23.0651 12.219C23.8274 12.912 24.344 13.6022 24.6664 14.1113C24.8273 14.3654 24.9387 14.5725 25.0072 14.7095C25.0414 14.7779 25.0648 14.8286 25.0782 14.8586C25.0782 14.8586 25.6888 15.9897 26.714 15.5796C27.3549 15.3232 27.6667 14.5958 27.4103 13.9548C27.1425 13.3968 27.4091 13.9518 27.4091 13.9518L27.4076 13.9482L27.404 13.9392L27.3937 13.9145C27.3855 13.8951 27.3746 13.8698 27.3608 13.839C27.3333 13.7775 27.2945 13.6939 27.2432 13.5915C27.1409 13.3867 26.9886 13.1055 26.7784 12.7737C26.3586 12.1108 25.7033 11.2386 24.7468 10.3691C22.8135 8.61161 19.7061 6.91907 14.9997 6.91907C10.2934 6.91907 7.18591 8.61161 5.25263 10.3691C4.29616 11.2386 3.64083 12.1108 3.22104 12.7737C3.01086 13.1055 2.85859 13.3867 2.7562 13.5915C2.70497 13.6939 2.6661 13.7775 2.63861 13.839C2.62487 13.8698 2.61395 13.8951 2.60575 13.9145L2.59546 13.9392L2.5899 13.9518L2.58913 13.9548C2.33273 14.5958 2.6445 15.3232 3.28548 15.5796Z" fill="#5082EF"/>
+</svg>