Merge branch 'main' into fix/landingpage-product-section

Author: Srinu346

docusaurus.config.js

@@ -79,6 +79,36 @@ module.exports = {
           logo: "https://keploy.io/docs/img/favicon.png",
         }),
       },
+      {
+        tagName: "script",
+        attributes: {
+          type: "application/ld+json",
+        },
+        innerHTML: JSON.stringify({
+          "@context": "https://schema.org/",
+          "@type": "Organization",
+          name: "Keploy",
+          url: "https://keploy.io/",
+          logo: "https://keploy.io/docs/img/favicon.png",
+        }),
+      },
+      {
+        tagName: "script",
+        attributes: {
+          type: "application/ld+json",
+        },
+        innerHTML: JSON.stringify({
+          "@context": "https://schema.org/",
+          "@type": "WebSite",
+          name: "Keploy Documentation",
+          url: "https://keploy.io/docs/",
+          potentialAction: {
+            "@type": "SearchAction",
+            target: "https://keploy.io/docs/search?q={search_term_string}",
+            "query-input": "required name=search_term_string",
+          },
+        }),
+      },
     ],
     colorMode: {
       defaultMode: "light",

src/components/ProductTier.js

@@ -0,0 +1,26 @@
+import React from "react";
+
+const ProductTier = ({tiers, offerings}) => {
+  return (
+    <div className="my-4 rounded-lg border border-gray-300 bg-[#fff8f5] p-4 text-gray-900 shadow-sm dark:border-gray-700 dark:bg-[#23272f] dark:text-gray-100">
+      <div className="flex flex-col gap-2">
+        {tiers && (
+          <div className="flex flex-wrap items-center gap-2">
+            <span className="font-bold">Tier:</span>
+            <span>{Array.isArray(tiers) ? tiers.join(", ") : tiers}</span>
+          </div>
+        )}
+        {offerings && (
+          <div className="flex flex-wrap items-center gap-2">
+            <span className="font-bold">Offering:</span>
+            <span>
+              {Array.isArray(offerings) ? offerings.join(", ") : offerings}
+            </span>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default ProductTier;

src/components/QuickStartList.js

@@ -100,7 +100,7 @@ const quickstarts = [
   },
   */
 
-  /*{
+  {
     title: "Gin + Redis",
     language: "Go",
     server: "Docker",
@@ -116,7 +116,6 @@ const quickstarts = [
       "A sample User Authentication app to demonstrate how seamlessly Keploy integrates with Gin and Redis.",
     link: "/docs/quickstart/samples-redis/#running-app-locally-on-linuxwsl-",
   },
-  */
   {
     title: "Mux + Postgres",
     language: "Go",
@@ -204,15 +203,14 @@ const quickstarts = [
 
   // python list
 
-  /*{
+  {
     title: "E-commerce Microservices",
     language: "Python",
     server: "Docker",
     description:
       "This guide walks you through testing an E-commerce microservices application using Keploy.",
     link: "/docs/quickstart/samples-microservices/",
   },
-*/
   {
     title: "Django + Postgres",
     language: "Python",
@@ -281,6 +279,15 @@ const quickstarts = [
     link: "/docs/quickstart/samples-fastapi-twilio/#using-docker-compose-",
   },
 
+  {
+    title: "Python + K8s",
+    language: "Python",
+    server: "Docker",
+    description:
+      "A sample guide demonstrating how to perform live traffic recording and replay in a Kubernetes environment.",
+    link: "/docs/quickstart/k8s-proxy/",
+  },
+
   /*{
     title: "Sanic + Mongo",
     language: "Python",
@@ -290,15 +297,14 @@ const quickstarts = [
     link: "/docs/quickstart/sanic-mongo/",
   },
 */
-  /*{
-      title: "Flask + Redis",
-      language: "Python",
-      server: "Docker",
-      description:
-        "A sample Student CRUD app to demonstrate how seamlessly Keploy integrates with Flask and Redis.",
-      link: "/docs/quickstart/flask-redis/",
-    },
-  */
+  {
+    title: "Flask + Redis",
+    language: "Python",
+    server: "Docker",
+    description:
+      "A sample Student CRUD app to demonstrate how seamlessly Keploy integrates with Flask and Redis.",
+    link: "/docs/quickstart/flask-redis/",
+  },
 
   //Javascript list
 

src/pages/index.js

@@ -1,14 +1,81 @@
 import React from "react";
 import Layout from "@theme/Layout";
+import Head from "@docusaurus/Head";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import {Community, KeployCloud, Resources, QuickStart} from "../components";
 import {Products} from "../components/Product";
 //import {Intro} from "../components";
 export default function Home() {
   const context = useDocusaurusContext();
   const {siteConfig = {}} = context;
+  const toAbsoluteUrl = (baseUrl, url) => {
+    if (!url) {
+      return null;
+    }
+    if (url.startsWith("http://") || url.startsWith("https://")) {
+      return url;
+    }
+    const trimmedBase = baseUrl?.replace(/\/$/, "") ?? "";
+    const normalizedPath = url.startsWith("/") ? url : `/${url}`;
+    return `${trimmedBase}${normalizedPath}`;
+  };
+  const docsUrl = toAbsoluteUrl(siteConfig.url, siteConfig.baseUrl);
+  const breadcrumbSchema =
+    docsUrl && siteConfig.url
+      ? {
+          "@context": "https://schema.org",
+          "@type": "BreadcrumbList",
+          itemListElement: [
+            {
+              "@type": "ListItem",
+              position: 1,
+              name: "Home",
+              item: siteConfig.url,
+            },
+            {
+              "@type": "ListItem",
+              position: 2,
+              name: "Docs",
+              item: docsUrl,
+            },
+          ],
+        }
+      : null;
+  const articleSchema =
+    docsUrl && siteConfig.title
+      ? {
+          "@context": "https://schema.org",
+          "@type": "Article",
+          headline: siteConfig.title,
+          description: siteConfig.tagline,
+          mainEntityOfPage: {
+            "@type": "WebPage",
+            "@id": docsUrl,
+          },
+          publisher: {
+            "@type": "Organization",
+            name: "Keploy",
+            logo: {
+              "@type": "ImageObject",
+              url: "https://keploy.io/docs/img/favicon.png",
+            },
+          },
+        }
+      : null;
   return (
     <div className="main">
+      <Head>
+        {breadcrumbSchema && (
+          <script type="application/ld+json">
+            {JSON.stringify(breadcrumbSchema)}
+          </script>
+        )}
+        {articleSchema && (
+          <script type="application/ld+json">
+            {JSON.stringify(articleSchema)}
+          </script>
+        )}
+      </Head>
       <Layout
         className="mx-auto my-2 w-full max-w-screen-lg px-8 shadow-none"
         title={`${siteConfig.title}`}