diff --git a/docs-website/docusaurus.config.js b/docs-website/docusaurus.config.js
index 243cc53dc8..4f8943bf4e 100644
--- a/docs-website/docusaurus.config.js
+++ b/docs-website/docusaurus.config.js
@@ -11,7 +11,9 @@ module.exports = {
   favicon: "img/favicon.ico",
   organizationName: "datahub-project", // Usually your GitHub org/user name.
   projectName: "datahub", // Usually your repo name.
-  stylesheets: ["https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap"],
+  stylesheets: [
+    "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap",
+  ],
   noIndex: isSaas,
   customFields: {
     isSaas: isSaas,
@@ -31,8 +33,12 @@ module.exports = {
       title: null,
       logo: {
         alt: "DataHub Logo",
-        src: `img/${isSaas ? "acryl" : "datahub"}-logo-color-light-horizontal.svg`,
-        srcDark: `img/${isSaas ? "acryl" : "datahub"}-logo-color-dark-horizontal.svg`,
+        src: `img/${
+          isSaas ? "acryl" : "datahub"
+        }-logo-color-light-horizontal.svg`,
+        srcDark: `img/${
+          isSaas ? "acryl" : "datahub"
+        }-logo-color-dark-horizontal.svg`,
       },
       items: [
         {
@@ -41,6 +47,11 @@ module.exports = {
           label: "Docs",
           position: "right",
         },
+        {
+          href: "/integrations",
+          label: "Integrations",
+          position: "right",
+        },
         {
           to: "docs/demo",
           label: "Demo",
@@ -51,11 +62,6 @@ module.exports = {
           label: "Blog",
           position: "right",
         },
-        {
-          href: "https://feature-requests.datahubproject.io/",
-          label: "Feature Requests",
-          position: "right",
-        },
         {
           href: "https://feature-requests.datahubproject.io/roadmap",
           label: "Roadmap",
@@ -188,15 +194,24 @@ module.exports = {
         blog: false,
         theme: {
           customCss: [
-            isSaas ? require.resolve("./src/styles/acryl.scss") : require.resolve("./src/styles/datahub.scss"),
+            isSaas
+              ? require.resolve("./src/styles/acryl.scss")
+              : require.resolve("./src/styles/datahub.scss"),
             require.resolve("./src/styles/global.scss"),
           ],
         },
+        pages: {
+          path: "src/pages",
+          mdxPageComponent: "@theme/MDXPage",
+        },
       },
     ],
   ],
   plugins: [
-    ["@docusaurus/plugin-ideal-image", { quality: 100, sizes: [320, 640, 1280, 1440, 1600] }],
+    [
+      "@docusaurus/plugin-ideal-image",
+      { quality: 100, sizes: [320, 640, 1280, 1440, 1600] },
+    ],
     "docusaurus-plugin-sass",
     [
       "docusaurus-graphql-plugin",
diff --git a/docs-website/filterTagIndexes.json b/docs-website/filterTagIndexes.json
new file mode 100644
index 0000000000..e1eb511e6d
--- /dev/null
+++ b/docs-website/filterTagIndexes.json
@@ -0,0 +1,598 @@
+{
+  "ingestionSources": [
+    {
+      "Path": "docs/lineage/airflow",
+      "imgPath": "img/logos/platforms/airflow.svg",
+      "Title": "Airflow",
+      "Description": "Airflow is an open-source data orchestration tool used for scheduling, monitoring, and managing complex data pipelines.",
+      "tags": {
+        "Platform Type": "Orchestrator",
+        "Connection Type": "Push",
+        "Features": "Stateful Ingestion"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/athena",
+      "imgPath": "img/logos/platforms/athena.svg",
+      "Title": "Athena",
+      "Description": "Athena is a serverless interactive query service that enables users to analyze data in Amazon S3 using standard SQL.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Column Level Lineage, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/azure-ad",
+      "imgPath": "img/logos/platforms/azure-ad.png",
+      "Title": "Azure AD",
+      "Description": "Azure AD is a cloud-based identity and access management tool that provides secure authentication and authorization for users and applications.",
+      "tags": {
+        "Platform Type": "Identity Provider",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/bigquery",
+      "imgPath": "img/logos/platforms/bigquery.svg",
+      "Title": "BigQuery",
+      "Description": "BigQuery is a cloud-based data warehousing and analytics tool that allows users to store, query, and analyze large datasets quickly and efficiently.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Patch Lineage, UI Ingestion, Lower Casing, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/business-glossary",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "Business Glossary",
+      "Description": "A source provided by DataHub for ingesting glossary metadata that provides a comprehensive list of business terms and definitions used within an organization.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/clickhouse",
+      "imgPath": "img/logos/platforms/clickhouse.svg",
+      "Title": "ClickHouse",
+      "Description": "ClickHouse is an open-source column-oriented database management system designed for high-performance data processing and analytics.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/csv",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "CSV",
+      "Description": "An ingestion source for enriching metadata provided in CSV format provided by DataHub",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/databricks",
+      "imgPath": "img/logos/platforms/databricks.png",
+      "Title": "Databricks",
+      "Description": "Databricks is a cloud-based data processing and analytics platform that enables data scientists and engineers to collaborate and build data-driven applications.",
+      "tags": {
+        "Platform Type": "ETL and Processing",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Column Level Lineage, UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/dbt",
+      "imgPath": "img/logos/platforms/dbt.svg",
+      "Title": "dbt",
+      "Description": "dbt is a data transformation tool that enables analysts and engineers to transform data in their warehouses through a modular, SQL-based approach.",
+      "tags": {
+        "Platform Type": "ETL and Processing",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Patch Lineage,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/delta-lake",
+      "imgPath": "img/logos/platforms/deltalake.svg",
+      "Title": "Delta Lake",
+      "Description": "Delta Lake is an open-source data lake storage layer that provides ACID transactions, schema enforcement, and data versioning for big data workloads.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/demo-data",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "Demo Data",
+      "Description": "Demo Data is a data tool that provides sample data sets for demonstration and testing purposes.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/druid",
+      "imgPath": "img/logos/platforms/druid.svg",
+      "Title": "Druid",
+      "Description": "Druid is an open-source data store designed for real-time analytics on large datasets.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/elasticsearch",
+      "imgPath": "img/logos/platforms/elasticsearch.svg",
+      "Title": "Elasticsearch",
+      "Description": "Elasticsearch is a distributed, open-source search and analytics engine designed for handling large volumes of data.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/feast",
+      "imgPath": "img/logos/platforms/feast.svg",
+      "Title": "Feast",
+      "Description": "Feast is an open-source feature store that enables teams to manage, store, and discover features for machine learning applications.",
+      "tags": {
+        "Platform Type": "AI+ML",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/file",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "File",
+      "Description": "An ingestion source for single files provided by DataHub",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/file-based-lineage",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "File Based Lineage",
+      "Description": "File Based Lineage is a data tool that tracks the lineage of data files and their dependencies.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/glue",
+      "imgPath": "img/logos/platforms/glue.svg",
+      "Title": "Glue",
+      "Description": "Glue is a data integration service that allows users to extract, transform, and load data from various sources into a data warehouse.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/metadata-ingestion/integration_docs/great-expectations",
+      "imgPath": "img/logos/platforms/great-expectations.png",
+      "Title": "Great Expectations",
+      "Description": "Great Expectations is an open-source data validation and testing tool that helps data teams maintain data quality and integrity.",
+      "tags": {
+        "Platform Type": "Observability",
+        "Connection Type": "Push",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/hive",
+      "imgPath": "img/logos/platforms/hive.svg",
+      "Title": "Hive",
+      "Description": "Hive is a data warehousing tool that facilitates querying and managing large datasets stored in Hadoop Distributed File System (HDFS).",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/iceberg",
+      "imgPath": "img/logos/platforms/iceberg.png",
+      "Title": "Iceberg",
+      "Description": "Iceberg is a data tool that allows users to manage and query large-scale data sets using a distributed architecture.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/json-schema",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "JSON Schemas",
+      "Description": "JSON Schemas is a data tool used to define the structure, format, and validation rules for JSON data.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/kafka",
+      "imgPath": "img/logos/platforms/kafka.svg",
+      "Title": "Kafka",
+      "Description": "Kafka is a distributed streaming platform that allows for the processing and storage of large amounts of data in real-time.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/kafka-connect",
+      "imgPath": "img/logos/platforms/kafka.svg",
+      "Title": "Kafka Connect",
+      "Description": "Kafka Connect is an open-source data integration tool that enables the transfer of data between Apache Kafka and other data systems.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Lower Casing"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/ldap",
+      "imgPath": "img/datahub-logo-color-mark.svg",
+      "Title": "LDAP",
+      "Description": "LDAP (Lightweight Directory Access Protocol) is a data tool used for accessing and managing distributed directory information services over an IP network.",
+      "tags": {
+        "Platform Type": "Identity Provider",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/looker",
+      "imgPath": "img/logos/platforms/looker.svg",
+      "Title": "Looker",
+      "Description": "Looker is a business intelligence and data analytics platform that allows users to explore, analyze, and share data insights in real-time.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Column Level Lineage,  UI Ingestion, Lower Casing, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/mariadb",
+      "imgPath": "img/logos/platforms/mariadb.png",
+      "Title": "MariaDB",
+      "Description": "MariaDB is an open-source relational database management system that is a fork of MySQL.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/metabase",
+      "imgPath": "img/logos/platforms/metabase.svg",
+      "Title": "Metabase",
+      "Description": "Metabase is an open-source business intelligence and data visualization tool that allows users to easily query and visualize their data.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/mssql",
+      "imgPath": "img/logos/platforms/mssql.svg",
+      "Title": "Microsoft SQL Server",
+      "Description": "Microsoft SQL Server is a relational database management system designed to store, manage, and retrieve data efficiently and securely.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/mode",
+      "imgPath": "img/logos/platforms/mode.png",
+      "Title": "Mode",
+      "Description": "Mode is a cloud-based data analysis and visualization platform that enables businesses to explore, analyze, and share data in a collaborative environment.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/mongodb",
+      "imgPath": "img/logos/platforms/mongodb.svg",
+      "Title": "MongoDB",
+      "Description": "MongoDB is a NoSQL database that stores data in flexible, JSON-like documents, making it easy to store and retrieve data for modern applications.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/mysql",
+      "imgPath": "img/logos/platforms/mysql.svg",
+      "Title": "MySQL",
+      "Description": "MySQL is an open-source relational database management system that allows users to store, organize, and retrieve data efficiently.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/nifi",
+      "imgPath": "img/logos/platforms/nifi.svg",
+      "Title": "NiFi",
+      "Description": "NiFi is a data integration tool that allows users to automate the flow of data between systems and applications.",
+      "tags": {
+        "Platform Type": "Orchestrator",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/okta",
+      "imgPath": "img/logos/platforms/okta.png",
+      "Title": "Okta",
+      "Description": "Okta is a cloud-based identity and access management tool that enables secure and seamless access to applications and data across multiple devices and platforms.",
+      "tags": {
+        "Platform Type": "Identity Provider",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/openapi",
+      "imgPath": "img/logos/platforms/openapi.png",
+      "Title": "OpenAPI",
+      "Description": "OpenAPI is a specification for building and documenting RESTful APIs.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/oracle",
+      "imgPath": "img/logos/platforms/oracle.svg",
+      "Title": "Oracle",
+      "Description": "Oracle is a relational database management system that provides a comprehensive and integrated platform for managing and analyzing large amounts of data.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/postgres",
+      "imgPath": "img/logos/platforms/postgres.svg",
+      "Title": "Postgres",
+      "Description": "Postgres is an open-source relational database management system that provides a powerful tool for storing, managing, and analyzing large amounts of data.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/powerbi",
+      "imgPath": "img/logos/platforms/powerbi.png",
+      "Title": "PowerBI",
+      "Description": "PowerBI is a business analytics service by Microsoft that provides interactive visualizations and business intelligence capabilities with an interface simple enough for end users to create their own reports and dashboards.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Lower Casing, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/presto",
+      "imgPath": "img/logos/platforms/presto.svg",
+      "Title": "Presto",
+      "Description": "Presto is an open-source distributed SQL query engine designed for fast and interactive analytics on large-scale data sets.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/presto-on-hive",
+      "imgPath": "img/logos/platforms/presto.svg",
+      "Title": "Presto on Hive",
+      "Description": "Presto on Hive is a data tool that allows users to query and analyze large datasets stored in Hive using SQL-like syntax.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/metadata-integration/java/datahub-protobuf",
+      "imgPath": "img/logos/platforms/protobuf.png",
+      "Title": "Protobuf Schemas",
+      "Description": "Protobuf Schemas is a data tool used for defining and serializing structured data in a compact and efficient manner.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/pulsar",
+      "imgPath": "img/logos/platforms/pulsar.png",
+      "Title": "Pulsar",
+      "Description": "Pulsar is a real-time data processing and messaging platform that enables high-performance data streaming and processing.",
+      "tags": {
+        "Platform Type": "Metadata",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/redash",
+      "imgPath": "img/logos/platforms/redash.svg",
+      "Title": "Redash",
+      "Description": "Redash is a data visualization and collaboration platform that allows users to connect and query multiple data sources and create interactive dashboards and visualizations.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/redshift",
+      "imgPath": "img/logos/platforms/redshift.svg",
+      "Title": "Redshift",
+      "Description": "Redshift is a cloud-based data warehousing tool that allows users to store and analyze large amounts of data in a scalable and cost-effective manner.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/s3",
+      "imgPath": "img/logos/platforms/s3.svg",
+      "Title": "S3 Data Lake",
+      "Description": "S3 Data Lake is a cloud-based data storage and management tool that allows users to store, manage, and analyze large amounts of data in a scalable and cost-effective manner.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/sagemaker",
+      "imgPath": "img/logos/platforms/sagemaker.svg",
+      "Title": "SageMaker",
+      "Description": "SageMaker is a data tool that provides a fully-managed platform for building, training, and deploying machine learning models at scale.",
+      "tags": {
+        "Platform Type": "AI+ML",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/salesforce",
+      "imgPath": "img/logos/platforms/salesforce.png",
+      "Title": "Salesforce",
+      "Description": "Salesforce is a cloud-based customer relationship management (CRM) platform that helps businesses manage their sales, marketing, and customer service activities.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/hana",
+      "imgPath": "img/logos/platforms/hana.svg",
+      "Title": "SAP HANA",
+      "Description": "SAP HANA is an in-memory data platform that enables businesses to process large volumes of data in real-time.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/snowflake",
+      "imgPath": "img/logos/platforms/snowflake.svg",
+      "Title": "Snowflake",
+      "Description": "Snowflake is a cloud-based data warehousing platform that allows users to store, manage, and analyze large amounts of structured and semi-structured data.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Column Level Lineage, Patch Lineage,  UI Ingestion, Lower Casing, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/metadata-integration/java/spark-lineage",
+      "imgPath": "img/logos/platforms/spark.svg",
+      "Title": "Spark",
+      "Description": "Spark is a data processing tool that enables fast and efficient processing of large-scale data sets using distributed computing.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Push",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/sqlalchemy",
+      "imgPath": "img/logos/platforms/sqlalchemy.png",
+      "Title": "SQLAlchemy",
+      "Description": "SQLAlchemy is a Python-based data tool that provides a set of high-level API for connecting to relational databases and performing SQL operations.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/superset",
+      "imgPath": "img/logos/platforms/superset.svg",
+      "Title": "Superset",
+      "Description": "Superset is an open-source data exploration and visualization platform that allows users to create interactive dashboards and perform ad-hoc analysis on various data sources.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": ""
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/tableau",
+      "imgPath": "img/logos/platforms/tableau.png",
+      "Title": "Tableau",
+      "Description": "Tableau is a data visualization and business intelligence tool that helps users analyze and present data in a visually appealing and interactive way.",
+      "tags": {
+        "Platform Type": "BI Tool",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Lower Casing, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/trino",
+      "imgPath": "img/logos/platforms/trino.png",
+      "Title": "Trino",
+      "Description": "Trino is an open-source distributed SQL query engine designed to query large-scale data processing systems, including Hadoop, Cassandra, and relational databases.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion,  UI Ingestion, Status Aspect"
+      }
+    },
+    {
+      "Path": "docs/generated/ingestion/sources/vertica",
+      "imgPath": "img/logos/platforms/vertica.svg",
+      "Title": "Vertica",
+      "Description": "Vertica is a high-performance, column-oriented, relational database management system designed for large-scale data warehousing and analytics.",
+      "tags": {
+        "Platform Type": "Datastore",
+        "Connection Type": "Pull",
+        "Features": "Stateful Ingestion, Status Aspect"
+      }
+    }
+  ]
+}
diff --git a/docs-website/generateDocsDir.ts b/docs-website/generateDocsDir.ts
index 6a70897166..a8c3891cbc 100644
--- a/docs-website/generateDocsDir.ts
+++ b/docs-website/generateDocsDir.ts
@@ -274,6 +274,15 @@ function markdown_add_slug(
   contents.data.slug = slug;
 }
 
+// function copy_platform_logos(): void {
+//   execSync("mkdir -p " + OUTPUT_DIRECTORY + "/imgs/platform-logos");
+//   execSync(
+//     "cp -r ../datahub-web-react/src/images " +
+//       OUTPUT_DIRECTORY +
+//       "/imgs/platform-logos"
+//   );
+// }
+
 function new_url(original: string, filepath: string): string {
   if (original.toLowerCase().startsWith(HOSTED_SITE_URL)) {
     // For absolute links to the hosted docs site, we transform them into local ones.
@@ -537,6 +546,7 @@ function write_markdown_file(
     markdown_add_edit_url(contents, filepath);
     markdown_rewrite_urls(contents, filepath);
     markdown_enable_specials(contents, filepath);
+    //copy_platform_logos();
     // console.log(contents);
 
     const out_path = `${OUTPUT_DIRECTORY}/${filepath}`;
diff --git a/docs-website/package.json b/docs-website/package.json
index c622f8a461..9c23538167 100644
--- a/docs-website/package.json
+++ b/docs-website/package.json
@@ -21,11 +21,13 @@
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@docusaurus/core": "^2.1.0",
+    "@docusaurus/plugin-content-docs": "^2.1.0",
     "@docusaurus/plugin-ideal-image": "^2.1.0",
     "@docusaurus/preset-classic": "^2.1.0",
     "@octokit/plugin-retry": "^3.0.9",
     "@octokit/plugin-throttling": "^3.5.1",
     "@octokit/rest": "^18.6.2",
+    "antd": "^5.0.7",
     "clsx": "^1.1.1",
     "docusaurus-graphql-plugin": "0.5.0",
     "docusaurus-plugin-sass": "^0.2.1",
diff --git a/docs-website/src/pages/docs/_components/DropDownFilter/index.tsx b/docs-website/src/pages/docs/_components/DropDownFilter/index.tsx
new file mode 100644
index 0000000000..d109b106be
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/DropDownFilter/index.tsx
@@ -0,0 +1,163 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* eslint-disable jsx-a11y/no-autofocus */
+
+import React, { useEffect, useState, useReducer, useRef } from "react";
+import { Row, Col, Checkbox } from "antd";
+import type { SelectProps } from "antd";
+import { Select } from "antd";
+
+function DropDownFilter({ filterState, setFilterState, filterOptions }) {
+  function SingleFilter({
+    filterState,
+    setFilterState,
+    filter,
+    filterOptions,
+  }) {
+    const toArray = [...filterOptions[filter]];
+    const [selectedItems, setSelectedItems] = useState<any[]>([]);
+    const options: SelectProps["options"] = [];
+
+    toArray.forEach((item) => {
+      if (!filterState.includes(item)) {
+        options.push({
+          label: item,
+          value: item,
+        });
+      }
+    });
+
+    const toggleFilter = (item) => {
+      if (filterState.includes(item)) {
+        setFilterState(filterState.filter((val) => val !== item));
+      } else {
+        setFilterState([...filterState, item]);
+      }
+    };
+    const handleChange = (values: string[]) => {
+      values.forEach((value) => {
+        toggleFilter(value);
+      });
+      filterState
+        .filter((val) => {
+          return toArray.includes(val);
+        })
+        .forEach((value) => {
+          if (!values.includes(value)) {
+            toggleFilter(value);
+          }
+        });
+    };
+
+    let returnElement = <div />;
+    if (toArray.length <= 2) {
+      returnElement = (
+        <Row
+          style={{
+            width: "auto",
+            display: "flex",
+            flex: "1 1 auto",
+            flexDirection: "row",
+            justifyContent: "space-between",
+          }}
+        >
+          <Col style={{ marginRight: "10px" }}>{filter}</Col>
+          <Col
+            style={{ width: "55%", display: "flex", justifyContent: "start" }}
+          >
+            {toArray.length > 0 &&
+              toArray.map((item) => {
+                return (
+                  <Checkbox
+                    key={item}
+                    onChange={(e) => {
+                      toggleFilter(item);
+                    }}
+                    checked={filterState.includes(item)}
+                  >
+                    {item}
+                  </Checkbox>
+                );
+              })}
+          </Col>
+        </Row>
+      );
+    } else {
+      returnElement = (
+        <Row
+          style={{
+            width: "auto",
+            display: "flex",
+            flex: "1 1 auto",
+            flexDirection: "row",
+            justifyContent: "space-between",
+          }}
+        >
+          <Col>{filter}</Col>
+          <Select
+            mode="multiple"
+            allowClear
+            value={filterState.filter((val) => {
+              return toArray.includes(val);
+            })}
+            bordered={true}
+            style={{ width: "55%", marginLeft: "10px" }}
+            placeholder="Select"
+            onChange={handleChange}
+            options={options}
+          />
+        </Row>
+      );
+    }
+    return (
+      <Row
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          width: "auto",
+          flex: "1 1 auto",
+          marginTop: "16px",
+        }}
+      >
+        {returnElement}
+      </Row>
+    );
+  }
+
+  const keys = Object.keys(filterOptions);
+  var width: any = keys.length > 1 ? 100 / keys.length : 100;
+  width = width + "%";
+  return (
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        width: "auto",
+        flexDirection: "column",
+      }}
+    >
+      {keys
+        .sort((a, b) => {
+          return filterOptions[a].size - filterOptions[b].size;
+        })
+        .map((filter) => {
+          return (
+            <SingleFilter
+              filterState={filterState}
+              setFilterState={setFilterState}
+              filterOptions={filterOptions}
+              filter={filter}
+              key={filter}
+            />
+          );
+        })}
+    </div>
+  );
+}
+
+export default DropDownFilter;
diff --git a/docs-website/src/pages/docs/_components/DropDownFilter/search.module.scss b/docs-website/src/pages/docs/_components/DropDownFilter/search.module.scss
new file mode 100644
index 0000000000..17e5f22490
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/DropDownFilter/search.module.scss
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.searchForm {
+  position: relative;
+
+  &:focus + svg {
+    color: red;
+  }
+}
+
+.searchIcon {
+  position: absolute;
+  top: calc(50% - 1rem);
+  left: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.searchQueryInput,
+.searchVersionInput {
+  border-radius: 1000em;
+  border-style: solid;
+  border-color: transparent;
+  font: var(--ifm-font-size-base) var(--ifm-font-family-base);
+  padding: 0.8rem 0.8rem 0.8rem 3rem;
+  width: 100%;
+  background: var(--docsearch-searchbox-background);
+  color: var(--docsearch-text-color);
+  margin-bottom: 0.5rem;
+  transition: border var(--ifm-transition-fast) ease;
+
+  &:focus {
+    background: var(--ifm-background-color);
+
+    + svg {
+      color: var(--docsearch-primary-color);
+    }
+  }
+}
+
+.searchQueryInput:focus,
+.searchVersionInput:focus {
+  border-color: var(--docsearch-primary-color);
+  outline: none;
+}
+
+.searchQueryInput::placeholder {
+  color: var(--docsearch-muted-color);
+}
+
+.searchResultsColumn {
+  text-align: left;
+  font-size: 0.9rem;
+  font-weight: bold;
+}
+
+.algoliaLogo {
+  max-width: 150px;
+}
+
+.algoliaLogoPathFill {
+  fill: var(--ifm-font-color-base);
+}
+
+.searchResultItem {
+  text-align: left;
+  padding: 1rem 0;
+  border-bottom: 1px solid var(--ifm-toc-border-color);
+}
+
+.searchResultItemHeading {
+  font-weight: 400;
+  margin-bottom: 0;
+}
+
+.searchResultItemPath {
+  font-size: 0.7rem;
+  color: var(--ifm-color-content-secondary);
+  --ifm-breadcrumb-separator-size-multiplier: 1;
+}
+
+.searchResultItemSummary {
+  margin: 0.5rem 0 0 0;
+  font-style: italic;
+  font-size: 0.9rem;
+}
+
+@media only screen and (max-width: 996px) {
+  .searchVersionColumn {
+    max-width: 40% !important;
+  }
+
+  .searchResultsColumn {
+    max-width: 60% !important;
+  }
+
+  .searchLogoColumn {
+    max-width: 40% !important;
+    padding-left: 0 !important;
+  }
+}
+
+@media screen and (max-width: 576px) {
+  .searchQueryColumn {
+    max-width: 100% !important;
+  }
+
+  .searchVersionColumn {
+    max-width: 100% !important;
+    padding-left: var(--ifm-spacing-horizontal) !important;
+  }
+}
+
+.loadingSpinner {
+  width: 3rem;
+  height: 3rem;
+  border: 0.4em solid #eee;
+  border-top-color: var(--ifm-color-primary);
+  border-radius: 50%;
+  animation: loadingspin 1s linear infinite;
+  margin: 0 auto;
+}
+
+@keyframes loadingspin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.loader {
+  margin-top: 2rem;
+}
+
+:global(.search-result-match) {
+  color: var(--docsearch-hit-color);
+  background: rgba(255, 215, 142, 0.25);
+  padding: 0.09em 0;
+}
diff --git a/docs-website/src/pages/docs/_components/FilterBar/index.jsx b/docs-website/src/pages/docs/_components/FilterBar/index.jsx
new file mode 100644
index 0000000000..354ff1cfa7
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterBar/index.jsx
@@ -0,0 +1,198 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* eslint-disable jsx-a11y/no-autofocus */
+
+import React, { useEffect, useState, useReducer, useRef } from "react";
+
+import clsx from "clsx";
+import { translate } from "@docusaurus/Translate";
+import styles from "./search.module.scss";
+import DropDownFilter from "../../_components/DropDownFilter";
+import { FilterFilled, CloseCircleFilled } from "@ant-design/icons";
+import { Card, Button, Tag, Switch } from "antd";
+
+function FilterBar({
+  textState,
+  setTextState,
+  filterState,
+  setFilterState,
+  filterOptions,
+  allowExclusivity,
+  setIsExclusive,
+}) {
+  const [filtersOpen, setFiltersOpen] = useState(false);
+  const [selectedFilters, setSelectedFilters] = useState([]);
+  const [isSelectedExclusive, setIsSelectedExclusive] = useState(false);
+  function toggleFilters() {
+    setFiltersOpen(!filtersOpen);
+  }
+  function toggleSelectedExclusive() {
+    setIsSelectedExclusive(!isSelectedExclusive);
+  }
+
+  function applyFilters() {
+    setFilterState(selectedFilters);
+    setFiltersOpen(false);
+    setIsExclusive(isSelectedExclusive);
+  }
+  function removeFilters() {
+    setSelectedFilters([]);
+    setFilterState([]);
+    setIsExclusive(false);
+    setIsSelectedExclusive(false);
+  }
+  function removeFilter(filter) {
+    setSelectedFilters(selectedFilters.filter((f) => f !== filter));
+    setFilterState(filterState.filter((f) => f !== filter));
+  }
+
+  return (
+    <div>
+      <div className="DocSearch row">
+        <div className="col col--offset-3 col--6">
+          <form
+            onSubmit={(e) => e.preventDefault()}
+            className={styles.searchForm}
+          >
+            <input
+              type="text"
+              name="q"
+              className={styles.searchQueryInput}
+              placeholder={translate({
+                id: "theme.SearchPage.inputPlaceholder",
+                message: "Filter Integrations",
+                description: "The placeholder for search page input",
+              })}
+              aria-label={translate({
+                id: "theme.SearchPage.inputLabel",
+                message: "Filter",
+                description: "The ARIA label for search page input",
+              })}
+              onChange={(e) => setTextState(e.target.value)}
+              value={textState}
+              autoComplete="off"
+              autoFocus
+            />
+
+            <svg
+              width="20"
+              height="20"
+              className={clsx("DocSearch-Search-Icon", styles.searchIcon)}
+              viewBox="0 0 20 20"
+            >
+              <path
+                d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z"
+                stroke="currentColor"
+                fill="none"
+                fillRule="evenodd"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              ></path>
+            </svg>
+            <FilterFilled
+              className={
+                filtersOpen || filterState.length > 0
+                  ? clsx("DocSearch-Filter-Icon", styles.filterIcon)
+                  : clsx("DocSearch-Filter-Icon", styles.filterIconDark)
+              }
+              onClick={toggleFilters}
+              fill={filtersOpen ? "blue" : "var(--docsearch-muted-color)"}
+            />
+          </form>
+          {filtersOpen && (
+            <Card
+              style={{
+                display: "flex",
+                width: "auto",
+                boxSizing: "border-box",
+                boxShadow: "5px 8px 24px 5px rgba(208, 216, 243, 0.6)",
+              }}
+              bodyStyle={{
+                display: "flex",
+                justifyContent: "center",
+                width: "100%",
+                flexDirection: "column",
+                padding: "1rem",
+              }}
+            >
+              <CloseCircleFilled
+                onClick={toggleFilters}
+                className={clsx("DocSearch-Close-Icon", styles.closeIcon)}
+              />{" "}
+              <DropDownFilter
+                filterState={selectedFilters}
+                setFilterState={setSelectedFilters}
+                filterOptions={filterOptions}
+              />
+              <div
+                style={{
+                  display: "flex",
+                  width: "100%",
+                  justifyContent: allowExclusivity
+                    ? "space-between"
+                    : "flex-end",
+                  paddingTop: "1rem",
+                }}
+              >
+                {allowExclusivity && (
+                  <div>
+                    <Switch
+                      onChange={toggleSelectedExclusive}
+                      checked={isSelectedExclusive}
+                    />{" "}
+                    {isSelectedExclusive
+                      ? "Matches all tags "
+                      : "Matches any tags "}
+                  </div>
+                )}
+                <div>
+                  <Button
+                    onClick={removeFilters}
+                    className={clsx(
+                      "DocSearch-Reset-Button",
+                      styles.resetButton
+                    )}
+                    style={{ marginRight: "1rem" }}
+                  >
+                    Reset
+                  </Button>
+                  <Button
+                    onClick={applyFilters}
+                    type="primary"
+                    className={clsx(
+                      "DocSearch-Filter-Button",
+                      styles.filterButton
+                    )}
+                  >
+                    Search
+                  </Button>
+                </div>
+              </div>
+            </Card>
+          )}
+          {!filtersOpen && selectedFilters.length > 0 && (
+            <div>
+              {filterState.map((filter, i) => (
+                <Tag
+                  closable
+                  onClose={() => removeFilter(filter)}
+                  value={filter}
+                  key={filter + i}
+                >
+                  {filter}
+                </Tag>
+              ))}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default FilterBar;
diff --git a/docs-website/src/pages/docs/_components/FilterBar/search.module.scss b/docs-website/src/pages/docs/_components/FilterBar/search.module.scss
new file mode 100644
index 0000000000..0cd26e68c8
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterBar/search.module.scss
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.searchForm {
+  position: relative;
+
+  &:focus + svg {
+    color: red;
+  }
+}
+
+.searchIcon {
+  position: absolute;
+  top: calc(50% - 1rem);
+  left: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.filterIcon {
+  position: absolute;
+  top: calc(50% - 0.75rem);
+  right: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.filterIconDark {
+  position: absolute;
+  top: calc(50% - 0.75rem);
+  right: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  svg {
+    color: var(--docsearch-muted-color);
+  }
+}
+
+.closeIcon {
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+
+  svg {
+    color: var(--docsearch-muted-color);
+  }
+}
+
+.searchQueryInput,
+.searchVersionInput {
+  border-radius: 1000em;
+  border-style: solid;
+  border-color: transparent;
+  font: var(--ifm-font-size-base) var(--ifm-font-family-base);
+  padding: 0.8rem 0.8rem 0.8rem 3rem;
+  width: 100%;
+  background: var(--docsearch-searchbox-background);
+  color: var(--docsearch-text-color);
+  margin-bottom: 0.5rem;
+  transition: border var(--ifm-transition-fast) ease;
+
+  &:focus {
+    background: var(--ifm-background-color);
+
+    + svg {
+      color: var(--docsearch-primary-color);
+    }
+  }
+}
+
+.searchQueryInput:focus,
+.searchVersionInput:focus {
+  border-color: var(--docsearch-primary-color);
+  outline: none;
+}
+
+.searchQueryInput::placeholder {
+  color: var(--docsearch-muted-color);
+}
diff --git a/docs-website/src/pages/docs/_components/FilterCard/index.jsx b/docs-website/src/pages/docs/_components/FilterCard/index.jsx
new file mode 100644
index 0000000000..074717f246
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterCard/index.jsx
@@ -0,0 +1,120 @@
+import React from "react";
+import clsx from "clsx";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+import styles from "./quicklinkcard.module.scss";
+import { Tag } from "antd";
+
+const FilterCard = ({ image, title, description, to, filters, tags, useTags, useFilters }) => {
+  function renderFilters() {
+    const keys = Object.keys(filters);
+
+    return (
+      <div
+        style={{
+          display: "flex",
+          flex: "0 0 auto",
+          height: "auto",
+          width: "auto",
+          flexDirection: "column",
+          justifyContent: "end",
+          alignItems: "start",
+          fontSize: "0.65rem",
+        }}
+      >
+        {keys.map((key) => {
+          if (filters[key] === "") return;
+          return (
+            <div
+              key={key}
+              style={{
+                display: "flex",
+                flex: "0 0 auto",
+                flexWrap: "wrap",
+                flexDirection: "row",
+              }}
+            >
+              {" "}
+              {key + ": "}
+              {filters[key].split(",").map((tag, i) => (
+                <Tag
+                  key={tag + i}
+                  value={tag}
+                  style={{
+                    marginTop: 0,
+                    marginBottom: ".15rem",
+                    marginLeft: ".15rem",
+                    marginRight: 0,
+                    fontSize: "0.65rem",
+                  }}
+                >
+                  {tag}
+                </Tag>
+              ))}
+            </div>
+          );
+        })}
+      </div>
+    );
+  }
+
+  function renderTags() {
+    return (
+      <div
+        style={{
+          display: "flex",
+          flex: "0 0 auto",
+          height: "auto",
+          width: "auto",
+          flexDirection: "row",
+          flexWrap: "wrap",
+          alignItems: "start",
+          fontSize: "0.65rem",
+        }}
+      >
+        {tags.map((tag, i) => (
+          <Tag
+            key={tag + i}
+            value={tag}
+            style={{
+              marginTop: 0,
+              marginBottom: ".15rem",
+              marginLeft: ".15rem",
+              marginRight: 0,
+              fontSize: "0.65rem",
+            }}
+          >
+            {tag.trim()}
+          </Tag>
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <div className={clsx("col col--4", styles.featureCol)}>
+      <Link to={useBaseUrl(to)} className={clsx("card", styles.feature)}>
+        <div className={clsx("card__header", styles.featureHeader)}>
+          {image && (
+            <div className={styles.featureImage}>
+              <img src={useBaseUrl(image)} />
+            </div>
+          )}
+          <h2>{title}</h2>
+        </div>
+        <hr />
+        <div class="card__body">
+          <div>{description}</div>
+        </div>
+        {(useTags || useFilters) && (
+          <div class="card__footer">
+            {useTags && renderTags()}
+            {useFilters && renderFilters()}
+          </div>
+        )}
+      </Link>
+    </div>
+  );
+};
+
+export default FilterCard;
diff --git a/docs-website/src/pages/docs/_components/FilterCard/quicklinkcard.module.scss b/docs-website/src/pages/docs/_components/FilterCard/quicklinkcard.module.scss
new file mode 100644
index 0000000000..ded87dc64e
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterCard/quicklinkcard.module.scss
@@ -0,0 +1,41 @@
+.featureCol {
+  display: flex;
+}
+
+.feature {
+  color: var(--ifm-text-color);
+  text-decoration: none !important;
+  padding: 1rem;
+  margin-bottom: 2rem;
+  align-self: stretch;
+  &:hover {
+    border-color: var(--ifm-color-primary);
+  }
+  hr {
+    margin: 0;
+  }
+}
+
+.featureHeader {
+  text-align: center;
+  h2 {
+    margin-bottom: 1rem !important;
+    font-size: 1.25rem;
+  }
+}
+
+.featureImage {
+  background: var(--ifm-background-surface-color);
+  margin: 0 auto;
+  width: 4rem;
+  height: 4rem;
+  padding: 1rem;
+  border-radius: 100%;
+  margin-bottom: 0.5rem;
+
+  img {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+}
diff --git a/docs-website/src/pages/docs/_components/FilterCards/index.jsx b/docs-website/src/pages/docs/_components/FilterCards/index.jsx
new file mode 100644
index 0000000000..0e7cd6fee1
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterCards/index.jsx
@@ -0,0 +1,21 @@
+import React from "react";
+import clsx from "clsx";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+import styles from "./quicklinkcards.module.scss";
+import FilterCard from "../FilterCard";
+
+const FilterCards = ({ content, filterBar }) =>
+  content?.length > 0 ? (
+    <div style={{ padding: "2vh 0" }}>
+      <div className="container">
+        <div className="row">
+          {content.map((props, idx) => (
+            <FilterCard key={idx} {...props} />
+          ))}
+        </div>
+      </div>
+    </div>
+  ) : null;
+
+export default FilterCards;
diff --git a/docs-website/src/pages/docs/_components/FilterCards/quicklinkcards.module.scss b/docs-website/src/pages/docs/_components/FilterCards/quicklinkcards.module.scss
new file mode 100644
index 0000000000..d257d4ce83
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterCards/quicklinkcards.module.scss
@@ -0,0 +1,25 @@
+.feature {
+  flex-direction: row;
+  padding: 0.675rem;
+  color: var(--ifm-text-color);
+  margin: 0.5rem;
+  min-height: calc(100% - 1rem);
+  text-decoration: none !important;
+  svg {
+    width: 1.5rem;
+    height: 1.5rem;
+    margin-right: 0.75rem;
+  }
+  strong,
+  span {
+    display: block;
+    margin-bottom: 0.25rem;
+  }
+  span {
+    font-size: 0.875rem;
+    line-height: 1.25em;
+  }
+  &:hover {
+    border-color: var(--ifm-color-primary);
+  }
+}
diff --git a/docs-website/src/pages/docs/_components/FilterPage/index.jsx b/docs-website/src/pages/docs/_components/FilterPage/index.jsx
new file mode 100644
index 0000000000..60d58a4c9e
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/FilterPage/index.jsx
@@ -0,0 +1,120 @@
+import React from "react";
+import Layout from "@theme/Layout";
+import FilterBar from "../FilterBar";
+import FilterCards from "../FilterCards";
+
+export function FilterPage(
+  siteConfig,
+  metadata,
+  title,
+  subtitle,
+  allowExclusivity = false,
+  useTags = false,
+  useFilters = false
+) {
+  const [textState, setTextState] = React.useState("");
+  const [filterState, setFilterState] = React.useState([]);
+  const [isExclusive, setIsExclusive] = React.useState(false);
+
+  let filterOptions = {};
+  metadata.forEach((data) => {
+    const filters = data["tags"];
+    Object.keys(filters).map((key) => {
+      if (filterOptions[key] === undefined) {
+        filterOptions[key] = new Set();
+      }
+      filters[key].split(",").forEach((tag) => {
+        if (tag === " " || tag === "") return;
+        filterOptions[key].add(tag.trim());
+      });
+    });
+  });
+  const filterKeys = Object.keys(filterOptions);
+  function getTags(path) {
+    if (path === undefined || path === null) return;
+    const data = metadata.find((data) => {
+      if (data.Path === path) {
+        return data;
+      }
+    });
+    const recordTags = data["tags"];
+    let tags = [];
+    if (recordTags === undefined) return tags;
+    filterKeys.map((key) => {
+      if (recordTags[key] === undefined || recordTags[key] === null) return;
+      recordTags[key].split(",").forEach((feature) => {
+        if (feature === " " || feature === "") return;
+        tags.push(feature.trim());
+      });
+    });
+    return tags;
+  }
+
+  const ingestionSourceContent = metadata.map((source) => {
+    return {
+      title: source.Title,
+      image: source.imgPath,
+      description: source.Description,
+      tags: getTags(source.Path),
+      filters: source.tags,
+      to: source.Path,
+      useFilters: useFilters,
+      useTags: useTags,
+    };
+  });
+  const filteredIngestionSourceContent = ingestionSourceContent.filter(
+    (item) => {
+      if (textState === "" && filterState.length === 0) return true;
+      else if (filterState.length > 0) {
+        let flag = isExclusive;
+        filterState.forEach((filter) => {
+          flag =
+            (!isExclusive && (flag || item.tags.includes(filter))) ||
+            (isExclusive && flag && item.tags.includes(filter));
+        });
+        return flag;
+      }
+      return (
+        item.title.toLowerCase().includes(textState.toLowerCase()) ||
+        item.description.toLowerCase().includes(textState.toLowerCase())
+      );
+    }
+  );
+
+  return (
+    <Layout
+      title={siteConfig.tagline}
+      description="DataHub is a data discovery application built on an extensible metadata platform that helps you tame the complexity of diverse data ecosystems."
+    >
+      <header className={"hero"}>
+        <div className="container">
+          <div className="hero__content">
+            <div>
+              <h1 className="hero__title">{title}</h1>
+              <p className="hero__subtitle">{subtitle}</p>
+
+              <FilterBar
+                textState={textState}
+                setTextState={setTextState}
+                filterState={filterState}
+                setFilterState={setFilterState}
+                filterOptions={filterOptions}
+                allowExclusivity={allowExclusivity}
+                setIsExclusive={setIsExclusive}
+              />
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <FilterCards
+        content={filteredIngestionSourceContent}
+        filterBar={<FilterBar />}
+      />
+      <br />
+      <br />
+    </Layout>
+  );
+}
+
+export default FilterPage;
diff --git a/docs-website/src/pages/docs/_components/GuideList/index.js b/docs-website/src/pages/docs/_components/GuideList/index.jsx
similarity index 100%
rename from docs-website/src/pages/docs/_components/GuideList/index.js
rename to docs-website/src/pages/docs/_components/GuideList/index.jsx
diff --git a/docs-website/src/pages/docs/_components/QuickLinkCard/index.jsx b/docs-website/src/pages/docs/_components/QuickLinkCard/index.jsx
new file mode 100644
index 0000000000..482ce4f6b3
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/QuickLinkCard/index.jsx
@@ -0,0 +1,36 @@
+import React from "react";
+import clsx from "clsx";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+import styles from "./quicklinkcard.module.scss";
+
+import {
+  ThunderboltTwoTone,
+  ApiTwoTone,
+  DeploymentUnitOutlined,
+  SyncOutlined,
+  CodeTwoTone,
+  QuestionCircleTwoTone,
+  SlidersTwoTone,
+  HeartTwoTone,
+} from "@ant-design/icons";
+
+
+
+
+const QuickLinkCard = ({ icon, platformIcon, title, description, to }) => {
+  return (
+    <div className="col col--3">
+      <Link to={useBaseUrl(to)} className={clsx("card", styles.feature)}>
+        {icon}
+        {platformIcon && <img src={useBaseUrl(`/img/logos/platforms/${platformIcon}.svg`)} />}
+        <div>
+          <strong>{title}</strong>
+          <span>{description}</span>
+        </div>
+      </Link>
+    </div>
+  );
+};
+
+export default QuickLinkCard;
diff --git a/docs-website/src/pages/docs/_components/QuickLinkCard/quicklinkcard.module.scss b/docs-website/src/pages/docs/_components/QuickLinkCard/quicklinkcard.module.scss
new file mode 100644
index 0000000000..cf239ff864
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/QuickLinkCard/quicklinkcard.module.scss
@@ -0,0 +1,30 @@
+.feature {
+  flex-direction: row;
+  padding: 0.675rem;
+  color: var(--ifm-text-color);
+  margin: 0.5rem;
+  min-height: calc(100% - 1rem);
+  text-decoration: none !important;
+  img {
+    width: 1.5rem;
+    height: 1.5rem;
+    margin-right: 0.75rem;
+  }
+  svg {
+    width: 1.5rem;
+    height: 1.5rem;
+    margin-right: 0.75rem;
+  }
+  strong,
+  span {
+    display: block;
+    margin-bottom: 0.25rem;
+  }
+  span {
+    font-size: 0.875rem;
+    line-height: 1.25em;
+  }
+  &:hover {
+    border-color: var(--ifm-color-primary);
+  }
+}
diff --git a/docs-website/src/pages/docs/_components/QuickLinkCards/index.js b/docs-website/src/pages/docs/_components/QuickLinkCards/index.js
deleted file mode 100644
index b12ada0398..0000000000
--- a/docs-website/src/pages/docs/_components/QuickLinkCards/index.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import useBaseUrl from "@docusaurus/useBaseUrl";
-import Link from "@docusaurus/Link";
-import styles from "./quicklinkcards.module.scss";
-
-import {
-  ThunderboltTwoTone,
-  ApiTwoTone,
-  DeploymentUnitOutlined,
-  SyncOutlined,
-  CodeTwoTone,
-  QuestionCircleTwoTone,
-  SlidersTwoTone,
-  HeartTwoTone,
-} from "@ant-design/icons";
-
-const quickLinkContent = [
-  {
-    title: "Get Started",
-    icon: <ThunderboltTwoTone />,
-    description: "Details on how to get DataHub up and running",
-    to: "/docs/get-started-with-datahub",
-  },
-  {
-    title: "Ingest Metadata",
-    icon: <ApiTwoTone />,
-    description: "Details on how to get Metadata loaded into DataHub",
-    to: "/docs/metadata-ingestion",
-  },
-  {
-    title: "Enrich Metadata",
-    icon: <DeploymentUnitOutlined />,
-    description: "Improve the quality and coverage of Metadata",
-    to: "docs/enrich-metadata",
-  },
-  {
-    title: "Act on Metadata",
-    icon: <SyncOutlined />,
-    description: "Step-by-step guides for acting on Metadata Events",
-    to: "docs/act-on-metadata",
-  },
-  {
-    title: "Developer Guides",
-    icon: <CodeTwoTone />,
-    description: "Interact with DataHub programmatically ",
-    to: "/docs/cli",
-  },
-  {
-    title: "Feature Guides",
-    icon: <QuestionCircleTwoTone />,
-    description: "Step-by-step guides for making the most of DataHub",
-    to: "/docs/how/search",
-  },
-  {
-    title: "Deployment Guides",
-    icon: <SlidersTwoTone />,
-    description: "Step-by-step guides for deploying DataHub to production",
-    to: "/docs/deploy/aws",
-  },
-  {
-    title: "Join the Community",
-    icon: <HeartTwoTone />,
-    description: "Collaborate, learn, and grow with us",
-    to: "/docs/slack",
-  },
-];
-
-const Card = ({ icon, title, description, to }) => {
-  return (
-    <div className="col col--3">
-      <Link to={useBaseUrl(to)} className={clsx("card", styles.feature)}>
-        {icon}
-        <div>
-          <strong>{title}</strong>
-          <span>{description}</span>
-        </div>
-      </Link>
-    </div>
-  );
-};
-
-const QuickLinkCards = () =>
-  quickLinkContent?.length > 0 ? (
-    <div style={{ padding: "2vh 0" }}>
-      <div className="container">
-        <div className="row row--no-gutters">
-          {quickLinkContent.map((props, idx) => (
-            <Card key={idx} {...props} />
-          ))}
-        </div>
-      </div>
-    </div>
-  ) : null;
-
-export default QuickLinkCards;
diff --git a/docs-website/src/pages/docs/_components/QuickLinkCards/index.jsx b/docs-website/src/pages/docs/_components/QuickLinkCards/index.jsx
new file mode 100644
index 0000000000..75f73267a1
--- /dev/null
+++ b/docs-website/src/pages/docs/_components/QuickLinkCards/index.jsx
@@ -0,0 +1,22 @@
+import React from "react";
+import clsx from "clsx";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+import styles from "./quicklinkcards.module.scss";
+import QuickLinkCard from "../QuickLinkCard";
+
+
+const QuickLinkCards = ({quickLinkContent}) =>
+  quickLinkContent?.length > 0 ? (
+    <div style={{ padding: "2vh 0" }}>
+      <div className="container">
+        <div className="row row--no-gutters">
+          {quickLinkContent.map((props, idx) => (
+            <QuickLinkCard key={idx} {...props} />
+          ))}
+        </div>
+      </div>
+    </div>
+  ) : null;
+
+export default QuickLinkCards;
diff --git a/docs-website/src/pages/docs/_components/SearchBar/index.js b/docs-website/src/pages/docs/_components/SearchBar/index.jsx
similarity index 100%
rename from docs-website/src/pages/docs/_components/SearchBar/index.js
rename to docs-website/src/pages/docs/_components/SearchBar/index.jsx
diff --git a/docs-website/src/pages/docs/index.js b/docs-website/src/pages/docs/index.js
index 0086bfea7f..072d505ffc 100644
--- a/docs-website/src/pages/docs/index.js
+++ b/docs-website/src/pages/docs/index.js
@@ -20,6 +20,17 @@ import {
   HistoryOutlined,
 } from "@ant-design/icons";
 
+//quickLinkCards
+import {
+  ThunderboltTwoTone,
+  DeploymentUnitOutlined,
+  SyncOutlined,
+  CodeTwoTone,
+  QuestionCircleTwoTone,
+  SlidersTwoTone,
+  HeartTwoTone,
+} from "@ant-design/icons";
+
 const deploymentGuideContent = [
   {
     title: "Managed DataHub",
@@ -93,17 +104,100 @@ const ingestionGuideContent = [
 
 const featureGuideContent = [
   { title: "Domains", icon: <FolderTwoTone />, to: "docs/domains" },
-  { title: "Glossary Terms", icon: <BookTwoTone />, to: "docs/glossary/business-glossary" },
+  {
+    title: "Glossary Terms",
+    icon: <BookTwoTone />,
+    to: "docs/glossary/business-glossary",
+  },
   { title: "Tags", icon: <TagsTwoTone />, to: "docs/tags" },
-  { title: "UI-Based Ingestion", icon: <ApiTwoTone />, to: "docs/ui-ingestion" },
+  {
+    title: "UI-Based Ingestion",
+    icon: <ApiTwoTone />,
+    to: "docs/ui-ingestion",
+  },
   { title: "Search", icon: <SearchOutlined />, to: "docs/how/search" },
   // { title: "Browse", icon: <CompassTwoTone />, to: "/docs/quickstart" },
-  { title: "Lineage Impact Analysis", icon: <NodeExpandOutlined />, to: "docs/act-on-metadata/impact-analysis" },
-  { title: "Metadata Tests", icon: <CheckCircleTwoTone />, to: "docs/tests/metadata-tests" },
-  { title: "Approval Flows", icon: <SafetyCertificateTwoTone />, to: "docs/managed-datahub/approval-workflows" },
-  { title: "Personal Access Tokens", icon: <LockTwoTone />, to: "docs/authentication/personal-access-tokens" },
-  { title: "Slack Notifications", icon: <SlackOutlined />, to: "docs/managed-datahub/saas-slack-setup" },
-  { title: "Schema History", icon: <HistoryOutlined />, to: "docs/schema-history" },
+  {
+    title: "Lineage Impact Analysis",
+    icon: <NodeExpandOutlined />,
+    to: "docs/act-on-metadata/impact-analysis",
+  },
+  {
+    title: "Metadata Tests",
+    icon: <CheckCircleTwoTone />,
+    to: "docs/tests/metadata-tests",
+  },
+  {
+    title: "Approval Flows",
+    icon: <SafetyCertificateTwoTone />,
+    to: "docs/managed-datahub/approval-workflows",
+  },
+  {
+    title: "Personal Access Tokens",
+    icon: <LockTwoTone />,
+    to: "docs/authentication/personal-access-tokens",
+  },
+  {
+    title: "Slack Notifications",
+    icon: <SlackOutlined />,
+    to: "docs/managed-datahub/saas-slack-setup",
+  },
+  {
+    title: "Schema History",
+    icon: <HistoryOutlined />,
+    to: "docs/schema-history",
+  },
+];
+
+const quickLinkContent = [
+  {
+    title: "Get Started",
+    icon: <ThunderboltTwoTone />,
+    description: "Details on how to get DataHub up and running",
+    to: "/docs/get-started-with-datahub",
+  },
+  {
+    title: "Ingest Metadata",
+    icon: <ApiTwoTone />,
+    description: "Details on how to get Metadata loaded into DataHub",
+    to: "/docs/metadata-ingestion",
+  },
+  {
+    title: "Enrich Metadata",
+    icon: <DeploymentUnitOutlined />,
+    description: "Improve the quality and coverage of Metadata",
+    to: "docs/enrich-metadata",
+  },
+  {
+    title: "Act on Metadata",
+    icon: <SyncOutlined />,
+    description: "Step-by-step guides for acting on Metadata Events",
+    to: "docs/act-on-metadata",
+  },
+  {
+    title: "Developer Guides",
+    icon: <CodeTwoTone />,
+    description: "Interact with DataHub programmatically ",
+    to: "/docs/cli",
+  },
+  {
+    title: "Feature Guides",
+    icon: <QuestionCircleTwoTone />,
+    description: "Step-by-step guides for making the most of DataHub",
+    to: "/docs/how/search",
+  },
+  {
+    title: "Deployment Guides",
+    icon: <SlidersTwoTone />,
+    description: "Step-by-step guides for deploying DataHub to production",
+    to: "/docs/deploy/aws",
+  },
+  {
+    title: "Join the Community",
+    icon: <HeartTwoTone />,
+    description: "Collaborate, learn, and grow with us",
+    to: "/docs/slack",
+  },
 ];
 
 function Docs() {
@@ -120,14 +214,27 @@ function Docs() {
           <div className="hero__content">
             <div>
               <h1 className="hero__title">Documentation</h1>
-              <p className="hero__subtitle">Guides and tutorials for everything DataHub.</p>
+              <p className="hero__subtitle">
+                Guides and tutorials for everything DataHub.
+              </p>
               <SearchBar />
             </div>
           </div>
-          <QuickLinkCards />
-          <GuideList title="Deployment Guides" content={deploymentGuideContent} />
-          <GuideList title="Ingestion Guides" content={ingestionGuideContent} seeMoreLink={{ label: "See all 50+ sources", to: "/docs/lineage/airflow" }} />
-          <GuideList title="Feature Guides" content={featureGuideContent} seeMoreLink={{ label: "See all guides", to: "/docs/how/search" }} />
+          <QuickLinkCards quickLinkContent={quickLinkContent} />
+          <GuideList
+            title="Deployment Guides"
+            content={deploymentGuideContent}
+          />
+          <GuideList
+            title="Ingestion Guides"
+            content={ingestionGuideContent}
+            seeMoreLink={{ label: "See all 50+ sources", to: "/integrations" }}
+          />
+          <GuideList
+            title="Feature Guides"
+            content={featureGuideContent}
+            seeMoreLink={{ label: "See all guides", to: "/docs/how/search" }}
+          />
         </div>
       </header>
     </Layout>
diff --git a/docs-website/src/pages/integrations.jsx b/docs-website/src/pages/integrations.jsx
new file mode 100644
index 0000000000..b4ea6314b0
--- /dev/null
+++ b/docs-website/src/pages/integrations.jsx
@@ -0,0 +1,21 @@
+import React from "react";
+
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import { FilterPage } from "./docs/_components/FilterPage";
+import { FastBackwardFilled } from "@ant-design/icons";
+const filterTagIndexes = require("../../filterTagIndexes.json");
+const metadata = filterTagIndexes.ingestionSources;
+
+function DataProviderComponent() {
+  const context = useDocusaurusContext();
+  const { siteConfig = {} } = context;
+
+  return FilterPage(
+    siteConfig,
+    metadata,
+    "DataHub Integrations",
+    "Services that integrate with DataHub"
+  );
+}
+
+export default DataProviderComponent;
diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
index c170739c36..e8949a584a 100644
--- a/docs-website/src/styles/global.scss
+++ b/docs-website/src/styles/global.scss
@@ -29,7 +29,7 @@
   /* Rule */
   --ifm-hr-border-width: 1px 0 0 0;
   --ifm-hr-border-color: #e3e3e3;
-
+  --ifm-hr-background-color: #e3e3e3;
   /* More Colors */
   --ifm-hero-background-color: var(--ifm-background-color);
   --ifm-background-surface-color: #fafafa;
diff --git a/docs-website/static/img/logos/platforms/hana.svg b/docs-website/static/img/logos/platforms/hana.svg
new file mode 100644
index 0000000000..3b3c5ab0e8
--- /dev/null
+++ b/docs-website/static/img/logos/platforms/hana.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 120 135" style="enable-background:new 0 0 120 135;" xml:space="preserve"> <style type="text/css"> .st0{fill:#00B8F1;} .st1{fill:#FFFFFF;} </style> <path class="st0" d="M52,4.6L9.6,29.2c-4.9,2.9-8,8.1-8,13.8v49c0,5.7,3,11,8,13.8L52,130.4c4.9,2.9,11,2.9,16,0l42.5-24.5 c4.9-2.9,8-8.1,8-13.8V43c0-5.7-3-11-8-13.8L68,4.6C63,1.8,57,1.8,52,4.6z"></path> <g> <g> <path class="st1" d="M28.2,64.5l-1.6,5c0.5,0.2,1,0.3,1.6,0.3h0c0.6,0,1.1-0.1,1.6-0.3L28.2,64.5L28.2,64.5z"></path> <path class="st1" d="M40.2,62.9h-1.1V67h1.1c1.5,0,2.7-0.5,2.7-2.1C42.9,63.4,41.7,62.9,40.2,62.9z"></path> <path class="st1" d="M9.5,54.8v25.4h25.9l25.4-25.4H9.5z M40.7,70.4h-1.6v4.8h-7.5L30.9,73c-0.8,0.3-1.7,0.4-2.6,0.4 c-1,0-1.9-0.2-2.7-0.4l-0.8,2.3h-4.6l0.5-1.4l-0.2,0.2c-1.1,0.9-2.6,1.4-4.3,1.5h-0.3c-2,0-4-0.6-5.7-1.5l1.6-3.1 c1.7,1,2.7,1.2,4.2,1.2c0.7,0,1.3-0.2,1.6-0.5c0.2-0.2,0.3-0.5,0.3-0.8c0-0.8-1.1-1.2-2.5-1.6c-1.1-0.4-2.4-0.8-3.4-1.6 c-1.2-0.9-1.8-2-1.7-3.5c0-1.1,0.4-2.1,1.2-2.9c1.1-1.1,2.9-1.8,5-1.8h0c1.8,0,4.1,0.5,5.7,1.4l-1.8,3.1c-1.8-0.9-2.7-0.9-3.7-1 c-1.5-0.1-2.3,0.5-2.3,1c0,0.7,1.4,1.4,2.8,1.8c2.1,0.7,4.7,1.5,5.1,4.1l3.8-10h4.4l4.4,12v-12h5l0,0c4.8,0,7.1,1.7,7.1,5.5 C47,68.4,44.7,70.4,40.7,70.4z"></path> </g> <g> <path class="st1" d="M62.8,74.7v-5.1H57v5.1h-2.9V61.8H57V67h5.8v-5.1h2.8v12.9H62.8z"></path> <path class="st1" d="M77.6,72.5H71l-0.9,2.2H67l5.8-12.9h3.1l5.8,12.9h-3.1L77.6,72.5z M74.3,64.7L72.1,70h4.4L74.3,64.7z"></path> <path class="st1" d="M92,70.2l-0.2-4v-4.3h2.9v12.9h-2.5l-6.4-8.2l0.1,4.2v4H83V61.8h2.5L92,70.2z"></path> <path class="st1" d="M106.7,72.5h-6.6l-0.9,2.2H96l5.8-12.9h3.1l5.8,12.9h-3.1L106.7,72.5z M103.4,64.7l-2.2,5.2h4.4L103.4,64.7z"></path> </g> </g> </svg> 
\ No newline at end of file
diff --git a/docs-website/static/img/logos/platforms/openapi.png b/docs-website/static/img/logos/platforms/openapi.png
new file mode 100644
index 0000000000..6c4c1c059a
Binary files /dev/null and b/docs-website/static/img/logos/platforms/openapi.png differ
diff --git a/docs-website/static/img/logos/platforms/vertica.svg b/docs-website/static/img/logos/platforms/vertica.svg
new file mode 100644
index 0000000000..592ffc58cd
--- /dev/null
+++ b/docs-website/static/img/logos/platforms/vertica.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 300 150" style="enable-background:new 0 0 792 612;" xmlns="http://www.w3.org/2000/svg">
+  <polygon points="102.075 51.675 69.835 51.675 69.835 51.675 69.835 51.675 51.692 83.742 33.608 51.675 25 51.675 51.75 98.995 74.225 59.188 102.075 59.188"/>
+  <polygon points="102.075 78.252 102.075 70.742 70.065 70.742 70.065 96.915 102.075 96.915 102.075 89.402 77.578 89.402 77.578 78.252"/>
+  <rect x="181.285" y="51.675" width="7.51" height="45.24"/>
+  <path d="M 178.34 51.675 L 139.975 51.675 L 139.975 51.79 C 142.345 53.697 144.135 56.24 145.175 59.187 L 155.402 59.187 L 155.402 96.915 L 162.912 96.915 L 162.912 59.187 L 178.34 59.187 L 178.34 51.675 Z"/>
+  <path d="M 138.127 96.915 L 145.637 96.915 L 134.545 76.577 C 139.282 74.67 142.632 69.99 142.632 64.617 C 142.632 57.452 136.855 51.675 129.692 51.675 L 112.705 51.675 L 107.677 51.675 L 105.195 51.675 L 105.195 96.915 L 112.705 96.915 L 112.705 77.502 L 127.552 77.502 L 138.127 96.915 Z M 112.705 59.187 L 129.692 59.187 C 132.695 59.187 135.122 61.612 135.122 64.617 C 135.122 67.622 132.695 70.047 129.692 70.047 L 112.705 70.047 L 112.705 59.187 Z"/>
+  <path d="M 246.805 50 L 227.507 82.125 L 227.507 82.182 C 224.792 86.687 219.88 89.692 214.277 89.692 C 205.725 89.692 198.792 82.76 198.792 74.207 C 198.792 65.657 205.725 58.725 214.277 58.725 C 219.535 58.725 224.157 61.325 226.987 65.367 L 231.032 58.607 C 226.872 54.102 220.92 51.33 214.277 51.33 C 201.622 51.33 191.397 61.555 191.397 74.207 C 191.397 86.862 201.622 97.087 214.277 97.087 C 222.597 97.087 229.877 92.64 233.92 85.995 L 246.805 64.502 L 266.332 97.03 L 275 96.915 L 246.805 50 Z"/>
+</svg>
\ No newline at end of file
diff --git a/docs-website/yarn.lock b/docs-website/yarn.lock
index a4d67b15f6..381ebe301d 100644
--- a/docs-website/yarn.lock
+++ b/docs-website/yarn.lock
@@ -145,6 +145,20 @@
   dependencies:
     "@ctrl/tinycolor" "^3.4.0"
 
+"@ant-design/cssinjs@^1.0.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ant-design/cssinjs/-/cssinjs-1.2.0.tgz#3ba7d79617e0aa617823d7ba3f5d30072a8ab870"
+  integrity sha512-TjZVH4lgc7jAhYn9yStjnQI7u93b+VAg2oXIyzy12XjnFjCTR+nQIHfuixK+Vm0sx2L8ecDOBDEPT9ldCA7RPQ==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    "@emotion/hash" "^0.8.0"
+    "@emotion/unitless" "^0.7.5"
+    classnames "^2.3.1"
+    csstype "^3.0.10"
+    rc-util "^5.24.2"
+    shallowequal "^1.1.0"
+    stylis "^4.0.13"
+
 "@ant-design/icons-svg@^4.2.1":
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.2.1.tgz#8630da8eb4471a4aabdaed7d1ff6a97dcb2cf05a"
@@ -161,6 +175,17 @@
     classnames "^2.2.6"
     rc-util "^5.9.4"
 
+"@ant-design/react-slick@~0.29.1":
+  version "0.29.2"
+  resolved "https://registry.yarnpkg.com/@ant-design/react-slick/-/react-slick-0.29.2.tgz#53e6a7920ea3562eebb304c15a7fc2d7e619d29c"
+  integrity sha512-kgjtKmkGHa19FW21lHnAfyyH9AAoh35pBdcJ53rHmQ3O+cfFHGHnUbj/HFrRNJ5vIts09FKJVAD8RpaC+RaWfA==
+  dependencies:
+    "@babel/runtime" "^7.10.4"
+    classnames "^2.2.5"
+    json2mq "^0.2.0"
+    lodash "^4.17.21"
+    resize-observer-polyfill "^1.5.1"
+
 "@ardatan/aggregate-error@0.0.6":
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/@ardatan/aggregate-error/-/aggregate-error-0.0.6.tgz#fe6924771ea40fc98dc7a7045c2e872dc8527609"
@@ -1195,6 +1220,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.16.7", "@babel/runtime@^7.18.0", "@babel/runtime@^7.20.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.21.0.tgz#5b55c9d394e5fcf304909a8b00c07dc217b56673"
+  integrity sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/template@^7.12.7", "@babel/template@^7.18.10", "@babel/template@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
@@ -1331,6 +1363,83 @@
     webpack-merge "^5.8.0"
     webpackbar "^5.0.2"
 
+"@docusaurus/core@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-2.3.1.tgz#32849f2ffd2f086a4e55739af8c4195c5eb386f2"
+  integrity sha512-0Jd4jtizqnRAr7svWaBbbrCCN8mzBNd2xFLoT/IM7bGfFie5y58oz97KzXliwiLY3zWjqMXjQcuP1a5VgCv2JA==
+  dependencies:
+    "@babel/core" "^7.18.6"
+    "@babel/generator" "^7.18.7"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-transform-runtime" "^7.18.6"
+    "@babel/preset-env" "^7.18.6"
+    "@babel/preset-react" "^7.18.6"
+    "@babel/preset-typescript" "^7.18.6"
+    "@babel/runtime" "^7.18.6"
+    "@babel/runtime-corejs3" "^7.18.6"
+    "@babel/traverse" "^7.18.8"
+    "@docusaurus/cssnano-preset" "2.3.1"
+    "@docusaurus/logger" "2.3.1"
+    "@docusaurus/mdx-loader" "2.3.1"
+    "@docusaurus/react-loadable" "5.5.2"
+    "@docusaurus/utils" "2.3.1"
+    "@docusaurus/utils-common" "2.3.1"
+    "@docusaurus/utils-validation" "2.3.1"
+    "@slorber/static-site-generator-webpack-plugin" "^4.0.7"
+    "@svgr/webpack" "^6.2.1"
+    autoprefixer "^10.4.7"
+    babel-loader "^8.2.5"
+    babel-plugin-dynamic-import-node "^2.3.3"
+    boxen "^6.2.1"
+    chalk "^4.1.2"
+    chokidar "^3.5.3"
+    clean-css "^5.3.0"
+    cli-table3 "^0.6.2"
+    combine-promises "^1.1.0"
+    commander "^5.1.0"
+    copy-webpack-plugin "^11.0.0"
+    core-js "^3.23.3"
+    css-loader "^6.7.1"
+    css-minimizer-webpack-plugin "^4.0.0"
+    cssnano "^5.1.12"
+    del "^6.1.1"
+    detect-port "^1.3.0"
+    escape-html "^1.0.3"
+    eta "^2.0.0"
+    file-loader "^6.2.0"
+    fs-extra "^10.1.0"
+    html-minifier-terser "^6.1.0"
+    html-tags "^3.2.0"
+    html-webpack-plugin "^5.5.0"
+    import-fresh "^3.3.0"
+    leven "^3.1.0"
+    lodash "^4.17.21"
+    mini-css-extract-plugin "^2.6.1"
+    postcss "^8.4.14"
+    postcss-loader "^7.0.0"
+    prompts "^2.4.2"
+    react-dev-utils "^12.0.1"
+    react-helmet-async "^1.3.0"
+    react-loadable "npm:@docusaurus/react-loadable@5.5.2"
+    react-loadable-ssr-addon-v5-slorber "^1.0.1"
+    react-router "^5.3.3"
+    react-router-config "^5.1.1"
+    react-router-dom "^5.3.3"
+    rtl-detect "^1.0.4"
+    semver "^7.3.7"
+    serve-handler "^6.1.3"
+    shelljs "^0.8.5"
+    terser-webpack-plugin "^5.3.3"
+    tslib "^2.4.0"
+    update-notifier "^5.1.0"
+    url-loader "^4.1.1"
+    wait-on "^6.0.1"
+    webpack "^5.73.0"
+    webpack-bundle-analyzer "^4.5.0"
+    webpack-dev-server "^4.9.3"
+    webpack-merge "^5.8.0"
+    webpackbar "^5.0.2"
+
 "@docusaurus/cssnano-preset@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-2.2.0.tgz#fc05044659051ae74ab4482afcf4a9936e81d523"
@@ -1341,6 +1450,16 @@
     postcss-sort-media-queries "^4.2.1"
     tslib "^2.4.0"
 
+"@docusaurus/cssnano-preset@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-2.3.1.tgz#e042487655e3e062417855e12edb3f6eee8f5ecb"
+  integrity sha512-7mIhAROES6CY1GmCjR4CZkUfjTL6B3u6rKHK0ChQl2d1IevYXq/k/vFgvOrJfcKxiObpMnE9+X6R2Wt1KqxC6w==
+  dependencies:
+    cssnano-preset-advanced "^5.3.8"
+    postcss "^8.4.14"
+    postcss-sort-media-queries "^4.2.1"
+    tslib "^2.4.0"
+
 "@docusaurus/logger@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-2.2.0.tgz#ea2f7feda7b8675485933b87f06d9c976d17423f"
@@ -1349,6 +1468,14 @@
     chalk "^4.1.2"
     tslib "^2.4.0"
 
+"@docusaurus/logger@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-2.3.1.tgz#d76aefb452e3734b4e0e645efc6cbfc0aae52869"
+  integrity sha512-2lAV/olKKVr9qJhfHFCaqBIl8FgYjbUFwgUnX76+cULwQYss+42ZQ3grHGFvI0ocN2X55WcYe64ellQXz7suqg==
+  dependencies:
+    chalk "^4.1.2"
+    tslib "^2.4.0"
+
 "@docusaurus/lqip-loader@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/lqip-loader/-/lqip-loader-2.2.0.tgz#46ccf0da970cd7817c885e09ff14d8bccd64d434"
@@ -1383,6 +1510,29 @@
     url-loader "^4.1.1"
     webpack "^5.73.0"
 
+"@docusaurus/mdx-loader@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-2.3.1.tgz#7ec6acee5eff0a280e1b399ea4dd690b15a793f7"
+  integrity sha512-Gzga7OsxQRpt3392K9lv/bW4jGppdLFJh3luKRknCKSAaZrmVkOQv2gvCn8LAOSZ3uRg5No7AgYs/vpL8K94lA==
+  dependencies:
+    "@babel/parser" "^7.18.8"
+    "@babel/traverse" "^7.18.8"
+    "@docusaurus/logger" "2.3.1"
+    "@docusaurus/utils" "2.3.1"
+    "@mdx-js/mdx" "^1.6.22"
+    escape-html "^1.0.3"
+    file-loader "^6.2.0"
+    fs-extra "^10.1.0"
+    image-size "^1.0.1"
+    mdast-util-to-string "^2.0.0"
+    remark-emoji "^2.2.0"
+    stringify-object "^3.3.0"
+    tslib "^2.4.0"
+    unified "^9.2.2"
+    unist-util-visit "^2.0.3"
+    url-loader "^4.1.1"
+    webpack "^5.73.0"
+
 "@docusaurus/module-type-aliases@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.2.0.tgz#1e23e54a1bbb6fde1961e4fa395b1b69f4803ba5"
@@ -1397,6 +1547,20 @@
     react-helmet-async "*"
     react-loadable "npm:@docusaurus/react-loadable@5.5.2"
 
+"@docusaurus/module-type-aliases@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.3.1.tgz#986186200818fed999be2e18d6c698eaf4683a33"
+  integrity sha512-6KkxfAVOJqIUynTRb/tphYCl+co3cP0PlHiMDbi+SzmYxMdgIrwYqH9yAnGSDoN6Jk2ZE/JY/Azs/8LPgKP48A==
+  dependencies:
+    "@docusaurus/react-loadable" "5.5.2"
+    "@docusaurus/types" "2.3.1"
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    "@types/react-router-config" "*"
+    "@types/react-router-dom" "*"
+    react-helmet-async "*"
+    react-loadable "npm:@docusaurus/react-loadable@5.5.2"
+
 "@docusaurus/plugin-content-blog@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-2.2.0.tgz#dc55982e76771f4e678ac10e26d10e1da2011dc1"
@@ -1441,6 +1605,28 @@
     utility-types "^3.10.0"
     webpack "^5.73.0"
 
+"@docusaurus/plugin-content-docs@^2.1.0":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-2.3.1.tgz#feae1555479558a55182f22f8a07acc5e0d7444d"
+  integrity sha512-DxztTOBEruv7qFxqUtbsqXeNcHqcVEIEe+NQoI1oi2DBmKBhW/o0MIal8lt+9gvmpx3oYtlwmLOOGepxZgJGkw==
+  dependencies:
+    "@docusaurus/core" "2.3.1"
+    "@docusaurus/logger" "2.3.1"
+    "@docusaurus/mdx-loader" "2.3.1"
+    "@docusaurus/module-type-aliases" "2.3.1"
+    "@docusaurus/types" "2.3.1"
+    "@docusaurus/utils" "2.3.1"
+    "@docusaurus/utils-validation" "2.3.1"
+    "@types/react-router-config" "^5.0.6"
+    combine-promises "^1.1.0"
+    fs-extra "^10.1.0"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    lodash "^4.17.21"
+    tslib "^2.4.0"
+    utility-types "^3.10.0"
+    webpack "^5.73.0"
+
 "@docusaurus/plugin-content-pages@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-2.2.0.tgz#e3f40408787bbe229545dd50595f87e1393bc3ae"
@@ -1647,6 +1833,20 @@
     webpack "^5.73.0"
     webpack-merge "^5.8.0"
 
+"@docusaurus/types@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-2.3.1.tgz#785ade2e0f4e35e1eb7fb0d04c27d11c3991a2e8"
+  integrity sha512-PREbIRhTaNNY042qmfSE372Jb7djZt+oVTZkoqHJ8eff8vOIc2zqqDqBVc5BhOfpZGPTrE078yy/torUEZy08A==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    commander "^5.1.0"
+    joi "^17.6.0"
+    react-helmet-async "^1.3.0"
+    utility-types "^3.10.0"
+    webpack "^5.73.0"
+    webpack-merge "^5.8.0"
+
 "@docusaurus/utils-common@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.2.0.tgz#a401c1b93a8697dd566baf6ac64f0fdff1641a78"
@@ -1654,6 +1854,13 @@
   dependencies:
     tslib "^2.4.0"
 
+"@docusaurus/utils-common@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.3.1.tgz#1abe66846eb641547e4964d44f3011938e58e50b"
+  integrity sha512-pVlRpXkdNcxmKNxAaB1ya2hfCEvVsLDp2joeM6K6uv55Oc5nVIqgyYSgSNKZyMdw66NnvMfsu0RBylcwZQKo9A==
+  dependencies:
+    tslib "^2.4.0"
+
 "@docusaurus/utils-validation@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-2.2.0.tgz#04d4d103137ad0145883971d3aa497f4a1315f25"
@@ -1665,6 +1872,17 @@
     js-yaml "^4.1.0"
     tslib "^2.4.0"
 
+"@docusaurus/utils-validation@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-2.3.1.tgz#b65c718ba9b84b7a891bccf5ac6d19b57ee7d887"
+  integrity sha512-7n0208IG3k1HVTByMHlZoIDjjOFC8sbViHVXJx0r3Q+3Ezrx+VQ1RZ/zjNn6lT+QBCRCXlnlaoJ8ug4HIVgQ3w==
+  dependencies:
+    "@docusaurus/logger" "2.3.1"
+    "@docusaurus/utils" "2.3.1"
+    joi "^17.6.0"
+    js-yaml "^4.1.0"
+    tslib "^2.4.0"
+
 "@docusaurus/utils@2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-2.2.0.tgz#3d6f9b7a69168d5c92d371bf21c556a4f50d1da6"
@@ -1686,6 +1904,38 @@
     url-loader "^4.1.1"
     webpack "^5.73.0"
 
+"@docusaurus/utils@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-2.3.1.tgz#24b9cae3a23b1e6dc88f95c45722c7e82727b032"
+  integrity sha512-9WcQROCV0MmrpOQDXDGhtGMd52DHpSFbKLfkyaYumzbTstrbA5pPOtiGtxK1nqUHkiIv8UwexS54p0Vod2I1lg==
+  dependencies:
+    "@docusaurus/logger" "2.3.1"
+    "@svgr/webpack" "^6.2.1"
+    escape-string-regexp "^4.0.0"
+    file-loader "^6.2.0"
+    fs-extra "^10.1.0"
+    github-slugger "^1.4.0"
+    globby "^11.1.0"
+    gray-matter "^4.0.3"
+    js-yaml "^4.1.0"
+    lodash "^4.17.21"
+    micromatch "^4.0.5"
+    resolve-pathname "^3.0.0"
+    shelljs "^0.8.5"
+    tslib "^2.4.0"
+    url-loader "^4.1.1"
+    webpack "^5.73.0"
+
+"@emotion/hash@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
+  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+
+"@emotion/unitless@^0.7.5":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+
 "@endiliey/react-ideal-image@^0.0.11":
   version "0.0.11"
   resolved "https://registry.yarnpkg.com/@endiliey/react-ideal-image/-/react-ideal-image-0.0.11.tgz#dc3803d04e1409cf88efa4bba0f67667807bdf27"
@@ -2098,6 +2348,33 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
   integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
+"@rc-component/mini-decimal@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz#e5dbc20a6a5b0e234d279bc71ce730ab865d3910"
+  integrity sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+
+"@rc-component/portal@^1.0.0-6", "@rc-component/portal@^1.0.0-8", "@rc-component/portal@^1.0.0-9", "@rc-component/portal@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rc-component/portal/-/portal-1.0.3.tgz#3aa2c229a7a20ac2412d864e8977e6377973416e"
+  integrity sha512-rG9j7OMiI9eLFLF6G0B4OcfLac9W8Z7Vjeizbjt/A6R+zzw7vhHbJ4GIkrDpUqXDvFdEEzdxfICpb8/noLwG+w==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    classnames "^2.3.2"
+    rc-util "^5.24.4"
+
+"@rc-component/tour@~1.0.1-2":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@rc-component/tour/-/tour-1.0.4.tgz#551cdffbd9de0bfe82600f25f73452631cc29a37"
+  integrity sha512-FwAh9twryS6Ava2mUqwJtbhIt0ObIZIgQOJK+XTl+pQvsmXtUGtbOif3/4FeVmncy7FEGH7mnlIjS4OLGkQC9A==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    "@rc-component/portal" "^1.0.0-9"
+    classnames "^2.3.2"
+    rc-trigger "^5.3.4"
+    rc-util "^5.24.4"
+
 "@sideway/address@^4.1.3":
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0"
@@ -2767,6 +3044,58 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.1.0.tgz#87313c102b8118abd57371afab34618bf7350ed3"
   integrity sha512-VbqNsoz55SYGczauuup0MFUyXNQviSpFTj1RQtFzmQLk18qbVSpTFFGMT293rmDaQuKCT6InmbuEyUne4mTuxQ==
 
+antd@^5.0.7:
+  version "5.0.7"
+  resolved "https://registry.yarnpkg.com/antd/-/antd-5.0.7.tgz#0c182ad33c9de81b204f4fa430d75480fad7e0d6"
+  integrity sha512-A/HO/VCS6nHMkpnjfPSxXoet1MBu6N003osaGbSI3mnOvRj0V/9jEOXJ2slj+2YNhACFYJfVyXeEamwQx2Njcw==
+  dependencies:
+    "@ant-design/colors" "^6.0.0"
+    "@ant-design/cssinjs" "^1.0.0"
+    "@ant-design/icons" "^4.7.0"
+    "@ant-design/react-slick" "~0.29.1"
+    "@babel/runtime" "^7.18.3"
+    "@ctrl/tinycolor" "^3.4.0"
+    "@rc-component/tour" "~1.0.1-2"
+    classnames "^2.2.6"
+    copy-to-clipboard "^3.2.0"
+    dayjs "^1.11.1"
+    lodash "^4.17.21"
+    rc-cascader "~3.7.0"
+    rc-checkbox "~2.3.0"
+    rc-collapse "~3.4.2"
+    rc-dialog "~9.0.2"
+    rc-drawer "~6.0.0"
+    rc-dropdown "~4.0.0"
+    rc-field-form "~1.27.0"
+    rc-image "~5.12.0"
+    rc-input "~0.1.4"
+    rc-input-number "~7.4.0"
+    rc-mentions "~1.13.1"
+    rc-menu "~9.8.0"
+    rc-motion "^2.6.1"
+    rc-notification "~5.0.0-alpha.9"
+    rc-pagination "~3.2.0"
+    rc-picker "~3.1.1"
+    rc-progress "~3.4.1"
+    rc-rate "~2.9.0"
+    rc-resize-observer "^1.2.0"
+    rc-segmented "~2.1.0"
+    rc-select "~14.1.13"
+    rc-slider "~10.0.0"
+    rc-steps "~6.0.0-alpha.2"
+    rc-switch "~4.0.0"
+    rc-table "~7.26.0"
+    rc-tabs "~12.4.2"
+    rc-textarea "~0.4.5"
+    rc-tooltip "~5.2.0"
+    rc-tree "~5.7.0"
+    rc-tree-select "~5.5.4"
+    rc-trigger "^5.2.10"
+    rc-upload "~4.3.0"
+    rc-util "^5.25.2"
+    scroll-into-view-if-needed "^3.0.3"
+    shallowequal "^1.1.0"
+
 anymatch@~3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
@@ -2807,6 +3136,11 @@ array-flatten@^2.1.2:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
   integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
 
+array-tree-filter@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz#873ac00fec83749f255ac8dd083814b4f6329190"
+  integrity sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==
+
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
@@ -2817,6 +3151,11 @@ asap@~2.0.3:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
+async-validator@^4.1.0:
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-4.2.5.tgz#c96ea3332a521699d0afaaceed510a54656c6339"
+  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -3229,6 +3568,11 @@ ci-info@^2.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
+classnames@2.x, classnames@^2.2.1, classnames@^2.2.3, classnames@^2.2.5, classnames@^2.3.1, classnames@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
+  integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
+
 classnames@^2.2.6:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
@@ -3403,6 +3747,11 @@ compression@^1.7.4:
     safe-buffer "5.1.2"
     vary "~1.1.2"
 
+compute-scroll-into-view@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-2.0.2.tgz#ac5cc71ca833884866e581a82d8558a6ed7ee877"
+  integrity sha512-W+4Iti92hktsTtNPNeRM1vE0JdqCBk5qIabRafpr5pGrQhQ+xzCv0NGnFzTCKmW4yGLm9Aovbw8YNxloe2z9tQ==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -3474,6 +3823,13 @@ copy-text-to-clipboard@^3.0.1:
   resolved "https://registry.yarnpkg.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.0.1.tgz#8cbf8f90e0a47f12e4a24743736265d157bce69c"
   integrity sha512-rvVsHrpFcL4F2P8ihsoLdFHmd404+CMg71S756oRSeQgqk51U3kicGdnvfkrxva0xXH92SjGS62B0XIJsbh+9Q==
 
+copy-to-clipboard@^3.2.0:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz#55ac43a1db8ae639a4bd99511c148cdd1b83a1b0"
+  integrity sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==
+  dependencies:
+    toggle-selection "^1.0.6"
+
 copy-webpack-plugin@^11.0.0:
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz#96d4dbdb5f73d02dd72d0528d1958721ab72e04a"
@@ -3707,6 +4063,11 @@ csso@^4.2.0:
   dependencies:
     css-tree "^1.1.2"
 
+csstype@^3.0.10:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
+  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+
 csstype@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.0.tgz#4ddcac3718d787cf9df0d1b7d15033925c8f29f2"
@@ -3717,6 +4078,11 @@ dataloader@2.0.0:
   resolved "https://registry.yarnpkg.com/dataloader/-/dataloader-2.0.0.tgz#41eaf123db115987e21ca93c005cd7753c55fe6f"
   integrity sha512-YzhyDAwA4TaQIhM5go+vCLmU0UikghC/t9DTQYZR2M/UvZ1MdOhPezSDZcjj9uqQJOMqjLcpWtyW2iNINdlatQ==
 
+dayjs@^1.11.1:
+  version "1.11.7"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.7.tgz#4b296922642f70999544d1144a2c25730fce63e2"
+  integrity sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==
+
 debug@2.6.9, debug@^2.6.0:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -3899,6 +4265,11 @@ docusaurus-plugin-sass@^0.2.1:
   dependencies:
     sass-loader "^10.1.1"
 
+dom-align@^1.7.0:
+  version "1.12.4"
+  resolved "https://registry.yarnpkg.com/dom-align/-/dom-align-1.12.4.tgz#3503992eb2a7cfcb2ed3b2a6d21e0b9c00d54511"
+  integrity sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==
+
 dom-converter@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -4133,6 +4504,11 @@ eta@^1.12.3:
   resolved "https://registry.yarnpkg.com/eta/-/eta-1.12.3.tgz#2982d08adfbef39f9fa50e2fbd42d7337e7338b1"
   integrity sha512-qHixwbDLtekO/d51Yr4glcaUJCIjGVJyTzuqV4GPlgZo1YpgOKG+avQynErZIYrfM6JIJdtiG2Kox8tbb+DoGg==
 
+eta@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eta/-/eta-2.0.0.tgz#376865fadebc899e5b6dfce82fae64cbbe47e594"
+  integrity sha512-NqE7S2VmVwgMS8yBxsH4VgNQjNjLq1gfGU0u9I6Cjh468nPRMoDfGdK9n1p/3Dvsw3ebklDkZsFAnKJ9sefjBA==
+
 etag@~1.8.1:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
@@ -5355,6 +5731,13 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
+json2mq@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/json2mq/-/json2mq-0.2.0.tgz#b637bd3ba9eabe122c83e9720483aeb10d2c904a"
+  integrity sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==
+  dependencies:
+    string-convert "^0.2.0"
+
 json5@^2.1.2, json5@^2.2.1:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
@@ -6608,6 +6991,367 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+rc-align@^4.0.0:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/rc-align/-/rc-align-4.0.13.tgz#5aa1b7b9d20e63f18eb12550cac2eb8d5ef3fe4b"
+  integrity sha512-l/UwiJllPFVLL/bfDpm0W2ySb1heXeSELnmiMRjXiNp0sboO0z7DnjItXQKS8fNRp6CApzRT1+P6pNWZztbbnA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    dom-align "^1.7.0"
+    lodash "^4.17.21"
+    rc-util "^5.3.0"
+    resize-observer-polyfill "^1.5.1"
+
+rc-cascader@~3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/rc-cascader/-/rc-cascader-3.7.0.tgz#98134df578ce1cca22be8fb4319b04df4f3dca36"
+  integrity sha512-SFtGpwmYN7RaWEAGTS4Rkc62ZV/qmQGg/tajr/7mfIkleuu8ro9Hlk6J+aA0x1YS4zlaZBtTcSaXM01QMiEV/A==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    array-tree-filter "^2.1.0"
+    classnames "^2.3.1"
+    rc-select "~14.1.0"
+    rc-tree "~5.7.0"
+    rc-util "^5.6.1"
+
+rc-checkbox@~2.3.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/rc-checkbox/-/rc-checkbox-2.3.2.tgz#f91b3678c7edb2baa8121c9483c664fa6f0aefc1"
+  integrity sha512-afVi1FYiGv1U0JlpNH/UaEXdh6WUJjcWokj/nUN2TgG80bfG+MDdbfHKlLcNNba94mbjy2/SXJ1HDgrOkXGAjg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+
+rc-collapse@~3.4.2:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/rc-collapse/-/rc-collapse-3.4.2.tgz#1310be7ad4cd0dcfc622c45f6c3b5ffdee403ad7"
+  integrity sha512-jpTwLgJzkhAgp2Wpi3xmbTbbYExg6fkptL67Uu5LCRVEj6wqmy0DHTjjeynsjOLsppHGHu41t1ELntZ0lEvS/Q==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.3.4"
+    rc-util "^5.2.1"
+    shallowequal "^1.1.0"
+
+rc-dialog@~9.0.0, rc-dialog@~9.0.2:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/rc-dialog/-/rc-dialog-9.0.2.tgz#aadfebdeba145f256c1fac9b9f509f893cdbb5b8"
+  integrity sha512-s3U+24xWUuB6Bn2Lk/Qt6rufy+uT+QvWkiFhNBcO9APLxcFFczWamaq7x9h8SCuhfc1nHcW4y8NbMsnAjNnWyg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/portal" "^1.0.0-8"
+    classnames "^2.2.6"
+    rc-motion "^2.3.0"
+    rc-util "^5.21.0"
+
+rc-drawer@~6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/rc-drawer/-/rc-drawer-6.0.3.tgz#09993ecdf88ddd569d5a3341d907e3ab258096bb"
+  integrity sha512-u4RajgrnREKQH/21gB2JHZiA6ZECo0X0BbmDxAJEhKD9jUhlAbqMN5I9VWa4PSzi9ceLHUShqQcPAh2EJswffw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/portal" "^1.0.0-6"
+    classnames "^2.2.6"
+    rc-motion "^2.6.1"
+    rc-util "^5.21.2"
+
+rc-dropdown@~4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/rc-dropdown/-/rc-dropdown-4.0.1.tgz#f65d9d3d89750241057db59d5a75e43cd4576b68"
+  integrity sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    classnames "^2.2.6"
+    rc-trigger "^5.3.1"
+    rc-util "^5.17.0"
+
+rc-field-form@~1.27.0:
+  version "1.27.3"
+  resolved "https://registry.yarnpkg.com/rc-field-form/-/rc-field-form-1.27.3.tgz#e5262796b91c80848a42a3e7a669bf459f08d63d"
+  integrity sha512-HGqxHnmGQgkPApEcikV4qTg3BLPC82uB/cwBDftDt1pYaqitJfSl5TFTTUMKVEJVT5RqJ2Zi68ME1HmIMX2HAw==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    async-validator "^4.1.0"
+    rc-util "^5.8.0"
+
+rc-image@~5.12.0:
+  version "5.12.1"
+  resolved "https://registry.yarnpkg.com/rc-image/-/rc-image-5.12.1.tgz#1560eda00ef9d33ebdb3c8c74ab134eb00f973d4"
+  integrity sha512-FMldR/ODwQmlFlhjR4c6hsOHmnn4s9CxmW7PR/9XCYE1XHlGJ5OkSWOtJruoaLjVwt2tQYDRnLANf/mKZ9ReUg==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "@rc-component/portal" "^1.0.2"
+    classnames "^2.2.6"
+    rc-dialog "~9.0.0"
+    rc-util "^5.0.6"
+
+rc-input-number@~7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/rc-input-number/-/rc-input-number-7.4.0.tgz#b8b4ffa8bbc04198e79ce8b9611756d046d128ec"
+  integrity sha512-r/Oub/sPYbzqLNUOHnnc9sbCu78a81KX+RCbRwmpvB4W6nptUySbdWS5KHV4Hak5CAE1LAd+wWm5JjvZizG1FA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/mini-decimal" "^1.0.1"
+    classnames "^2.2.5"
+    rc-util "^5.23.0"
+
+rc-input@~0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/rc-input/-/rc-input-0.1.4.tgz#45cb4ba209ae6cc835a2acb8629d4f8f0cb347e0"
+  integrity sha512-FqDdNz+fV2dKNgfXzcSLKvC+jEs1709t7nD+WdfjrdSaOcefpgc7BUJYadc3usaING+b7ediMTfKxuJBsEFbXA==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-util "^5.18.1"
+
+rc-mentions@~1.13.1:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/rc-mentions/-/rc-mentions-1.13.1.tgz#c884b70e1505a197f1b32a7c6b39090db6992a72"
+  integrity sha512-FCkaWw6JQygtOz0+Vxz/M/NWqrWHB9LwqlY2RtcuFqWJNFK9njijOOzTSsBGANliGufVUzx/xuPHmZPBV0+Hgw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.6"
+    rc-menu "~9.8.0"
+    rc-textarea "^0.4.0"
+    rc-trigger "^5.0.4"
+    rc-util "^5.22.5"
+
+rc-menu@~9.8.0:
+  version "9.8.1"
+  resolved "https://registry.yarnpkg.com/rc-menu/-/rc-menu-9.8.1.tgz#988cd807f78d2f92eab686f6813f50b165f78405"
+  integrity sha512-179weouypfjWJSRvvoo/vPy+StojsMzK2XC5jRNhL1ryt/N/8wAFESte8K6jZJkNp9DHDLFTe+dCGmikKpiFuA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.4.3"
+    rc-overflow "^1.2.8"
+    rc-trigger "^5.1.2"
+    rc-util "^5.12.0"
+    shallowequal "^1.1.0"
+
+rc-motion@^2.0.0, rc-motion@^2.0.1, rc-motion@^2.3.0, rc-motion@^2.3.4, rc-motion@^2.4.3, rc-motion@^2.4.4, rc-motion@^2.6.0, rc-motion@^2.6.1, rc-motion@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/rc-motion/-/rc-motion-2.6.2.tgz#3d31f97e41fb8e4f91a4a4189b6a98ac63342869"
+  integrity sha512-4w1FaX3dtV749P8GwfS4fYnFG4Rb9pxvCYPc/b2fw1cmlHJWNNgOFIz7ysiD+eOrzJSvnLJWlNQQncpNMXwwpg==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-util "^5.21.0"
+
+rc-notification@~5.0.0-alpha.9:
+  version "5.0.0-alpha.9"
+  resolved "https://registry.yarnpkg.com/rc-notification/-/rc-notification-5.0.0-alpha.9.tgz#e6fbf5cc786e508f022691a61a03c0473f5ca7b0"
+  integrity sha512-QPvq8VHe2M0SE5DHJf7ADWlvfWKnTsj5FVxcu39gdjX98kKmi+BHY1eTPAQkkdGqd6ZXv6xXHl8qKHyWhQcFPA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.6.0"
+    rc-util "^5.20.1"
+
+rc-overflow@^1.0.0, rc-overflow@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc-overflow/-/rc-overflow-1.2.8.tgz#40f140fabc244118543e627cdd1ef750d9481a88"
+  integrity sha512-QJ0UItckWPQ37ZL1dMEBAdY1dhfTXFL9k6oTTcyydVwoUNMnMqCGqnRNA98axSr/OeDKqR6DVFyi8eA5RQI/uQ==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.19.2"
+
+rc-pagination@~3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/rc-pagination/-/rc-pagination-3.2.0.tgz#4f2fdba9fdac0f48e5c9fb1141973818138af7e1"
+  integrity sha512-5tIXjB670WwwcAJzAqp2J+cOBS9W3cH/WU1EiYwXljuZ4vtZXKlY2Idq8FZrnYBz8KhN3vwPo9CoV/SJS6SL1w==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+
+rc-picker@~3.1.1:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/rc-picker/-/rc-picker-3.1.4.tgz#4806dc36a78424abaee610830777c8e22a23c74c"
+  integrity sha512-4qANXNc3C02YENNQvun329zf9VLvSQ2W8RkKQRu8k1P+EtSGqe3klcAKCfz/1TuCiDvgRjJlzRmyZAkwvsbI8w==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+    rc-trigger "^5.0.4"
+    rc-util "^5.4.0"
+    shallowequal "^1.1.0"
+
+rc-progress@~3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/rc-progress/-/rc-progress-3.4.1.tgz#a9ffe099e88a4fc03afb09d8603162bf0760d743"
+  integrity sha512-eAFDHXlk8aWpoXl0llrenPMt9qKHQXphxcVsnKs0FHC6eCSk1ebJtyaVjJUzKe0233ogiLDeEFK1Uihz3s67hw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.6"
+    rc-util "^5.16.1"
+
+rc-rate@~2.9.0:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/rc-rate/-/rc-rate-2.9.2.tgz#4a58965d1ecf91896ebae01d458b59056df0b4ea"
+  integrity sha512-SaiZFyN8pe0Fgphv8t3+kidlej+cq/EALkAJAc3A0w0XcPaH2L1aggM8bhe1u6GAGuQNAoFvTLjw4qLPGRKV5g==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.5"
+    rc-util "^5.0.1"
+
+rc-resize-observer@^1.0.0, rc-resize-observer@^1.1.0, rc-resize-observer@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/rc-resize-observer/-/rc-resize-observer-1.2.0.tgz#9f46052f81cdf03498be35144cb7c53fd282c4c7"
+  integrity sha512-6W+UzT3PyDM0wVCEHfoW3qTHPTvbdSgiA43buiy8PzmeMnfgnDeb9NjdimMXMl3/TcrvvWl5RRVdp+NqcR47pQ==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+    rc-util "^5.15.0"
+    resize-observer-polyfill "^1.5.1"
+
+rc-segmented@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/rc-segmented/-/rc-segmented-2.1.0.tgz#0e0afe646c1a0e44a0e18785f518c42633ec8efc"
+  integrity sha512-hUlonro+pYoZcwrH6Vm56B2ftLfQh046hrwif/VwLIw1j3zGt52p5mREBwmeVzXnSwgnagpOpfafspzs1asjGw==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-motion "^2.4.4"
+    rc-util "^5.17.0"
+
+rc-select@~14.1.0, rc-select@~14.1.13:
+  version "14.1.16"
+  resolved "https://registry.yarnpkg.com/rc-select/-/rc-select-14.1.16.tgz#0cc4b5a1fc551a2db7c96bc1ece0896317ecdd47"
+  integrity sha512-71XLHleuZmufpdV2vis5oituRkhg2WNvLpVMJBGWRar6WGAVOHXaY9DR5HvwWry3EGTn19BqnL6Xbybje6f8YA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.0.1"
+    rc-overflow "^1.0.0"
+    rc-trigger "^5.0.4"
+    rc-util "^5.16.1"
+    rc-virtual-list "^3.2.0"
+
+rc-slider@~10.0.0:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/rc-slider/-/rc-slider-10.0.1.tgz#7058c68ff1e1aa4e7c3536e5e10128bdbccb87f9"
+  integrity sha512-igTKF3zBet7oS/3yNiIlmU8KnZ45npmrmHlUUio8PNbIhzMcsh+oE/r2UD42Y6YD2D/s+kzCQkzQrPD6RY435Q==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.5"
+    rc-util "^5.18.1"
+    shallowequal "^1.1.0"
+
+rc-steps@~6.0.0-alpha.2:
+  version "6.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/rc-steps/-/rc-steps-6.0.0-alpha.2.tgz#505e64177111becd911cef4d24f15477438c9e59"
+  integrity sha512-d/GPx7ATlPbtFeOVt5FB19W11OBCmRd7lLknt4aSoCI6ukwJqpEhWu2INN4pDOQqN04y3PDsWl1q9hnw+ZC5AA==
+  dependencies:
+    "@babel/runtime" "^7.16.7"
+    classnames "^2.2.3"
+    rc-util "^5.16.1"
+
+rc-switch@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/rc-switch/-/rc-switch-4.0.0.tgz#55fbf99fc2d680791175037d379e170ba51fbe78"
+  integrity sha512-IfrYC99vN0gKaTyjQdqYuADU0eH00SAFHg3jOp8HrmUpJruhV1SohJzrCbPqPraZeX/6X/QKkdLfkdnUub05WA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+    rc-util "^5.0.1"
+
+rc-table@~7.26.0:
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/rc-table/-/rc-table-7.26.0.tgz#9d517e7fa512e7571fdcc453eb1bf19edfac6fbc"
+  integrity sha512-0cD8e6S+DTGAt5nBZQIPFYEaIukn17sfa5uFL98faHlH/whZzD8ii3dbFL4wmUDEL4BLybhYop+QUfZJ4CPvNQ==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.5"
+    rc-resize-observer "^1.1.0"
+    rc-util "^5.22.5"
+    shallowequal "^1.1.0"
+
+rc-tabs@~12.4.2:
+  version "12.4.2"
+  resolved "https://registry.yarnpkg.com/rc-tabs/-/rc-tabs-12.4.2.tgz#487a1b3f8d8cf0bfc121224013dab00d4a8e0532"
+  integrity sha512-FFlGwuTjQUznWzJtyhmHc6KAp5lRQFxKUv9Aj1UtsOYe2e7WGmuzcrd+/LQchuPe0VjhaZPdGkmFGcqGqNO6ow==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    classnames "2.x"
+    rc-dropdown "~4.0.0"
+    rc-menu "~9.8.0"
+    rc-motion "^2.6.2"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.16.0"
+
+rc-textarea@^0.4.0, rc-textarea@~0.4.5:
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/rc-textarea/-/rc-textarea-0.4.7.tgz#627f662d46f99e0059d1c1ebc8db40c65339fe90"
+  integrity sha512-IQPd1CDI3mnMlkFyzt2O4gQ2lxUsnBAeJEoZGJnkkXgORNqyM9qovdrCj9NzcRfpHgLdzaEbU3AmobNFGUznwQ==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.24.4"
+    shallowequal "^1.1.0"
+
+rc-tooltip@~5.2.0:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/rc-tooltip/-/rc-tooltip-5.2.2.tgz#e5cafa8ecebf78108936a0bcb93c150fa81ac93b"
+  integrity sha512-jtQzU/18S6EI3lhSGoDYhPqNpWajMtS5VV/ld1LwyfrDByQpYmw/LW6U7oFXXLukjfDHQ7Ju705A82PRNFWYhg==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    classnames "^2.3.1"
+    rc-trigger "^5.0.0"
+
+rc-tree-select@~5.5.4:
+  version "5.5.5"
+  resolved "https://registry.yarnpkg.com/rc-tree-select/-/rc-tree-select-5.5.5.tgz#d28b3b45da1e820cd21762ba0ee93c19429bb369"
+  integrity sha512-k2av7jF6tW9bIO4mQhaVdV4kJ1c54oxV3/hHVU+oD251Gb5JN+m1RbJFTMf1o0rAFqkvto33rxMdpafaGKQRJw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-select "~14.1.0"
+    rc-tree "~5.7.0"
+    rc-util "^5.16.1"
+
+rc-tree@~5.7.0:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/rc-tree/-/rc-tree-5.7.2.tgz#270ea7d9e1b2e5e81cd3659eba2fbd022a4831f6"
+  integrity sha512-nmnL6qLnfwVckO5zoqKL2I9UhwDqzyCtjITQCkwhimyz1zfuFkG5ZPIXpzD/Guzso94qQA/QrMsvzic5W6QDjg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.0.1"
+    rc-util "^5.16.1"
+    rc-virtual-list "^3.4.8"
+
+rc-trigger@^5.0.0, rc-trigger@^5.0.4, rc-trigger@^5.1.2, rc-trigger@^5.2.10, rc-trigger@^5.3.1, rc-trigger@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/rc-trigger/-/rc-trigger-5.3.4.tgz#6b4b26e32825677c837d1eb4d7085035eecf9a61"
+  integrity sha512-mQv+vas0TwKcjAO2izNPkqR4j86OemLRmvL2nOzdP9OWNWA1ivoTt5hzFqYNW9zACwmTezRiN8bttrC7cZzYSw==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    classnames "^2.2.6"
+    rc-align "^4.0.0"
+    rc-motion "^2.0.0"
+    rc-util "^5.19.2"
+
+rc-upload@~4.3.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/rc-upload/-/rc-upload-4.3.4.tgz#83ff7d3867631c37adbfd72ea3d1fd7e97ca84af"
+  integrity sha512-uVbtHFGNjHG/RyAfm9fluXB6pvArAGyAx8z7XzXXyorEgVIWj6mOlriuDm0XowDHYz4ycNK0nE0oP3cbFnzxiQ==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    classnames "^2.2.5"
+    rc-util "^5.2.0"
+
+rc-util@^5.0.1, rc-util@^5.0.6, rc-util@^5.12.0, rc-util@^5.15.0, rc-util@^5.16.0, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.2.0, rc-util@^5.2.1, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.21.2, rc-util@^5.22.5, rc-util@^5.23.0, rc-util@^5.24.2, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.3.0, rc-util@^5.4.0, rc-util@^5.6.1, rc-util@^5.8.0:
+  version "5.25.3"
+  resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-5.25.3.tgz#7f6a5895e4edc5acdf5f73e90e1c031f3b67257d"
+  integrity sha512-+M+44T6UdM4iOd4QXRQKQjitOY26vC5pgFPNSo0XsY9OWzpHvy77BI55eL9Q9oDMUHzVuRNzzUkK1RI2W3n+ZQ==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    react-is "^16.12.0"
+    shallowequal "^1.1.0"
+
 rc-util@^5.9.4:
   version "5.23.0"
   resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-5.23.0.tgz#a583b1ec3e1832a80eced7a700a494af0b590743"
@@ -6617,6 +7361,16 @@ rc-util@^5.9.4:
     react-is "^16.12.0"
     shallowequal "^1.1.0"
 
+rc-virtual-list@^3.2.0, rc-virtual-list@^3.4.8:
+  version "3.4.13"
+  resolved "https://registry.yarnpkg.com/rc-virtual-list/-/rc-virtual-list-3.4.13.tgz#20acc934b263abcf7b7c161f50ef82281b2f7e8d"
+  integrity sha512-cPOVDmcNM7rH6ANotanMDilW/55XnFPw0Jh/GQYtrzZSy3AmWvCnqVNyNC/pgg3lfVmX2994dlzAhuUrd4jG7w==
+  dependencies:
+    "@babel/runtime" "^7.20.0"
+    classnames "^2.2.6"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.15.0"
+
 rc@^1.2.7, rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -6854,6 +7608,11 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
+regenerator-runtime@^0.13.11:
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
 regenerator-runtime@^0.13.4:
   version "0.13.9"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
@@ -7002,6 +7761,11 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-from@5.0.0, resolve-from@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
@@ -7161,6 +7925,13 @@ schema-utils@^4.0.0:
     ajv-formats "^2.1.1"
     ajv-keywords "^5.0.0"
 
+scroll-into-view-if-needed@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.3.tgz#57256bef78f3c3c288070d2aaa63cf547aa11e70"
+  integrity sha512-QoCH0lVw0tbA7Rl6sToH7e1tO3n95Oi6JgBgC8hEpNNZUC91MfasJ/4E1ZdbzGueNDZ+Y7ObfRaelKUgTyPbJA==
+  dependencies:
+    compute-scroll-into-view "^2.0.2"
+
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
@@ -7499,6 +8270,11 @@ std-env@^3.0.1:
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.2.1.tgz#00e260ec3901333537125f81282b9296b00d7304"
   integrity sha512-D/uYFWkI/31OrnKmXZqGAGK5GbQRPp/BWA1nuITcc6ICblhhuQUPHS5E2GSCVS7Hwhf4ciq8qsATwBUxv+lI6w==
 
+string-convert@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/string-convert/-/string-convert-0.2.1.tgz#6982cc3049fbb4cd85f8b24568b9d9bf39eeff97"
+  integrity sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==
+
 string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
@@ -7589,6 +8365,11 @@ stylehacks@^5.1.1:
     browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
+stylis@^4.0.13:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz#fd2fbe79f5fed17c55269e16ed8da14c84d069f7"
+  integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==
+
 subscriptions-transport-ws@^0.9.18:
   version "0.9.19"
   resolved "https://registry.yarnpkg.com/subscriptions-transport-ws/-/subscriptions-transport-ws-0.9.19.tgz#10ca32f7e291d5ee8eb728b9c02e43c52606cdcf"
@@ -7741,6 +8522,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+toggle-selection@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
+  integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
+
 toidentifier@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"