feat: add enterprise banner and improve sidebar

Signed-off-by: Achanandhi-M <[email protected]>

Author: Achanandhi-M

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/theme/DocItem/index.js

@@ -97,7 +97,9 @@ export default function DocItem(props) {
   const modifiedTime = toIsoDate(
     metadata?.lastUpdatedAt || frontMatter?.lastUpdatedAt
   );
-  const publishedTime = toIsoDate(frontMatter?.date || frontMatter?.publishedAt);
+  const publishedTime = toIsoDate(
+    frontMatter?.date || frontMatter?.publishedAt
+  );
   const schemaTypeFromFrontMatter =
     frontMatter?.schemaType || frontMatter?.schema_type;
   const isApi =

tailwind.config.js

@@ -8,6 +8,7 @@ const em = (px, base) => `${round(px / base)}em`;
 
 module.exports = {
   mode: "jit",
+  darkMode: ["class", '[data-theme="dark"]'],
   content: [
     "./src/components/**/*.{js,ts,jsx,tsx}",
     "./src/pages/**/*.{js,ts,jsx,tsx}",

versioned_docs/version-3.0.0/ci-cd/github.md

@@ -14,6 +14,10 @@ tags:
   - plugin
 ---
 
+import ProductTier from '@site/src/components/ProductTier';
+
+<ProductTier tiers="Open Source, Enterprise" offerings="Self-Hosted, Dedicated" />
+
 Keploy can be integrated with GitHub by two methods:-
 
 1. [Using Shell Scripts](#shell-scripts)

versioned_docs/version-3.0.0/ci-cd/gitlab.md

@@ -14,6 +14,10 @@ tags:
   - plugin
 ---
 
+import ProductTier from '@site/src/components/ProductTier';
+
+<ProductTier tiers="Open Source, Enterprise" offerings="Self-Hosted, Dedicated" />
+
 Keploy can integrated with GitLab CI to streamline your testing process and ensure continuous testing as part of your CI/CD pipeline.
 
 ## Create pipeline

versioned_docs/version-3.0.0/ci-cd/jenkins.md

@@ -14,6 +14,10 @@ tags:
   - plugin
 ---
 
+import ProductTier from '@site/src/components/ProductTier';
+
+<ProductTier tiers="Open Source, Enterprise" offerings="Self-Hosted, Dedicated" />
+
 Keploy can integrated with Jenkins to ensure continuous testing as part of your CI/CD pipeline.
 
 ## Prerequisites

versioned_docs/version-3.0.0/keploy-cloud/deduplication.md

@@ -15,6 +15,10 @@ keywords:
   - testcases
 ---
 
+import ProductTier from '@site/src/components/ProductTier';
+
+<ProductTier tiers="Enterprise" offerings="Self-Hosted, Dedicated" />
+
 ## Why Deduplication? ❄️
 
 When developing or maintaining a software, it is common for test suites to grow in size. This often results in redundancy, as many test cases cover the same functions or scenarios. This is where Test Deduplication comes into play.

versioned_docs/version-3.0.0/keploy-cloud/installation.md

@@ -1,58 +1,72 @@
 ---
 id: cloud-installation
-title: Keploy Cloud Installation
-sidebar_label: Installation
+title: Keploy Enterprise Installation
+sidebar_label: Enterprise Installation
 tags:
   - explanation
   - feature guide
-  - keploy cloud
+  - keploy enterprise
   - installation
 keywords:
-  - keploy cloud
+  - keploy enterprise
   - installation
   - API key
 ---
 
-## Introduction 📘
+import ProductTier from '@site/src/components/ProductTier';
 
-#### Welcome to the Keploy Cloud Guide!
+<ProductTier tiers="Enterprise" offerings="Self-Hosted, Dedicated" />
 
-In this guide, you will find information about Keploy Cloud, onboarding, features, and how to use them.
+This guide provides a complete overview of **Keploy Enterprise**, including onboarding instructions, key features, and steps to get started. It is designed to help teams quickly adopt Keploy Enterprise and integrate it into their development and testing workflows.
 
-#### Requesting a Keploy Cloud Account
+### Requesting a Keploy Enterprise Account
 
-To request a Keploy Cloud account, please complete the request form [here](https://forms.gle/jGBbyRyh9H7AKXZX6). Our team will review your request and get back to you as soon as possible.
+To get access to Keploy Enterprise, you’ll first need an enterprise account.
 
-#### Getting Started with Keploy Cloud
+#### Note: You can request one by reaching out to us [here](https://calendar.app.google/cXVaj6hbMUjvmrnt9).
 
-Once your account is set up, you can start exploring features of Keploy Cloud. Here are some key features to can get started with:
+---
+
+### Getting Started with Keploy Enterprise
 
-- **Time Freezing** ❄️: Keploy Cloud allows you to freeze/rollback the time in every test run, back to when the test case was recorded. This allows developers to ensure time-sensitive objects don’t expire or change, making tests consistent and more reliable.
+Once your enterprise account is set up, you can begin exploring and using the core features of Keploy Enterprise. Below are some of the key capabilities that help teams achieve reliable, scalable, and production-grade API testing.
 
-- **AI-Driven Test Generation** 🧠: Keploy will automatically uncover your API's edge cases and generate test cases to expose more code paths, thereby increasing code coverage.
+- **Time Freezing** ❄️  
+  Keploy Enterprise allows you to freeze or roll back time during every test run to the exact moment when the test case was recorded. This ensures that time-sensitive data does not expire or change, making test executions consistent and highly reliable.
 
-- **Test Deduplication** 📊 : Keploy detects duplicate/redundant tests automatically, which will be particularly useful if you plan to record numerous scenarios from a live environment and wish to retain only unique scenario tests.
+- **AI-Driven Test Generation** 🧠  
+  Keploy Enterprise automatically identifies edge cases in your APIs and generates test cases to uncover additional execution paths. This helps improve overall code coverage and detect issues that are often missed in manual testing.
 
-- **Keploy Console** 📈: We are ensuring a smooth experience of visualising bugs found with Keploy and sharing reports with your team.
+- **Test Deduplication** 📊  
+  Keploy Enterprise intelligently detects and removes duplicate or redundant test cases. This is especially useful when recording scenarios from live environments, allowing teams to retain only meaningful and unique test coverage.
 
-- **Asynchronous Processes Support** ⏱ : Keploy V2 captures and replays asynchronous tasks effectively. We're also incorporating support for adding custom user-defined behaviours or assertions.
+- **Keploy Console** 📈  
+  The Keploy Console provides a seamless experience for visualizing bugs, analyzing test results, and sharing reports across teams. It enables better collaboration and faster feedback cycles.
 
-- **Mock Registry** 📂: The Mock Registry is a system designed to handle large mock files by uploading them to cloud storage, preventing these sizable files from being committed to Git repositories. This approach optimizes repository size and performance while maintaining an efficient and streamlined development workflow.
+- **Asynchronous Processes Support** ⏱  
+  Keploy v2 effectively captures and replays asynchronous workflows. In addition, support for custom user-defined behaviors and assertions is being incorporated to provide greater flexibility in testing complex systems.
 
-To get started with Keploy Cloud, you will need to install the Keploy Cloud Agent and authenticate your account.
+- **Mock Registry** 📂  
+  The Mock Registry is designed to manage large mock files by storing them in cloud storage instead of committing them to Git repositories. This helps keep repositories lightweight while ensuring efficient mock management at scale.
+
+To begin using Keploy Enterprise, you need to install the **Keploy Enterprise Agent** and authenticate using your API key.
+
+---
 
 ## Installation 🛠️
 
-Install and Validate the Keploy Cloud Agent by following the steps below:
+Follow the steps below to install and validate the Keploy Enterprise Agent:
 
 ```bash
 curl --silent -O -L https://keploy.io/ent/install.sh && source install.sh
 ```
 
-Enter your **API Key** when prompted, ask your org Admin to re-regenerate the API key in case you lose it.
+When recording API calls using the Enterprise Agent, you will be prompted to provide your **API key**.
 
-Once validated, you can start using Keploy Cloud to record-test.
+An API key typically looks like this:
 
-### Need Help?
+```
+b1dNl....
+```
 
-If you have any questions or need assistance, our support team is here to help. You can reach out to us through our support portal, Slack or by emailing us at hello[at]keploy.io.
+Once the API key is successfully validated, the Keploy Enterprise Agent will begin recording API calls.

versioned_docs/version-3.0.0/keploy-cloud/keploy-console.md

@@ -13,6 +13,10 @@ keywords:
   - API key
 ---
 
+import ProductTier from '@site/src/components/ProductTier';
+
+<ProductTier tiers="Enterprise" offerings="Self-Hosted, Dedicated" />
+
 ### Pre-requisite 📝
 
 Ensure you have [installed keploy enterprise](/docs/keploy-cloud/cloud-installation/#installation-%EF%B8%8F).