From d25e6a7a79700577e436d69143d3442fcb93de22 Mon Sep 17 00:00:00 2001
From: MUzairS15 <MUzairS15@users.noreply.github.com>
Date: Fri, 2 Aug 2024 00:20:33 +0000
Subject: [PATCH] [Docs] Generated documentation for Integration

Signed-off-by: l5io <ci@layer5.io>
---
 .../apisix-ingress-controller/index.mdx       |  6 +--
 .../icons/color/etcd-lockserver-color.svg     |  1 +
 .../icons/white/etcd-lockserver-white.svg     |  1 +
 .../color/vitess-backup-schedule-color.svg    |  1 +
 .../white/vitess-backup-schedule-white.svg    |  1 +
 .../color/vitess-backup-storage-color.svg     |  1 +
 .../white/vitess-backup-storage-white.svg     |  1 +
 .../icons/color/vitess-backup-color.svg       |  1 +
 .../icons/white/vitess-backup-white.svg       |  1 +
 .../icons/color/vitess-cell-color.svg         |  1 +
 .../icons/white/vitess-cell-white.svg         |  1 +
 .../icons/color/vitess-cluster-color.svg      |  1 +
 .../icons/white/vitess-cluster-white.svg      |  1 +
 .../icons/color/vitess-keyspace-color.svg     |  1 +
 .../icons/white/vitess-keyspace-white.svg     |  1 +
 .../icons/color/vitess-shard-color.svg        |  1 +
 .../icons/white/vitess-shard-white.svg        |  1 +
 src/collections/integrations/vitess/index.mdx | 50 ++++++++++++++++++-
 18 files changed, 67 insertions(+), 5 deletions(-)
 create mode 100644 src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/color/etcd-lockserver-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/white/etcd-lockserver-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/color/vitess-backup-schedule-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/white/vitess-backup-schedule-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/color/vitess-backup-storage-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/white/vitess-backup-storage-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup/icons/color/vitess-backup-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-backup/icons/white/vitess-backup-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-cell/icons/color/vitess-cell-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-cell/icons/white/vitess-cell-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-cluster/icons/color/vitess-cluster-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-cluster/icons/white/vitess-cluster-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/color/vitess-keyspace-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/white/vitess-keyspace-white.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-shard/icons/color/vitess-shard-color.svg
 create mode 100644 src/collections/integrations/vitess/icons/components/vitess-shard/icons/white/vitess-shard-white.svg

diff --git a/src/collections/integrations/apisix-ingress-controller/index.mdx b/src/collections/integrations/apisix-ingress-controller/index.mdx
index 9a3ef7d59797..c7215f3789f1 100644
--- a/src/collections/integrations/apisix-ingress-controller/index.mdx
+++ b/src/collections/integrations/apisix-ingress-controller/index.mdx
@@ -57,10 +57,8 @@ featureList: [
   "Built-in and customizable plugins available."
 ]
 workingSlides: [
-  ../_images/apisix-ingress-controller/design-light.jpg,
-  ../_images/apisix-ingress-controller/design-dark.jpg,
-  ../_images/apisix-ingress-controller/visualise_light.jpg,
-  ../_images/apisix-ingress-controller/visualise-dark.jpg
+  ../_images/meshmap-visualizer.png,
+  ../_images/meshmap-designer.png
 ]
 howItWorks: "Collaborative Infrastructure as Design"
 howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
