fix: images name updated to fix the broken images link (keploy#192)

* fix: metadata description duplication corrected

Signed-off-by: Animesh Pathak <sonichigi@Animeshs-MacBook-Air.local>

* fix: broken images fixed-I

Signed-off-by: Animesh <kurosakiichigo.songoku@gmail.com>

* fix: images name updated to fix the broken images

Signed-off-by: Animesh <kurosakiichigo.songoku@gmail.com>

---------

Signed-off-by: Animesh Pathak <sonichigi@Animeshs-MacBook-Air.local>
Signed-off-by: Animesh <kurosakiichigo.songoku@gmail.com>
Co-authored-by: Animesh Pathak <sonichigi@Animeshs-MacBook-Air.local>
Signed-off-by: schauhan2 <swati_chauhan@intuit.com>

src/components/Intro.js

@@ -74,7 +74,7 @@ function Languages() {
           >
             <img
               className="h-8 w-8 transition hover:scale-110"
-              src="/img/javascript.svg"
+              src="/img/javascript-logo.svg"
               alt="Javascript logo"
             />
             <p className="font-semibold">Javascript (WIP)</p>
@@ -114,7 +114,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/mongodb.svg"
+            src="/img/mongodb-logo.svg"
             alt="Docker logo"
           />
           <p className="font-semibold">MongoDB</p>
@@ -126,7 +126,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/oracle.svg"
+            src="/img/oracle-logo.svg"
             alt="Oracle logo"
           />
             <p className="font-semibold">Oracle (WIP)</p>
@@ -138,7 +138,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/postgressql.svg"
+            src="/img/postgres-logo.svg"
             alt="PostgresSQL logo"
           />
             <p className="font-semibold">PostgresSQL (WIP)</p>

src/components/QuickStart.js

@@ -23,21 +23,21 @@ export const QuickStart = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}
         >
-          <img className="h-16 w-16" src="/img/linux.svg" alt="Linux logo" />
+          <img className="h-16 w-16" src="/img/linux-logo.svg" alt="Linux logo" />
           <p className="text-lg">Linux</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>

src/components/SDKs.js

@@ -15,14 +15,14 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}>
          <img
               className="h-16 w-16"
-              src="/img/linux.svg"
+              src="/img/linux-logo.svg"
               alt="Linux logo"
             />
             <p className="text-lg">Linux</p>
@@ -31,7 +31,7 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>