Update icon multi modals sections

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 -`;
 

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