diff --git a/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/color/etcd-lockserver-color.svg b/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/color/etcd-lockserver-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/color/etcd-lockserver-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/white/etcd-lockserver-white.svg b/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/white/etcd-lockserver-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/etcd-lockserver/icons/white/etcd-lockserver-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/color/vitess-backup-schedule-color.svg b/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/color/vitess-backup-schedule-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/color/vitess-backup-schedule-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/white/vitess-backup-schedule-white.svg b/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/white/vitess-backup-schedule-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup-schedule/icons/white/vitess-backup-schedule-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/color/vitess-backup-storage-color.svg b/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/color/vitess-backup-storage-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/color/vitess-backup-storage-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/white/vitess-backup-storage-white.svg b/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/white/vitess-backup-storage-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup-storage/icons/white/vitess-backup-storage-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup/icons/color/vitess-backup-color.svg b/src/collections/integrations/vitess/icons/components/vitess-backup/icons/color/vitess-backup-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup/icons/color/vitess-backup-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-backup/icons/white/vitess-backup-white.svg b/src/collections/integrations/vitess/icons/components/vitess-backup/icons/white/vitess-backup-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-backup/icons/white/vitess-backup-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-cell/icons/color/vitess-cell-color.svg b/src/collections/integrations/vitess/icons/components/vitess-cell/icons/color/vitess-cell-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-cell/icons/color/vitess-cell-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-cell/icons/white/vitess-cell-white.svg b/src/collections/integrations/vitess/icons/components/vitess-cell/icons/white/vitess-cell-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-cell/icons/white/vitess-cell-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/color/vitess-cluster-color.svg b/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/color/vitess-cluster-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/color/vitess-cluster-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/white/vitess-cluster-white.svg b/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/white/vitess-cluster-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-cluster/icons/white/vitess-cluster-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/color/vitess-keyspace-color.svg b/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/color/vitess-keyspace-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/color/vitess-keyspace-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/white/vitess-keyspace-white.svg b/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/white/vitess-keyspace-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-keyspace/icons/white/vitess-keyspace-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-shard/icons/color/vitess-shard-color.svg b/src/collections/integrations/vitess/icons/components/vitess-shard/icons/color/vitess-shard-color.svg
new file mode 100644
index 000000000000..553e69b30ad5
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-shard/icons/color/vitess-shard-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-5.48 13.27 440.96 403.96"><defs><style>.cls-2{fill:#284e64}.cls-3{fill:#f16827}.cls-4{fill:#f48029}.cls-5{fill:#f89a2e}.cls-8{fill:#cd4e27}</style></defs><path fill="none" d="M76.774 158.098l-.011.012.011-.012z"/><path d="M242.742 258.203l.04-.206 13.593-79.583-13.633 79.789zm98.18-79.977l-44.115 79.726-83.395 151.07.003.006 83.411-151.095 44.116-79.716 48.195-87.421-48.215 87.43zM342.43 21.85l-14.161 25.877 14.167-25.877h-.006zM76.774 158.098l54.081-58.039-54.081 58.039zm11.512 21.02l59.724-47.442-59.724 47.442zm0 0l-4.007-7.304 3.997 7.304 42.494 78.004 6.9 12.722-6.906-12.739-42.478-77.987z" class="cls-2"/><path d="M103.185 151.448l27.67-51.389 17.155 31.617 33.263 61.357-33.244-61.366-17.169-31.634L88.096 21.85h-.009l42.768 78.209-27.67 51.389zm124.483 126.996l.196.361 8.008 14.721-8.204-15.082zm56.527-150.437l-27.835 50.39-30.963 57.017 30.978-57 27.82-50.407z" class="cls-2"/><path d="M173.214 335.413l40.189 73.625 22.118-113.708-62.307 40.083z" class="cls-3"/><path d="M235.872 293.526l-8.008-14.721-27.453-50.469-27.197 107.077 62.307-40.083.351-1.804z" class="cls-4"/><path d="M130.764 257.105l6.906 12.739 35.544 65.569 27.197-107.077-69.647 28.769z" class="cls-5"/><path d="M130.764 257.105l69.647-28.769-19.138-35.303-33.263-61.357-17.246 125.429z" class="cls-3"/><path fill="#f89921" d="M242.742 258.203l13.633-79.789-30.978 57-10.562 19.436 12.833 23.594 8.204 15.082 6.87-35.323z"/><path d="M88.286 179.118l42.478 77.987 17.246-125.429-59.724 47.442z" class="cls-5"/><path d="M296.807 257.952l44.115-79.726-98.14 79.771 54.025-.045z" class="cls-4"/><path fill="#f4ae5c" d="M130.855 100.059l-27.67 51.389-14.899 27.67 59.724-47.442-17.155-31.617zm111.927 157.938l56.555-157.423-15.142 27.433-27.82 50.407-13.593 79.583z"/><path d="M88.286 179.118l14.899-27.67 27.67-51.389-54.081 58.039-.011.012 7.516 13.704 4.007 7.304z" class="cls-8"/><path fill="#f16938" d="M340.922 178.226l-41.585-77.652-56.555 157.423 98.14-79.771zM76.774 158.098l54.081-58.039L88.087 21.85l-.006-.01-11.318 136.27.011-.012z"/><path d="M340.922 178.226l1.519-156.376v-.01l-.005.01-14.167 25.877-28.932 52.847 41.585 77.652zM88.081 21.84H3l73.763 136.27L88.081 21.84z" class="cls-5"/><path d="M342.441 21.84v.01l-1.519 156.376 48.215-87.43 38.028-68.956h-84.724zm-99.659 236.157l-.04.206-6.87 35.323-.351 1.804-22.118 113.708.009-.016 83.395-151.07-54.025.045z" class="cls-8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/icons/components/vitess-shard/icons/white/vitess-shard-white.svg b/src/collections/integrations/vitess/icons/components/vitess-shard/icons/white/vitess-shard-white.svg
new file mode 100644
index 000000000000..29944e7034a7
--- /dev/null
+++ b/src/collections/integrations/vitess/icons/components/vitess-shard/icons/white/vitess-shard-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.27 9.48 364.78 334.28"><path fill="#fff" d="M285.642 16.7l-11.668 21.446-23.994 43.715-12.489 22.679-23.008 41.661-25.637 47.165-8.708 16.101-11.917-21.935-15.859-29.17-27.527-50.782-14.215-26.13L75.286 16.7H4.866l61.053 112.738 6.163 11.339 3.369 6.081 35.086 64.504 5.752 10.517 29.417 54.233L178.903 337l69.023-124.981 36.484-65.901 39.852-72.31L355.734 16.7h-70.092z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vitess/index.mdx b/src/collections/integrations/vitess/index.mdx
index 847189a3602b..3d39f37e0814 100644
--- a/src/collections/integrations/vitess/index.mdx
+++ b/src/collections/integrations/vitess/index.mdx
@@ -8,7 +8,55 @@ description:
 category: App Definition and Development
 subcategory: Database
 registrant: GitHub
