[Docs] Create homepage for Sources/Destinations (airbytehq#34391)

Co-authored-by: Evan Tahler <[email protected]>

docs/connector-development/connector-builder-ui/overview.md

@@ -13,7 +13,7 @@ Developer updates will be announced via our #help-connector-development Slack ch
 
 The connector builder is the right tool if the following points are met:
 * You want to integrate with a JSON-based HTTP API as a source of records
-* The API you want to integrate with doesn't exist yet as a connector in the [connector catalog](/category/sources).
+* The API you want to integrate with doesn't exist yet as a connector in the [connector catalog](/integrations/sources/).
 * The API is suitable for the connector builder as per the
 [compatibility guide](./connector-builder-compatibility.md).
 

docs/integrations/destinations/README.md

@@ -0,0 +1,14 @@
+import ConnectorRegistry from '@site/src/components/ConnectorRegistry';
+
+# Destinations
+
+A destination is a data warehouse, data lake, database, or an analytics tool where you want to load your ingested data.
+
+Read more about our [Connector Support Levels](/integrations/connector-support-levels) to understand what to expect from a connector.
+
+
+## Destinations
+
+<ConnectorRegistry type="destination"/>
+
+_[View the connector registry in full](/integrations)_

docs/integrations/sources/README.md

@@ -0,0 +1,13 @@
+import ConnectorRegistry from '@site/src/components/ConnectorRegistry';
+
+# Sources
+
+A source is an API, file, database, or data warehouse that you want to ingest data from.
+
+Read more about our [Connector Support Levels](/integrations/connector-support-levels) to understand what to expect from a connector.
+
+## Sources
+
+<ConnectorRegistry type="source"/>
+
+_[View the connector registry in full](/integrations)_

docusaurus/sidebars.js

@@ -272,15 +272,17 @@ const connectorCatalog = {
       type: "category",
       label: "Sources",
       link: {
-        type: "generated-index",
+        type: "doc",
+        id: "integrations/sources/README",
       },
       items: [sourcePostgres, sourceMysql, ...getSourceConnectors()].sort((itemA, itemB) => itemA.label.localeCompare(itemB.label)),
     },
     {
       type: "category",
       label: "Destinations",
       link: {
-        type: "generated-index",
+        type: "doc",
+        id: "integrations/destinations/README",
       },
       items: getDestinationConnectors(),
     },