From 1737942e96a5ffae68365cbd2621a712d9d4d729 Mon Sep 17 00:00:00 2001
From: Animesh Pathak <53110238+Sonichigo@users.noreply.github.com>
Date: Tue, 12 Sep 2023 18:10:29 +0530
Subject: [PATCH] fix: broken images (#191)

* fix: metadata description duplication corrected

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

* feat: linux docs updated

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

* feat: docs revamp

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

* feat: alignment fixed, macos updated, versioning fixed

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

* feat: added v1 sample-apps guide to docs

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

* fix: versioning of docs based on keploy version and UI update

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

* fix: versioning of docs based on keploy version and UI update

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

* fix: versioning of docs based on keploy version and UI update

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

* fix: images updated

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

* fix: broken images fixed

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

* fix: broken images fixed

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>
---
 src/components/Intro.js      | 22 +++++++++++-----------
 src/components/QuickStart.js |  5 +++--
 src/components/SDKs.js       |  4 ++--
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/Intro.js b/src/components/Intro.js
index 611eb3b37..9e322add4 100644
--- a/src/components/Intro.js
+++ b/src/components/Intro.js
@@ -53,7 +53,7 @@ function Languages() {
               src="/img/java.svg"
               alt="Java logo"
             />
-            <p className="font-semibold">Java</p>
+            <p className="font-semibold">Java (WIP)</p>
           </Link>
         </li>
         <li className="">
@@ -62,10 +62,10 @@ function Languages() {
           >
             <img
               className="h-8 w-8 transition hover:scale-110"
-              src="/img/Python.svg"
+              src="/img/python.svg"
               alt="Python logo"
             />
-            <p className="font-semibold">Python</p>
+            <p className="font-semibold">Python (WIP)</p>
           </Link>
         </li>
         <li className="">
@@ -74,10 +74,10 @@ function Languages() {
           >
             <img
               className="h-8 w-8 transition hover:scale-110"
-              src="/img/Javascript.svg"
+              src="/img/javascript.svg"
               alt="Javascript logo"
             />
-            <p className="font-semibold">Javascript</p>
+            <p className="font-semibold">Javascript (WIP)</p>
           </Link>
         </li>
       </ul>
@@ -114,7 +114,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/MongoDb.svg"
+            src="/img/mongodb.svg"
             alt="Docker logo"
           />
           <p className="font-semibold">MongoDB</p>
@@ -126,10 +126,10 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/Oracle.svg"
+            src="/img/oracle.svg"
             alt="Oracle logo"
           />
-            <p className="font-semibold">PostgresSQL</p>
+            <p className="font-semibold">Oracle (WIP)</p>
           </Link>
         </li>
         <li className="">
@@ -138,10 +138,10 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/PostgresSQL.svg"
+            src="/img/postgressql.svg"
             alt="PostgresSQL logo"
           />
-            <p className="font-semibold">Oracle  (WIP)</p>
+            <p className="font-semibold">PostgresSQL (WIP)</p>
           </Link>
         </li>
       </ul>
@@ -159,4 +159,4 @@ export const Intro = () => {
       </div>
     </section>
   );
-};
+};
\ No newline at end of file
diff --git a/src/components/QuickStart.js b/src/components/QuickStart.js
index efee4a580..ed8ecad35 100644
--- a/src/components/QuickStart.js
+++ b/src/components/QuickStart.js
@@ -5,6 +5,7 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 export const QuickStart = () => {
   return (
     <section className="mt-1 mb-14">
+      
       <h1 className="mb-4 text-4xl font-semibold tracking-wide md:text-5xl">
         Keploy Documentation
       </h1>
@@ -29,14 +30,14 @@ 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/linux/installation")}
         >
-          <img className="h-16 w-16" src="/img/Linux.svg" alt="Linux logo" />
+          <img className="h-16 w-16" src="/img/linux.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_grey.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>
diff --git a/src/components/SDKs.js b/src/components/SDKs.js
index 8e1eafe27..67162e578 100644
--- a/src/components/SDKs.js
+++ b/src/components/SDKs.js
@@ -22,7 +22,7 @@ export const SDKs = () => {
           to={useBaseUrl("/docs/server/linux/installation")}>
          <img
               className="h-16 w-16"
-              src="/img/Linux.svg"
+              src="/img/linux.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_grey.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>