-components: []
+components: [
+{
+"name": "etcd-lockserver",
+"colorIcon": "icons/components/etcd-lockserver/icons/color/etcd-lockserver-color.svg",
+"whiteIcon": "icons/components/etcd-lockserver/icons/white/etcd-lockserver-white.svg",
+"description": "",
+},
+{
+"name": "vitess-backup",
+"colorIcon": "icons/components/vitess-backup/icons/color/vitess-backup-color.svg",
+"whiteIcon": "icons/components/vitess-backup/icons/white/vitess-backup-white.svg",
+"description": "",
+},
+{
+"name": "vitess-backup-schedule",
+"colorIcon": "icons/components/vitess-backup-schedule/icons/color/vitess-backup-schedule-color.svg",
+"whiteIcon": "icons/components/vitess-backup-schedule/icons/white/vitess-backup-schedule-white.svg",
+"description": "",
+},
+{
+"name": "vitess-backup-storage",
+"colorIcon": "icons/components/vitess-backup-storage/icons/color/vitess-backup-storage-color.svg",
+"whiteIcon": "icons/components/vitess-backup-storage/icons/white/vitess-backup-storage-white.svg",
+"description": "",
+},
+{
+"name": "vitess-cell",
+"colorIcon": "icons/components/vitess-cell/icons/color/vitess-cell-color.svg",
+"whiteIcon": "icons/components/vitess-cell/icons/white/vitess-cell-white.svg",
+"description": "",
+},
+{
+"name": "vitess-cluster",
+"colorIcon": "icons/components/vitess-cluster/icons/color/vitess-cluster-color.svg",
+"whiteIcon": "icons/components/vitess-cluster/icons/white/vitess-cluster-white.svg",
+"description": "",
+},
+{
+"name": "vitess-keyspace",
+"colorIcon": "icons/components/vitess-keyspace/icons/color/vitess-keyspace-color.svg",
+"whiteIcon": "icons/components/vitess-keyspace/icons/white/vitess-keyspace-white.svg",
+"description": "",
+},
+{
+"name": "vitess-shard",
+"colorIcon": "icons/components/vitess-shard/icons/color/vitess-shard-color.svg",
+"whiteIcon": "icons/components/vitess-shard/icons/white/vitess-shard-white.svg",
+"description": "",
+}]
 featureList: [
   "Drag-n-drop cloud native infrastructure designer to configure, model, and deploy your workloads.",
   "Invite anyone to review and make changes to your private designs.",