diff --git a/docs/components/connectors/connector-types.md b/docs/components/connectors/connector-types.md
index 892989e4c2e..92b8070dbb1 100644
--- a/docs/components/connectors/connector-types.md
+++ b/docs/components/connectors/connector-types.md
@@ -1,15 +1,11 @@
---
id: connector-types
-title: Types of Connectors
+title: Connector types
description: "Connectors come in type and subtypes that describe their functionality."
---
Connectors are categorized by the direction data flows into or out of Camunda 8.
-:::note
-Looking for pre-built, [Out-of-the-box Connectors](/components/connectors/out-of-the-box-connectors/available-connectors-overview.md)?
-:::
-
## Outbound Connectors
Outbound Connectors allow workflows to trigger external systems or services, making it possible to integrate workflows with other parts of a business process or system architecture.
diff --git a/docs/components/connectors/custom-built-connectors/build-connector.md b/docs/components/connectors/custom-built-connectors/build-connector.md
new file mode 100644
index 00000000000..70e90f5c966
--- /dev/null
+++ b/docs/components/connectors/custom-built-connectors/build-connector.md
@@ -0,0 +1,63 @@
+---
+id: build-connector
+title: Custom connectors
+description: Manage your connector templates in Web Modeler.
+---
+
+import "../react-components/\_connectors-table.css";
+import IconPlayImg from '../img/icon-play.png';
+import IconConnectorImg from '../img/icon-connectors.png';
+import IconConnectorTypesImg from '../img/icon-connector-types.png';
+import ConnectorArchitectureImg from "./img/diagram-connectors.png";
+import IconConnectorTemplateImg from '../img/icon-connector-template.png';
+import IconConnectorGenerateImg from '../img/icon-connector-generate.png';
+import IconConnectorManageImg from '../img/icon-connector-manage.png';
+import Marketplace from '../react-components/\_banner-marketplace.md'
+
+Can't find the connector you need? Build your own custom connector using connector templates or the SDK.
+
+## Connector templates
+
+Connectors use [connector templates](/components/connectors/custom-built-connectors/connector-templates.md) to customize how a BPMN element is shown,
+and how it can be configured by process developers. Connector templates are a specific kind of [element template](/components/modeler/desktop-modeler/element-templates/about-templates.md).
+
+
+
+## Connector SDK
+
+[Create your own custom Java connectors](connector-sdk.md) using the connector SDK.
+
+## Connector architecture
+
+A connector consists of the actual Java code, and the Modeler user interface.
+
+
+
+1. The Java code defines the connector functionality and how it connects to an external system. For example, the [Connector function](/components/connectors/custom-built-connectors/connector-sdk.md#outbound-connector-runtime-logic) for outbound connectors.
+
+1. The user interface allows you to interact with the connector in Modeler. This is defined in a [Connector template](../manage-connector-templates.md) that controls how the BPMN element is shown in Modeler and what configuration options are available for the connector.
+
+:::note
+
+- If you are only using prebuilt connectors in Modeler, you only need to understand how to configure and use a connector in the Modeler interface, via the Properties panel.
+- Connector templates are a specific type of [element template](/components/modeler/desktop-modeler/element-templates/about-templates.md), that can also be used when creating custom connectors using the [Connector SDK](connector-sdk.md).
+
+:::
+
+
diff --git a/docs/components/connectors/custom-built-connectors/connector-template-generator.md b/docs/components/connectors/custom-built-connectors/connector-template-generator.md
index 09eeaf978fe..a21dd286a37 100644
--- a/docs/components/connectors/custom-built-connectors/connector-template-generator.md
+++ b/docs/components/connectors/custom-built-connectors/connector-template-generator.md
@@ -1,7 +1,7 @@
---
id: connector-template-generator
-title: Generate a Connector template
-description: Learn how to generate Connector templates for easier custom Connector creation.
+title: Generate a connector template
+description: Learn how to generate connector templates for easier custom Connector creation.
---
You can configure and automatically generate a custom [Connector template](/components/connectors/custom-built-connectors/connector-templates.md) in Web Modeler.
diff --git a/docs/components/connectors/custom-built-connectors/img/diagram-connectors.png b/docs/components/connectors/custom-built-connectors/img/diagram-connectors.png
new file mode 100644
index 00000000000..30748685500
Binary files /dev/null and b/docs/components/connectors/custom-built-connectors/img/diagram-connectors.png differ
diff --git a/docs/components/connectors/img/Untitled-1.png b/docs/components/connectors/img/Untitled-1.png
new file mode 100644
index 00000000000..5a56223bda4
Binary files /dev/null and b/docs/components/connectors/img/Untitled-1.png differ
diff --git a/docs/components/connectors/img/connector-365.png b/docs/components/connectors/img/connector-365.png
new file mode 100644
index 00000000000..676e4c29344
Binary files /dev/null and b/docs/components/connectors/img/connector-365.png differ
diff --git a/docs/components/connectors/img/connector-amazon-bedrock.png b/docs/components/connectors/img/connector-amazon-bedrock.png
new file mode 100644
index 00000000000..9e99eeb1dba
Binary files /dev/null and b/docs/components/connectors/img/connector-amazon-bedrock.png differ
diff --git a/docs/components/connectors/img/connector-amazon-eventbridge.png b/docs/components/connectors/img/connector-amazon-eventbridge.png
new file mode 100644
index 00000000000..0aec6d2d128
Binary files /dev/null and b/docs/components/connectors/img/connector-amazon-eventbridge.png differ
diff --git a/docs/components/connectors/img/connector-amazon-s3.png b/docs/components/connectors/img/connector-amazon-s3.png
new file mode 100644
index 00000000000..08b41c6932c
Binary files /dev/null and b/docs/components/connectors/img/connector-amazon-s3.png differ
diff --git a/docs/components/connectors/img/connector-amazon-sns.png b/docs/components/connectors/img/connector-amazon-sns.png
new file mode 100644
index 00000000000..f54b54fe688
Binary files /dev/null and b/docs/components/connectors/img/connector-amazon-sns.png differ
diff --git a/docs/components/connectors/img/connector-amazon-sqs.png b/docs/components/connectors/img/connector-amazon-sqs.png
new file mode 100644
index 00000000000..83a1f6ac9be
Binary files /dev/null and b/docs/components/connectors/img/connector-amazon-sqs.png differ
diff --git a/docs/components/connectors/img/connector-asana.png b/docs/components/connectors/img/connector-asana.png
new file mode 100644
index 00000000000..57a41632866
Binary files /dev/null and b/docs/components/connectors/img/connector-asana.png differ
diff --git a/docs/components/connectors/img/connector-automation.png b/docs/components/connectors/img/connector-automation.png
new file mode 100644
index 00000000000..4a6601e404f
Binary files /dev/null and b/docs/components/connectors/img/connector-automation.png differ
diff --git a/docs/components/connectors/img/connector-aws-dynamodb.png b/docs/components/connectors/img/connector-aws-dynamodb.png
new file mode 100644
index 00000000000..1d75f238807
Binary files /dev/null and b/docs/components/connectors/img/connector-aws-dynamodb.png differ
diff --git a/docs/components/connectors/img/connector-aws-lambda.png b/docs/components/connectors/img/connector-aws-lambda.png
new file mode 100644
index 00000000000..ed370564b91
Binary files /dev/null and b/docs/components/connectors/img/connector-aws-lambda.png differ
diff --git a/docs/components/connectors/img/connector-azure-openai.png b/docs/components/connectors/img/connector-azure-openai.png
new file mode 100644
index 00000000000..dd9e68faa25
Binary files /dev/null and b/docs/components/connectors/img/connector-azure-openai.png differ
diff --git a/docs/components/connectors/img/connector-blueprism.png b/docs/components/connectors/img/connector-blueprism.png
new file mode 100644
index 00000000000..e680ca2e944
Binary files /dev/null and b/docs/components/connectors/img/connector-blueprism.png differ
diff --git a/docs/components/connectors/img/connector-box.png b/docs/components/connectors/img/connector-box.png
new file mode 100644
index 00000000000..5a027cb0c50
Binary files /dev/null and b/docs/components/connectors/img/connector-box.png differ
diff --git a/docs/components/connectors/img/connector-camunda.png b/docs/components/connectors/img/connector-camunda.png
new file mode 100644
index 00000000000..dc2ad855576
Binary files /dev/null and b/docs/components/connectors/img/connector-camunda.png differ
diff --git a/docs/components/connectors/img/connector-easypost.png b/docs/components/connectors/img/connector-easypost.png
new file mode 100644
index 00000000000..a702ecc2e6f
Binary files /dev/null and b/docs/components/connectors/img/connector-easypost.png differ
diff --git a/docs/components/connectors/img/connector-email.png b/docs/components/connectors/img/connector-email.png
new file mode 100644
index 00000000000..ea469a7ce64
Binary files /dev/null and b/docs/components/connectors/img/connector-email.png differ
diff --git a/docs/components/connectors/img/connector-github.png b/docs/components/connectors/img/connector-github.png
new file mode 100644
index 00000000000..7c8fa0ac444
Binary files /dev/null and b/docs/components/connectors/img/connector-github.png differ
diff --git a/docs/components/connectors/img/connector-gitlab.png b/docs/components/connectors/img/connector-gitlab.png
new file mode 100644
index 00000000000..a33cbc39093
Binary files /dev/null and b/docs/components/connectors/img/connector-gitlab.png differ
diff --git a/docs/components/connectors/img/connector-google-drive.png b/docs/components/connectors/img/connector-google-drive.png
new file mode 100644
index 00000000000..0aaaa2eca61
Binary files /dev/null and b/docs/components/connectors/img/connector-google-drive.png differ
diff --git a/docs/components/connectors/img/connector-google-maps.png b/docs/components/connectors/img/connector-google-maps.png
new file mode 100644
index 00000000000..f746f11cbdd
Binary files /dev/null and b/docs/components/connectors/img/connector-google-maps.png differ
diff --git a/docs/components/connectors/img/connector-google-sheets.png b/docs/components/connectors/img/connector-google-sheets.png
new file mode 100644
index 00000000000..6e908bf1f2c
Binary files /dev/null and b/docs/components/connectors/img/connector-google-sheets.png differ
diff --git a/docs/components/connectors/img/connector-graphql.png b/docs/components/connectors/img/connector-graphql.png
new file mode 100644
index 00000000000..230dcd10339
Binary files /dev/null and b/docs/components/connectors/img/connector-graphql.png differ
diff --git a/docs/components/connectors/img/connector-hugging-face.png b/docs/components/connectors/img/connector-hugging-face.png
new file mode 100644
index 00000000000..5690eb519d6
Binary files /dev/null and b/docs/components/connectors/img/connector-hugging-face.png differ
diff --git a/docs/components/connectors/img/connector-kafka.png b/docs/components/connectors/img/connector-kafka.png
new file mode 100644
index 00000000000..6af21f10091
Binary files /dev/null and b/docs/components/connectors/img/connector-kafka.png differ
diff --git a/docs/components/connectors/img/connector-openai.png b/docs/components/connectors/img/connector-openai.png
new file mode 100644
index 00000000000..37f2ce606d7
Binary files /dev/null and b/docs/components/connectors/img/connector-openai.png differ
diff --git a/docs/components/connectors/img/connector-overview.png b/docs/components/connectors/img/connector-overview.png
new file mode 100644
index 00000000000..5c5e04ae127
Binary files /dev/null and b/docs/components/connectors/img/connector-overview.png differ
diff --git a/docs/components/connectors/img/connector-rabbitmq.png b/docs/components/connectors/img/connector-rabbitmq.png
new file mode 100644
index 00000000000..1ad5f5e1b7c
Binary files /dev/null and b/docs/components/connectors/img/connector-rabbitmq.png differ
diff --git a/docs/components/connectors/img/connector-rest.png b/docs/components/connectors/img/connector-rest.png
new file mode 100644
index 00000000000..bd580e116d0
Binary files /dev/null and b/docs/components/connectors/img/connector-rest.png differ
diff --git a/docs/components/connectors/img/connector-salesforce.png b/docs/components/connectors/img/connector-salesforce.png
new file mode 100644
index 00000000000..162b09649b4
Binary files /dev/null and b/docs/components/connectors/img/connector-salesforce.png differ
diff --git a/docs/components/connectors/img/connector-sendgrid.png b/docs/components/connectors/img/connector-sendgrid.png
new file mode 100644
index 00000000000..2e47b2cbf9c
Binary files /dev/null and b/docs/components/connectors/img/connector-sendgrid.png differ
diff --git a/docs/components/connectors/img/connector-slack.png b/docs/components/connectors/img/connector-slack.png
new file mode 100644
index 00000000000..2d32494913e
Binary files /dev/null and b/docs/components/connectors/img/connector-slack.png differ
diff --git a/docs/components/connectors/img/connector-soap.png b/docs/components/connectors/img/connector-soap.png
new file mode 100644
index 00000000000..9a3391cf719
Binary files /dev/null and b/docs/components/connectors/img/connector-soap.png differ
diff --git a/docs/components/connectors/img/connector-sql.png b/docs/components/connectors/img/connector-sql.png
new file mode 100644
index 00000000000..d6ee0e8bfe4
Binary files /dev/null and b/docs/components/connectors/img/connector-sql.png differ
diff --git a/docs/components/connectors/img/connector-teams.png b/docs/components/connectors/img/connector-teams.png
new file mode 100644
index 00000000000..a018698f770
Binary files /dev/null and b/docs/components/connectors/img/connector-teams.png differ
diff --git a/docs/components/connectors/img/connector-twilio.png b/docs/components/connectors/img/connector-twilio.png
new file mode 100644
index 00000000000..cb64c48d20f
Binary files /dev/null and b/docs/components/connectors/img/connector-twilio.png differ
diff --git a/docs/components/connectors/img/connector-uipath.png b/docs/components/connectors/img/connector-uipath.png
new file mode 100644
index 00000000000..0b14a7fca6f
Binary files /dev/null and b/docs/components/connectors/img/connector-uipath.png differ
diff --git a/docs/components/connectors/img/connector-webhook.png b/docs/components/connectors/img/connector-webhook.png
new file mode 100644
index 00000000000..a82dba4df96
Binary files /dev/null and b/docs/components/connectors/img/connector-webhook.png differ
diff --git a/docs/components/connectors/img/connector-whatsapp.png b/docs/components/connectors/img/connector-whatsapp.png
new file mode 100644
index 00000000000..01528a5f5d9
Binary files /dev/null and b/docs/components/connectors/img/connector-whatsapp.png differ
diff --git a/docs/components/connectors/img/icon-connector-custom.png b/docs/components/connectors/img/icon-connector-custom.png
new file mode 100644
index 00000000000..bf451952df0
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-custom.png differ
diff --git a/docs/components/connectors/img/icon-connector-generate.png b/docs/components/connectors/img/icon-connector-generate.png
new file mode 100644
index 00000000000..51e08ad7c2b
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-generate.png differ
diff --git a/docs/components/connectors/img/icon-connector-manage.png b/docs/components/connectors/img/icon-connector-manage.png
new file mode 100644
index 00000000000..5a0ac036741
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-manage.png differ
diff --git a/docs/components/connectors/img/icon-connector-sdk.png b/docs/components/connectors/img/icon-connector-sdk.png
new file mode 100644
index 00000000000..592d121651d
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-sdk.png differ
diff --git a/docs/components/connectors/img/icon-connector-template.png b/docs/components/connectors/img/icon-connector-template.png
new file mode 100644
index 00000000000..91bd5994840
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-template.png differ
diff --git a/docs/components/connectors/img/icon-connector-types.png b/docs/components/connectors/img/icon-connector-types.png
new file mode 100644
index 00000000000..c0fc21ef9f5
Binary files /dev/null and b/docs/components/connectors/img/icon-connector-types.png differ
diff --git a/docs/components/connectors/img/icon-connectors.png b/docs/components/connectors/img/icon-connectors.png
new file mode 100644
index 00000000000..3625e78e80c
Binary files /dev/null and b/docs/components/connectors/img/icon-connectors.png differ
diff --git a/docs/components/connectors/img/icon-marketplace.png b/docs/components/connectors/img/icon-marketplace.png
new file mode 100644
index 00000000000..27c4c4f5582
Binary files /dev/null and b/docs/components/connectors/img/icon-marketplace.png differ
diff --git a/docs/components/connectors/img/icon-play.png b/docs/components/connectors/img/icon-play.png
new file mode 100644
index 00000000000..448e9c15fe4
Binary files /dev/null and b/docs/components/connectors/img/icon-play.png differ
diff --git a/docs/components/connectors/introduction.md b/docs/components/connectors/introduction.md
index cc52020f920..a606765117b 100644
--- a/docs/components/connectors/introduction.md
+++ b/docs/components/connectors/introduction.md
@@ -1,41 +1,69 @@
---
id: introduction-to-connectors
-title: Introduction
+title: Connectors
description: "A Connector is a reusable building block that performs the integration with an external system and works out of the box."
keywords: [bridge, reusable component, low code]
---
-A **Connector** is a reusable building block that performs the integration with an external system.
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+import "./react-components/\_connectors-table.css";
+import OverviewImg from './img/connector-overview.png';
-Most processes require interaction with systems outside of Camunda to orchestrate and complete work.
+import Marketplace from './react-components/\_banner-marketplace.md'
+import ConnectorsGrid from './react-components/\_connectors-card';
+import ConnectorsGridSml from './react-components/\_connectors-card-sml';
+import { gettingStartedCards, customConnectorCards, latestConnectorCards, latestConnectorCardsSml, popularConnectorCards, popularConnectorCardsSml } from './react-components/\_connectors-card-data';
-- In **human task orchestration**, actors are notified of pending or completed processes through communication tools such as [Slack](/components/connectors/out-of-the-box-connectors/slack.md) or [Microsoft Teams](/components/connectors/out-of-the-box-connectors/microsoft-teams.md) for example in onboarding flow.
-- In **business processes**, records are created or updated in enterprise business systems.
-- In **microservices orchestration**, processes communicate through events pushed to a common systems through infrastructure such as [Kafka](/components/connectors/out-of-the-box-connectors/kafka.md).
+
Camunda connectors are reusable building blocks you can use to easily connect processes to external systems, applications, and data.
-Connectors are often represented as tasks in a [BPMN process](/components/concepts/processes.md), which can be configured with parameters specific for the external system. As such, it can remove the need to write custom programming code for integration.
+- Use a [Slack](/components/connectors/out-of-the-box-connectors/slack.md) or [Microsoft Teams](/components/connectors/out-of-the-box-connectors/microsoft-teams.md) Connector to notify people of pending or completed processes in a human task orchestration onboarding flow.
+- In microservices orchestration, use a [Kafka](/components/connectors/out-of-the-box-connectors/kafka.md) connector to add real-time messaging to your automated processes.
-Connectors offer a multilayer coding experience, enabling users with a variety of technical abilities to be successful when integrating with external systems.
+Connectors are often configured as a [BPMN process](/components/concepts/processes.md) task, with the required integration parameters already set up for easy configuration. This helps remove the need for you to write custom integration programming code.
-![Multilayer Coding Experience](img/multilayer-coding-experience.png)
+Find a Camunda connector
-A Connector consists of two parts:
+## Get started
-1. The programming code in Java to connect to the external system (for example, refer to the [Connector function](/components/connectors/custom-built-connectors/connector-sdk.md#outbound-connector-runtime-logic) for outbound Connectors.)
-2. The user interface to be used during modeling, which is provided using [Connector Templates](manage-connector-templates.md).
+New to connectors? Learn about connector types and how to start using connectors in your processes.
-Users interacting with Connectors may only need to understand the configuration options exposed by the Connector Template in the properties panel.
+
-Connectors are available [out-of-the-box (OOTB)](./out-of-the-box-connectors/available-connectors-overview.md) and come with [Connector Templates](manage-connector-templates.md) which customize how a BPMN element is shown,
-and how it can be configured by process developers. Connector templates are a specific kind of [element templates](/components/modeler/desktop-modeler/element-templates/about-templates.md), which can also be used when creating custom Connectors via the [Connector SDK](./custom-built-connectors/connector-sdk.md).
+:::info
+Get started by learning how to [integrate a Camunda 8 connector](/guides/configuring-out-of-the-box-connector.md).
+:::
-Additionally, the [Camunda Marketplace](/components/modeler/web-modeler/camunda-marketplace.md) provides Connectors by Camunda partners and community contributors.
+## Custom connectors
-## Next steps
+Build and deploy your own [custom connectors](../custom-built-connectors/build-connector) using connector templates and the connector SDK.
-- [Learn about types of Connectors](./connector-types.md)
-- [Use Connectors in your BPMN process](./use-connectors/index.md)
-- [Learn about available out-of-the-box Connectors](./out-of-the-box-connectors/available-connectors-overview.md)
-- [Configure Connector Templates](manage-connector-templates.md)
-- [Visit the Camunda Marketplace](/components/modeler/web-modeler/camunda-marketplace.md)
-- [Install Connectors in Self-Managed](/self-managed/connectors-deployment/install-and-start.md)
+
+
+## Featured connectors
+
+Get started with our latest and most popular connectors.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-bedrock.md b/docs/components/connectors/out-of-the-box-connectors/amazon-bedrock.md
index 344db8f8618..7791eba2790 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-bedrock.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-bedrock.md
@@ -1,6 +1,6 @@
---
id: amazon-bedrock
-sidebar_label: AWS Bedrock Connector
+sidebar_label: Amazon Bedrock
title: Amazon Bedrock Connector
description: Interact with the Amazon Bedrock Connector from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-comprehend.md b/docs/components/connectors/out-of-the-box-connectors/amazon-comprehend.md
index 2860bf983c3..79c20abd462 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-comprehend.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-comprehend.md
@@ -1,7 +1,7 @@
---
id: amazon-comprehend
title: Amazon Comprehend Connector
-sidebar_label: AWS Comprehend Connector
+sidebar_label: AWS Comprehend
description: Use the Amazon Comprehend Connector to extract insights from the content of your documents, like key phrases and personal identifiable information.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md b/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
index 37cd2ca1002..95564df60c7 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md
@@ -1,6 +1,6 @@
---
id: amazon-dynamodb
-sidebar_label: AWS DynamoDB Connector
+sidebar_label: AWS DynamoDB
title: Amazon DynamoDB Connector
description: Use the Amazon DynamoDB Connector to connect your BPMN service with Amazon Web Service's DynamoDB Service, and work with tables and items using this service.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md b/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
index 24fa1725b21..0b0cc9813d4 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md
@@ -1,6 +1,6 @@
---
id: amazon-eventbridge
-sidebar_label: AWS EventBridge Connector
+sidebar_label: AWS EventBridge
title: Amazon EventBridge Connector
description: Send events to Amazon EventBridge from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-s3.md b/docs/components/connectors/out-of-the-box-connectors/amazon-s3.md
index 48c3cf7187b..577fd7281c6 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-s3.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-s3.md
@@ -1,6 +1,6 @@
---
id: amazon-s3
-sidebar_label: AWS S3 Connector
+sidebar_label: AWS S3
title: Amazon S3 Connector
description: Interact with Amazon S3 services from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
index f371e2b7c83..78cb3bc7123 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sagemaker.md
@@ -1,6 +1,6 @@
---
id: amazon-sagemaker
-sidebar_label: AWS SageMaker Connector
+sidebar_label: AWS SageMaker
title: Amazon SageMaker Connector
description: Interact with the Amazon SageMaker Connector from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
index b87c8e0057b..95c4c0bacf4 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sns.md
@@ -1,7 +1,7 @@
---
id: amazon-sns
title: Amazon Simple Notification Service Connector
-sidebar_label: AWS SNS Connector
+sidebar_label: AWS SNS
description: Publish messages to Amazon Simple Notification Service (SNS) from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md b/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
index f8f9c178143..6fe49c745ff 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-sqs.md
@@ -1,7 +1,7 @@
---
id: amazon-sqs
title: Amazon Simple Queue Service Connector
-sidebar_label: AWS SQS Connector
+sidebar_label: AWS SQS
description: Send messages to Amazon Simple Queue Service (SQS) from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/amazon-textract.md b/docs/components/connectors/out-of-the-box-connectors/amazon-textract.md
index 33a78ca4e4e..7b259ac0cbc 100644
--- a/docs/components/connectors/out-of-the-box-connectors/amazon-textract.md
+++ b/docs/components/connectors/out-of-the-box-connectors/amazon-textract.md
@@ -1,7 +1,7 @@
---
id: amazon-textract
title: Amazon Textract Connector
-sidebar_label: AWS Textract Connector
+sidebar_label: AWS Textract
description: Extract printed text, handwriting, layout elements, and data from any document.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/asana.md b/docs/components/connectors/out-of-the-box-connectors/asana.md
index dc8eedb4993..7eebf676a90 100644
--- a/docs/components/connectors/out-of-the-box-connectors/asana.md
+++ b/docs/components/connectors/out-of-the-box-connectors/asana.md
@@ -1,7 +1,7 @@
---
id: asana
title: Asana Connector
-sidebar_label: Asana Connector
+sidebar_label: Asana
description: Manage Asana projects and tasks from your BPMN process. Learn how to create an Asana Connector task, and get started.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md b/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
index d54c9eea771..654744f683d 100644
--- a/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
+++ b/docs/components/connectors/out-of-the-box-connectors/automation-anywhere.md
@@ -2,6 +2,7 @@
id: automation-anywhere
title: Automation Anywhere Connector
description: Orchestrate your Automation Anywhere queue items from your BPMN process.
+sidebar_label: Automation Anywhere
---
The **Automation Anywhere Connector** allows you to orchestrate an Automation Anywhere queue from your BPMN process with [Automation Anywhere RPA](https://www.automationanywhere.com/) to add work items to the queue and obtain work item results.
diff --git a/docs/components/connectors/out-of-the-box-connectors/available-connectors-overview.md b/docs/components/connectors/out-of-the-box-connectors/available-connectors-overview.md
index 2f97f2ab95b..c9d97404df1 100644
--- a/docs/components/connectors/out-of-the-box-connectors/available-connectors-overview.md
+++ b/docs/components/connectors/out-of-the-box-connectors/available-connectors-overview.md
@@ -1,98 +1,18 @@
---
id: available-connectors-overview
-title: Overview
+title: Camunda connectors
description: Take a closer look at the Connectors available in Camunda 8.
---
-Out-of-the-box (OOTB) Connectors accelerate solution implementation by providing pre-built, ready-to-use Connectors to popular external systems. Learn more about [Connector types](/components/connectors/connector-types.md)
+import SearchableTable from '../react-components/\_connectors-table.js';
+import Marketplace from '../react-components/\_banner-marketplace.md'
-Each Connector has a dedicated page with relevant configuration.
+Find technical documentation for our library of prebuilt Camunda connectors.
-All Connectors are available for Camunda 8 SaaS and [Self-Managed](/self-managed/connectors-deployment/install-and-start.md).
+
-Beginners to Connectors may want to get familiar with Connectors using a [guide to configuring out-of-the-box Connectors](/guides/configuring-out-of-the-box-connector.md).
+:::tip
+Don't see the connector you need? Build your own [custom Connector](/components/connectors/custom-built-connectors/build-connector.md), or explore the [Camunda MarketPlace](https://marketplace.camunda.com/) for more connectors developed by Camunda, Partners, and the Community.
+:::
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-
-
-
-
-
-## Outbound Connectors
-
-- [Amazon Bedrock Connector](/components/connectors/out-of-the-box-connectors/amazon-bedrock.md) - Interact with [Amazon Bedrock](https://aws.amazon.com/bedrock/) from your BPMN process to experiment with and evaluate foundation models (FMs) from leading AI companies.
-- [Amazon Comprehend Connector](/components/connectors/out-of-the-box-connectors/amazon-comprehend.md) - Interact with the [Amazon Comprehend service](https://aws.amazon.com/comprehend/) from your BPMN process.
-- [Amazon DynamoDB Connector](/components/connectors/out-of-the-box-connectors/amazon-dynamodb.md) - Interact with [Amazon DynamoDB NoSQL database service](https://aws.amazon.com/dynamodb/) within your BPMN process, enabling you to store and retrieve data from tables, as well as perform queries and scans.
-- [Amazon EventBridge Service Connector](/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md) - Send events using [Amazon EventBridge service](https://aws.amazon.com/eventbridge/) within your BPMN process.
-- [Amazon SageMaker Connector](/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md) - Interact with the [Amazon SageMaker service](https://aws.amazon.com/sagemaker/) from your BPMN process.
-- [Amazon SNS Outbound Connector](/components/connectors/out-of-the-box-connectors/amazon-sns.md) - Send messages to [Amazon Simple Notification Service](https://aws.amazon.com/sns/) from your BPMN process.
-- [Amazon SQS Connector](/components/connectors/out-of-the-box-connectors/amazon-sqs.md) - Send messages to [Amazon Simple Queue Service](https://aws.amazon.com/sqs/) from your BPMN process.
-- [Amazon Textract Connector](components/connectors/out-of-the-box-connectors/amazon-textract.md) - Interact with the [Amazon Textract Service](https://aws.amazon.com/textract/) from your BPMN process.
-- [Asana Connector](/components/connectors/out-of-the-box-connectors/asana.md) - Manage [Asana](https://asana.com/) projects and tasks from your BPMN process.
-- [Automation Anywhere Connector](/components/connectors/out-of-the-box-connectors/automation-anywhere.md) - Orchestrate your [Automation Anywhere](https://www.automationanywhere.com/) queue from your BPMN process.
-- [AWS Lambda Connector](/components/connectors/out-of-the-box-connectors/aws-lambda.md) - Invoke [AWS Lambda Functions](https://aws.amazon.com/lambda/) from your BPMN process.
-- [Azure OpenAI](/components/connectors/out-of-the-box-connectors/azure-open-ai.md) - Interact with [Azure OpenAI](https://azure.microsoft.com/en-us/products/ai-services/openai-service) from your BPMN process.
-- [Blue Prism](/components/connectors/out-of-the-box-connectors/blueprism.md) - Orchestrate your [Blue Prism](https://www.blueprism.com/) queue items from your BPMN process.
-- [Camunda Operate Connector](/components/connectors/out-of-the-box-connectors/operate.md) - Fetch process execution data from [Camunda Operate](https://camunda.com/platform/operate/).
-- [Easy Post Connector](/components/connectors/out-of-the-box-connectors/aws-lambda.md) - Create addresses, parcels, and shipments, as well as purchase and verify shipments with [EasyPost](https://www.easypost.com/) from your BPMN process.
-- [GitHub Connector](/components/connectors/out-of-the-box-connectors/github.md) - Manage [GitHub](https://github.com/) issues and releases from your BPMN process.
-- [GitLab Connector](/components/connectors/out-of-the-box-connectors/gitlab.md) - Manage [GitLab](https://about.gitlab.com/) issues and releases from your BPMN process.
-- [Google Drive Connector](/components/connectors/out-of-the-box-connectors/googledrive.md) - Create folders or files from a [Google Drive](https://www.google.com/drive/) template from your BPMN process.
-- [Google Maps Platform Connector](/components/connectors/out-of-the-box-connectors/google-maps-platform.md) - Validate addresses, retrieve postal addresses, and calculate distances with [Google Maps Platform Service](https://mapsplatform.google.com/) from your BPMN process
-- [Google Sheets Connector](/components/connectors/out-of-the-box-connectors/google-sheets.md) - Allows you to work with an existing or new empty spreadsheet on [Google Drive](https://drive.google.com/) from your BPMN process.
-- [Google Gemini Connector](/components/connectors/out-of-the-box-connectors/google-gemini.md) - Allows you to work with an existing or new empty spreadsheet on [Google Drive](https://drive.google.com/) from your BPMN process.
-- [Hugging Face Connector](/components/connectors/out-of-the-box-connectors/hugging-face.md) - Interact with [Hugging Face](https://huggingface.co/) models from your BPMN process.
-- [Kafka Producer Connector](/components/connectors/out-of-the-box-connectors/kafka.md) - Produce messages to [Kafka](https://kafka.apache.org/) from your BPMN process.
-- [Microsoft Teams Connector](/components/connectors/out-of-the-box-connectors/microsoft-teams.md) - Interactions with [Microsoft Teams](https://www.microsoft.com/microsoft-teams/) from your BPMN process.
-- [Microsoft 365 Connector](/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md) - Interactions with [Microsoft 365](https://outlook.office.com/mail/) mail from your BPMN process.
-- [OpenAI Connector](/components/connectors/out-of-the-box-connectors/openai.md) - Interact with [ChatGPT](https://chat.openai.com/) and [OpenAI Moderation API](https://platform.openai.com/docs/guides/moderation/overview).
-- [RabbitMQ Producer Connector](/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md) - Send messages to [RabbitMQ](https://www.rabbitmq.com/) from your BPMN process.
-- [Salesforce Connector](/components/connectors/out-of-the-box-connectors/salesforce.md) - Manage your Salesforce instance from your BPMN process.
-- [SendGrid Connector](/components/connectors/out-of-the-box-connectors/sendgrid.md) - Quickly send emails from your BPMN processes.
-- [Slack outbound Connector](/components/connectors/out-of-the-box-connectors/slack.md) - Send messages to channels or users in your [Slack](https://slack.com) workspace from your BPMN process.
-- [SQL Connector](/components/connectors/out-of-the-box-connectors/sql.md) - Connect your BPMN process with SQL databases (Microsoft SQL Server, PostgreSQL, MySQL).
-- [Twilio Connector](/components/connectors/out-of-the-box-connectors/twilio.md) - Send and get SMS messages with [Twilio](https://www.twilio.com) service from your BPMN process.
-- [UiPath Connector](/components/connectors/out-of-the-box-connectors/uipath.md) - Orchestrate your [UiPath](https://cloud.uipath.com) Bots with Camunda.
-- [WhatsApp Connector](/components/connectors/out-of-the-box-connectors/whatsapp.md) - Send messages with [WhatsApp Business](https://business.whatsapp.com/) from your BPMN process.
-
-
-
-
-
-## Inbound Connectors
-
-- [Amazon EventBridge Webhook Connector](/components/connectors/out-of-the-box-connectors/amazon-eventbridge.md) - Start a BPMN process instance triggered by an [Amazon EventBridge service event](https://aws.amazon.com/eventbridge/).
-- [Amazon SNS inbound Connector](/components/connectors/out-of-the-box-connectors/amazon-sns.md) - Trigger your BPMN process with an [Amazon Simple Notification Service](https://aws.amazon.com/sns/) notification via HTTPS.
-- [Amazon SQS Connector](/components/connectors/out-of-the-box-connectors/amazon-sqs.md) - Receive messages from [Amazon Simple Queue Service (SQS)](https://aws.amazon.com/sqs/) in your BPMN process.
-- [GitHub Webhook Connector](/components/connectors/out-of-the-box-connectors/github.md) - Start a process instance triggered by a [GitHub event](https://docs.github.com/en/developers/webhooks-and-events/webhooks/about-webhooks).
-- [Kafka Consumer Connector](/components/connectors/out-of-the-box-connectors/kafka.md) - Consume messages from [Kafka](https://kafka.apache.org/) from your BPMN process.
-- [RabbitMQ Consumer Connector](/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md) - Receive messages from [RabbitMQ](https://www.rabbitmq.com/) in your BPMN process.
-- [Slack inbound Connector](/components/connectors/out-of-the-box-connectors/slack.md) - Trigger a [Slack](https://slack.com) bot to start a BPMN process with an event or a slash command
-- [Twilio Webhook Connector](/components/connectors/out-of-the-box-connectors/twilio.md) - Start a process instance triggered by a [Twilio webhook](https://www.twilio.com/docs/usage/webhooks). Can be used as an intermediate Connector in existing processes.
-
-
-
-
-
-## Protocol Connectors
-
-- [GraphQL Connector](/components/connectors/protocol/graphql.md) - Execute a [GraphQL](https://graphql.org/) query or mutation from your BPMN process.
-- [HTTP Webhook Connector](/components/connectors/protocol/http-webhook.md) - Start a process instance with your custom webhook configuration.
-- [Polling Connector](/components/connectors/protocol/polling.md) - The HTTP Polling Connector polls an endpoint at regular intervals, enabling periodic data fetching as an intermediate step in your BPMN processes.
-- [REST Connector](/components/connectors/protocol/rest.md) - Make a request to a REST API and use the response in the next steps of your process.
-- [SOAP Connector](/components/connectors/protocol/soap.md) - Connect your BPMN process with Simple Object Access Protocol ([SOAP](https://en.wikipedia.org/wiki/SOAP)) services and interact with SOAP service endpoints.
-
-
-
-
-
-In addition to this section on Connectors, we recommend reviewing [Connector secrets](/components/console/manage-clusters/manage-secrets.md).
-
-If you want to build **custom Connectors**, head over to our [Connector SDK guide](/components/connectors/custom-built-connectors/connector-sdk.md).
+
diff --git a/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md b/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
index cd278278c1a..60a6983437c 100644
--- a/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
+++ b/docs/components/connectors/out-of-the-box-connectors/aws-lambda.md
@@ -1,6 +1,7 @@
---
id: aws-lambda
title: AWS Lambda Connector
+sidebar_label: AWS Lambda
description: Invoke AWS Lambda functions with an outbound Connector.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md b/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
index 2f8f47fd3c6..7cc4179b13a 100644
--- a/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
+++ b/docs/components/connectors/out-of-the-box-connectors/azure-open-ai.md
@@ -1,7 +1,7 @@
---
id: azure-open-ai
title: Azure OpenAI Connector
-sidebar_label: Azure OpenAI Connector
+sidebar_label: Azure OpenAI
description: Interact with Azure OpenAI from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/blueprism.md b/docs/components/connectors/out-of-the-box-connectors/blueprism.md
index 3915348359a..f635f58cebc 100644
--- a/docs/components/connectors/out-of-the-box-connectors/blueprism.md
+++ b/docs/components/connectors/out-of-the-box-connectors/blueprism.md
@@ -2,6 +2,7 @@
id: blueprism
title: Blue Prism Connector
description: Orchestrate your Blue Prism queue items from your BPMN process.
+sidebar_label: Blue Prism
---
The **Blue Prism Connector** allows you to orchestrate a Blue Prism queue from your BPMN process with [Blue Prism RPA](https://www.blueprism.com/).
diff --git a/docs/components/connectors/out-of-the-box-connectors/box.md b/docs/components/connectors/out-of-the-box-connectors/box.md
index b19f1cc7532..f25a0aa9f52 100644
--- a/docs/components/connectors/out-of-the-box-connectors/box.md
+++ b/docs/components/connectors/out-of-the-box-connectors/box.md
@@ -1,6 +1,6 @@
---
id: box
-sidebar_label: Box Connector
+sidebar_label: Box
title: Box Connector
description: Interact with the Box storage API.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/easy-post.md b/docs/components/connectors/out-of-the-box-connectors/easy-post.md
index 63be8312cea..32b3dcafb08 100644
--- a/docs/components/connectors/out-of-the-box-connectors/easy-post.md
+++ b/docs/components/connectors/out-of-the-box-connectors/easy-post.md
@@ -1,7 +1,7 @@
---
id: easy-post
title: EasyPost Connector
-sidebar_label: EasyPost Connector
+sidebar_label: EasyPost
description: Allows you to create addresses, parcels, and shipments, as well as purchase and verify shipments.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/email.md b/docs/components/connectors/out-of-the-box-connectors/email.md
index 2cb849a6997..51b609ae30a 100644
--- a/docs/components/connectors/out-of-the-box-connectors/email.md
+++ b/docs/components/connectors/out-of-the-box-connectors/email.md
@@ -1,7 +1,7 @@
---
id: email
title: Email Connector
-sidebar_label: Email Connector
+sidebar_label: Email
description: The Email Connector allows you to connect your BPMN service with different email protocols such as SMTP, POP3 or IMAP.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/github.md b/docs/components/connectors/out-of-the-box-connectors/github.md
index f6f4fc0f5ce..8cdd57e8d6f 100644
--- a/docs/components/connectors/out-of-the-box-connectors/github.md
+++ b/docs/components/connectors/out-of-the-box-connectors/github.md
@@ -1,7 +1,7 @@
---
id: github
title: GitHub Connector
-sidebar_label: GitHub Connector
+sidebar_label: GitHub
description: Manage GitHub issues and releases from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/gitlab.md b/docs/components/connectors/out-of-the-box-connectors/gitlab.md
index 986e6fcbbc1..41716cc9df1 100644
--- a/docs/components/connectors/out-of-the-box-connectors/gitlab.md
+++ b/docs/components/connectors/out-of-the-box-connectors/gitlab.md
@@ -1,7 +1,7 @@
---
id: gitlab
title: GitLab Connector
-sidebar_label: GitLab Connector
+sidebar_label: GitLab
description: Manage GitLab issues and releases from your BPMN process. Learn about creating a GitLab Connector task and get started.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/google-gemini.md b/docs/components/connectors/out-of-the-box-connectors/google-gemini.md
index 3823a456b0c..2211781832a 100644
--- a/docs/components/connectors/out-of-the-box-connectors/google-gemini.md
+++ b/docs/components/connectors/out-of-the-box-connectors/google-gemini.md
@@ -1,7 +1,7 @@
---
id: google-gemini
title: Google Gemini Connector
-sidebar_label: Google Gemini Connector
+sidebar_label: Google Gemini
description: The Gemini large language models (LLMs) that are used by Gemini for Google Cloud are trained on datasets of publicly available code, Google Cloud-specific material, and other relevant technical information in addition to the datasets used to train the Gemini [foundation models](https://storage.googleapis.com/deepmind-media/gemini/gemini_1_report.pdf).
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md b/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
index e4c2c56e761..fcad990df25 100644
--- a/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
+++ b/docs/components/connectors/out-of-the-box-connectors/google-maps-platform.md
@@ -1,7 +1,7 @@
---
id: google-maps-platform
title: Google Maps Platform Connector
-sidebar_label: Google Maps Platform Connector
+sidebar_label: Google Maps
description: Learn how to validate addresses, retrieve postal addresses, and calculate distances with Google Maps Platform Connector.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/google-sheets.md b/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
index 31f88b29de8..26c9377edc6 100644
--- a/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
+++ b/docs/components/connectors/out-of-the-box-connectors/google-sheets.md
@@ -1,7 +1,7 @@
---
id: google-sheets
title: Google Sheets Connector
-sidebar_label: Google Sheets Connector
+sidebar_label: Google Sheets
description: Use the Google Sheets Connector to connect your BPMN service with Google Sheets.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/googledrive.md b/docs/components/connectors/out-of-the-box-connectors/googledrive.md
index 66ac5a9ceb5..6a6691f679f 100644
--- a/docs/components/connectors/out-of-the-box-connectors/googledrive.md
+++ b/docs/components/connectors/out-of-the-box-connectors/googledrive.md
@@ -1,6 +1,7 @@
---
id: googledrive
title: Google Drive Connector
+sidebar_label: Google Drive
description: Create folders or files from a Google Drive template from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/hugging-face.md b/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
index 3089b51f19b..be93e7affc0 100644
--- a/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
+++ b/docs/components/connectors/out-of-the-box-connectors/hugging-face.md
@@ -1,7 +1,7 @@
---
id: hugging-face
title: Hugging Face Connector
-sidebar_label: Hugging Face Connector
+sidebar_label: Hugging Face
description: Interact with Hugging Face models from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/kafka.md b/docs/components/connectors/out-of-the-box-connectors/kafka.md
index 0264c048902..3bdf6451672 100644
--- a/docs/components/connectors/out-of-the-box-connectors/kafka.md
+++ b/docs/components/connectors/out-of-the-box-connectors/kafka.md
@@ -1,7 +1,7 @@
---
id: kafka
title: Kafka Connector
-sidebar_label: Kafka Connector
+sidebar_label: Kafka
description: The Kafka Producer Connector allows you to connect your BPMN service with Kafka. Learn how to create a Kafka Producer Connector and make it executable.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md b/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
index 9d6c35ae080..617ab3c8d9d 100644
--- a/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
+++ b/docs/components/connectors/out-of-the-box-connectors/microsoft-o365-mail.md
@@ -1,7 +1,7 @@
---
id: microsoft-o365-mail
title: Microsoft 365 Connector
-sidebar_label: Microsoft 365 Connector
+sidebar_label: Microsoft 365
description: Send and read Microsoft 365 emails from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md b/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
index fd6d381cf75..4e40ddf1298 100644
--- a/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
+++ b/docs/components/connectors/out-of-the-box-connectors/microsoft-teams.md
@@ -1,7 +1,7 @@
---
id: microsoft-teams
title: Microsoft Teams Connector
-sidebar_label: Microsoft Teams Connector
+sidebar_label: Microsoft Teams
description: Work with Microsoft Teams from your BPMN process using the Microsoft Teams Connector. Learn about authentication, conversation type and method, and more.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/openai.md b/docs/components/connectors/out-of-the-box-connectors/openai.md
index 9854697172b..5c327e93b5c 100644
--- a/docs/components/connectors/out-of-the-box-connectors/openai.md
+++ b/docs/components/connectors/out-of-the-box-connectors/openai.md
@@ -1,7 +1,7 @@
---
id: openai
title: OpenAI Connector
-sidebar_label: OpenAI Connector
+sidebar_label: OpenAI
description: Send messages to OpenAI from your BPMN process using the OpenAI Connector Connector.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/operate.md b/docs/components/connectors/out-of-the-box-connectors/operate.md
index b88579b30f6..c94d00ee151 100644
--- a/docs/components/connectors/out-of-the-box-connectors/operate.md
+++ b/docs/components/connectors/out-of-the-box-connectors/operate.md
@@ -1,7 +1,7 @@
---
id: operate
title: Camunda Operate Connector
-sidebar_label: Camunda Operate Connector
+sidebar_label: Camunda Operate
description: Fetch process execution data from Camunda Operate, a monitoring solution for Camunda 8.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md b/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
index 426190c2ca8..5ce5c3618d5 100644
--- a/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
+++ b/docs/components/connectors/out-of-the-box-connectors/rabbitmq-outbound.md
@@ -1,7 +1,7 @@
---
id: rabbitmq
title: RabbitMQ Connector
-sidebar_label: RabbitMQ Connector
+sidebar_label: RabbitMQ
description: Send messages to RabbitMQ from your BPMN process using the RabbitMQ Connector.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/salesforce.md b/docs/components/connectors/out-of-the-box-connectors/salesforce.md
index 75f0f1dd4c9..281d1a70b1b 100644
--- a/docs/components/connectors/out-of-the-box-connectors/salesforce.md
+++ b/docs/components/connectors/out-of-the-box-connectors/salesforce.md
@@ -1,6 +1,7 @@
---
id: salesforce
title: Salesforce Connector
+sidebar_label: Salesforce
description: Manage your Salesforce Instance from your BPMN process. Learn how to create a Salesforce Connector task, and get started.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/sendgrid.md b/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
index b26f0cc828d..bd4d149c09b 100644
--- a/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
+++ b/docs/components/connectors/out-of-the-box-connectors/sendgrid.md
@@ -1,6 +1,7 @@
---
id: sendgrid
title: SendGrid Connector
+sidebar_label: SendGrid
description: Quickly send emails from your BPMN processes.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/slack.md b/docs/components/connectors/out-of-the-box-connectors/slack.md
index 679eb015a4b..e8b70b363bb 100644
--- a/docs/components/connectors/out-of-the-box-connectors/slack.md
+++ b/docs/components/connectors/out-of-the-box-connectors/slack.md
@@ -1,6 +1,7 @@
---
id: slack
title: Slack Connector
+sidebar_label: Slack
description: Send messages to channels or users in your Slack workspace from your BPMN process.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/sql.md b/docs/components/connectors/out-of-the-box-connectors/sql.md
index e03b97f983e..ecb4a41f390 100644
--- a/docs/components/connectors/out-of-the-box-connectors/sql.md
+++ b/docs/components/connectors/out-of-the-box-connectors/sql.md
@@ -1,7 +1,7 @@
---
id: sql
title: SQL Connector
-sidebar_label: SQL Connector
+sidebar_label: SQL
description: "Connect your BPMN process with SQL databases, learn how to create a SQL Connector, and make it executable."
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/twilio.md b/docs/components/connectors/out-of-the-box-connectors/twilio.md
index b1539382a02..feb90a61c6e 100644
--- a/docs/components/connectors/out-of-the-box-connectors/twilio.md
+++ b/docs/components/connectors/out-of-the-box-connectors/twilio.md
@@ -1,7 +1,7 @@
---
id: twilio
title: Twilio Connector
-sidebar_label: Twilio Connector
+sidebar_label: Twilio
description: Integrate your BPMN service with Twilio's messaging API to send SMS messages, get messages, and more.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/uipath.md b/docs/components/connectors/out-of-the-box-connectors/uipath.md
index 41046e098dd..a940b6c308d 100644
--- a/docs/components/connectors/out-of-the-box-connectors/uipath.md
+++ b/docs/components/connectors/out-of-the-box-connectors/uipath.md
@@ -1,6 +1,7 @@
---
id: uipath
title: UiPath Connector
+sidebar_label: UiPath
description: Orchestrate your UiPath Bots with Camunda to create new queue items and get the result from it.
---
diff --git a/docs/components/connectors/out-of-the-box-connectors/whatsapp.md b/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
index f99c1e2c78e..e7d38ec0cf9 100644
--- a/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
+++ b/docs/components/connectors/out-of-the-box-connectors/whatsapp.md
@@ -1,7 +1,7 @@
---
id: whatsapp
title: WhatsApp Connector
-sidebar_label: WhatsApp Connector
+sidebar_label: WhatsApp
description: Send messages with [WhatsApp Business](https://business.whatsapp.com/) from your BPMN process.
---
diff --git a/docs/components/connectors/protocol/graphql.md b/docs/components/connectors/protocol/graphql.md
index 82c2e2758e5..23284ec02c4 100644
--- a/docs/components/connectors/protocol/graphql.md
+++ b/docs/components/connectors/protocol/graphql.md
@@ -1,7 +1,7 @@
---
id: graphql
title: GraphQL Connector
-sidebar_label: GraphQL Connector
+sidebar_label: GraphQL
description: Execute a GraphQL query or mutation from your BPMN process.
---
diff --git a/docs/components/connectors/protocol/http-webhook.md b/docs/components/connectors/protocol/http-webhook.md
index 9aa8bd296c4..21bf13c4e6b 100644
--- a/docs/components/connectors/protocol/http-webhook.md
+++ b/docs/components/connectors/protocol/http-webhook.md
@@ -1,7 +1,7 @@
---
id: http-webhook
title: HTTP Webhook Connector
-sidebar_label: HTTP Webhook Connector
+sidebar_label: HTTP Webhook
description: Start a process instance with your custom webhook configuration, triggered by an external HTTP call.
---
diff --git a/docs/components/connectors/protocol/polling.md b/docs/components/connectors/protocol/polling.md
index 4987055d14d..0d6593c1689 100644
--- a/docs/components/connectors/protocol/polling.md
+++ b/docs/components/connectors/protocol/polling.md
@@ -1,7 +1,7 @@
---
id: polling
title: HTTP Polling Connector
-sidebar_label: HTTP Polling Connector
+sidebar_label: HTTP Polling
description: The HTTP Polling Connector polls an endpoint at regular intervals, enabling periodic data fetching as an intermediate step in your BPMN processes.
---
diff --git a/docs/components/connectors/protocol/rest.md b/docs/components/connectors/protocol/rest.md
index c12db5bb14f..10075181543 100644
--- a/docs/components/connectors/protocol/rest.md
+++ b/docs/components/connectors/protocol/rest.md
@@ -1,6 +1,7 @@
---
id: rest
title: REST Connector
+sidebar_label: REST
description: Make a request to a REST API and use the response in the next steps of your process.
---
diff --git a/docs/components/connectors/protocol/soap.md b/docs/components/connectors/protocol/soap.md
index 98cd9fe9470..d393f35d88b 100644
--- a/docs/components/connectors/protocol/soap.md
+++ b/docs/components/connectors/protocol/soap.md
@@ -1,7 +1,7 @@
---
id: soap
title: SOAP Connector
-sidebar_label: SOAP Connector
+sidebar_label: SOAP
description: The SOAP Connector allows you to connect your BPMN process with SOAP services.
---
diff --git a/docs/components/connectors/react-components/_banner-marketplace.md b/docs/components/connectors/react-components/_banner-marketplace.md
new file mode 100644
index 00000000000..1f428506d96
--- /dev/null
+++ b/docs/components/connectors/react-components/_banner-marketplace.md
@@ -0,0 +1,16 @@
+import MarketplaceImg from "./icon-marketplace.png";
+
+
+
+
+
+
+
+
+
+Visit the Camunda Marketplace to explore connectors built by the Camunda Engineering team, our global network of partners, and our active developer community.
+
+Explore Camunda Marketplace
+
+
+
diff --git a/docs/components/connectors/react-components/_connectors-card-data.js b/docs/components/connectors/react-components/_connectors-card-data.js
new file mode 100644
index 00000000000..9e407f06c09
--- /dev/null
+++ b/docs/components/connectors/react-components/_connectors-card-data.js
@@ -0,0 +1,148 @@
+import IconPlayImg from "../img/icon-play.png";
+import IconConnectorImg from "../img/icon-connectors.png";
+import IconConnectorTypesImg from "../img/icon-connector-types.png";
+import IconConnectorSdkImg from "../img/icon-connector-sdk.png";
+import IconConnectorTemplateImg from "../img/icon-connector-template.png";
+import IconConnectorCustomImg from "../img/icon-connector-custom.png";
+import AmazonS3Img from "../img/connector-amazon-s3.png";
+import BoxImg from "../img/connector-box.png";
+import OpenaiImg from "../img/connector-openai.png";
+import AwsLambdaImg from "../img/connector-aws-lambda.png";
+import RestImg from "../img/connector-rest.png";
+import EmailImg from "../img/connector-email.png";
+import BedrockImg from "../img/connector-amazon-bedrock.png";
+import SqlImg from "../img/connector-sql.png";
+import GraphqlImg from "../img/connector-graphql.png";
+import AsanaImg from "../img/connector-asana.png";
+import AutomationImg from "../img/connector-automation.png";
+
+// Getting started cards on connectors introduction page
+export const gettingStartedCards = [
+ {
+ link: "../use-connectors",
+ title: "How to use Connectors",
+ image: IconPlayImg,
+ description: "Create a connector task and start using connector secrets.",
+ },
+ {
+ link: "../connector-types",
+ title: "Connector types",
+ image: IconConnectorTypesImg,
+ description: "Learn about inbound and outbound connector types.",
+ },
+ {
+ link: "../out-of-the-box-connectors/available-connectors-overview",
+ title: "Camunda connectors",
+ image: IconConnectorImg,
+ description:
+ "Find technical documentation for prebuilt Camunda connectors.",
+ },
+];
+
+// Custom connector cards on connectors introduction page
+export const customConnectorCards = [
+ {
+ link: "../custom-built-connectors/build-connector",
+ title: "Custom Connectors",
+ image: IconConnectorCustomImg,
+ description: "Learn how to build and deploy your own custom connectors.",
+ },
+ {
+ link: "../custom-built-connectors/connector-templates",
+ title: "Connector templates",
+ image: IconConnectorTemplateImg,
+ description: "Create, generate, and manage connector templates.",
+ },
+ {
+ link: "../custom-built-connectors/connector-sdk",
+ title: "Connector SDK",
+ image: IconConnectorSdkImg,
+ description: "Use the SDK to create your own custom Java connectors.",
+ },
+];
+
+// 3 large Latest tab cards on connectors introduction page
+export const latestConnectorCards = [
+ {
+ link: "../out-of-the-box-connectors/amazon-s3",
+ title: "Amazon S3",
+ image: AmazonS3Img,
+ description: "Interact with Amazon Bedrock from your processes.",
+ },
+ {
+ link: "../out-of-the-box-connectors/box",
+ title: "Box",
+ image: BoxImg,
+ description: "Connect your BPMN service to the Box storage API.",
+ },
+ {
+ link: "../out-of-the-box-connectors/email/?email=outbound",
+ title: "Email outbound",
+ image: EmailImg,
+ description:
+ "Connect your BPMN service to an email POP3, IMAP or SMTP server.",
+ },
+];
+
+// 3 large Popular tab cards on connectors introduction page
+export const popularConnectorCards = [
+ {
+ link: "../out-of-the-box-connectors/openai",
+ title: "OpenAI",
+ image: OpenaiImg,
+ description:
+ "Add ChatGPT and OpenAI's Moderation API to your business processes.",
+ },
+ {
+ link: "../out-of-the-box-connectors/aws-lambda",
+ title: "Amazon AWS Lambda",
+ image: AwsLambdaImg,
+ description:
+ "Connect processes to AWS Lambda to invoke serverless functions.",
+ },
+ {
+ link: "../protocol/rest",
+ title: "Rest connector",
+ image: RestImg,
+ description:
+ "Connect, interact, and sync your processes with any RESTful service.",
+ },
+];
+
+// 3 small Latest tab cards on connectors introduction page
+export const latestConnectorCardsSml = [
+ {
+ link: "../out-of-the-box-connectors/email/?email=inbound",
+ title: "Email inbound",
+ image: EmailImg,
+ },
+ {
+ link: "../out-of-the-box-connectors/amazon-bedrock",
+ title: "Amazon Bedrock",
+ image: BedrockImg,
+ },
+ {
+ link: "../out-of-the-box-connectors/sql",
+ title: "SQL",
+ image: SqlImg,
+ },
+];
+
+// 3 small Popular tab cards on connectors introduction page
+export const popularConnectorCardsSml = [
+ {
+ link: "../protocol/graphql",
+ title: "GraphQL",
+ image: GraphqlImg,
+ },
+ {
+ link: "../out-of-the-box-connectors/asana",
+ title: "Asana",
+ image: AsanaImg,
+ },
+ {
+ link: "../out-of-the-box-connectors/automation-anywhere",
+ title: "Automation Anywhere",
+ image: AutomationImg,
+ },
+];
diff --git a/docs/components/connectors/react-components/_connectors-card-sml.js b/docs/components/connectors/react-components/_connectors-card-sml.js
new file mode 100644
index 00000000000..e027acad8e1
--- /dev/null
+++ b/docs/components/connectors/react-components/_connectors-card-sml.js
@@ -0,0 +1,34 @@
+import React from "react";
+import "./_connectors-table.css";
+
+const ConnectorCard = ({ link, title, image, description }) => {
+ return (
+
+