From f3d6f127d5d4740e5ef3ae365559450c32700bae Mon Sep 17 00:00:00 2001
From: MUzairS15 <MUzairS15@users.noreply.github.com>
Date: Tue, 25 Jun 2024 00:20:04 +0000
Subject: [PATCH] [Docs] Generated documentation for Integration

Signed-off-by: l5io <ci@layer5.io>
---
 .../icons/color/cloudnative-pg-color.svg      | 22 ++++++
 .../icons/white/cloudnative-pg-white.svg      | 22 ++++++
 .../color/loki-simple-scalable-color.svg      | 74 +++++++++++++++++++
 .../white/loki-simple-scalable-white.svg      | 74 +++++++++++++++++++
 .../loki/icons/color/loki-color.svg           | 74 +++++++++++++++++++
 .../loki/icons/white/loki-white.svg           | 74 +++++++++++++++++++
 6 files changed, 340 insertions(+)
 create mode 100644 assets/images/integration/cloudnative-pg/icons/color/cloudnative-pg-color.svg
 create mode 100644 assets/images/integration/cloudnative-pg/icons/white/cloudnative-pg-white.svg
 create mode 100644 assets/images/integration/loki-simple-scalable/icons/color/loki-simple-scalable-color.svg
 create mode 100644 assets/images/integration/loki-simple-scalable/icons/white/loki-simple-scalable-white.svg
 create mode 100644 assets/images/integration/loki/icons/color/loki-color.svg
 create mode 100644 assets/images/integration/loki/icons/white/loki-white.svg

diff --git a/assets/images/integration/cloudnative-pg/icons/color/cloudnative-pg-color.svg b/assets/images/integration/cloudnative-pg/icons/color/cloudnative-pg-color.svg
new file mode 100644
index 0000000000..0d48a57cc8
--- /dev/null
+++ b/assets/images/integration/cloudnative-pg/icons/color/cloudnative-pg-color.svg
@@ -0,0 +1,22 @@
+<svg width="415" height="435" viewBox="0 0 415 435" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M378.818 394.575C374.687 384.53 371.638 374.017 368.542 363.583C365.018 351.693 362.1 339.626 358.615 327.73C357.587 324.226 355.842 320.82 353.833 317.75C351.837 314.694 349.762 315.162 348.708 318.607C345.869 327.855 343.452 337.241 340.29 346.371C334.572 362.845 326.78 378.173 316.115 392.191C310.793 399.186 304.838 405.668 298.679 411.925C295.597 415.054 292.461 418.13 289.313 421.2C286.559 423.888 283.674 426.707 285.617 430.784C287.126 433.946 290.479 434.249 293.588 434.236C294.036 434.236 294.477 434.223 294.912 434.216C310.819 433.953 326.727 434.387 342.628 434.572C353.734 434.697 364.846 435.151 375.946 434.901C380.629 434.796 385.767 434.947 389.581 431.107C393.862 426.792 394.554 423.505 391.471 418.242C386.939 410.529 382.203 402.809 378.818 394.575Z" fill="url(#paint0_radial_248_90)"/>
+<path d="M409.948 262.887C407.879 262.38 405.857 261.826 403.894 261.188C383.527 254.68 369.45 241.453 353.964 226.559C351.599 224.274 350.829 221.672 350.994 218.405C351.87 203.189 350.038 188.157 347.357 173.231C343.583 152.409 337.345 132.279 328.848 112.867C326.938 108.513 324.388 104.659 323.058 100.042C322.926 99.5347 322.821 98.9551 323.163 98.5533C323.532 98.1054 324.276 98.2107 324.836 98.4215C329.777 100.437 337.635 122.774 343.985 117.063C345.342 115.844 345.842 113.98 346.192 112.202C351.58 85.5899 344.782 44.5856 321.016 28.1246C310.101 20.556 298.126 13.1983 285.031 10.2539C278.338 8.76522 271.06 8.84424 264.901 11.8743C261.844 13.363 259.084 15.563 255.765 16.3601C249.843 17.8224 243.947 14.5025 238.105 12.724C231.017 10.5964 223.284 10.7018 216.275 13.0665C210.643 14.9504 205.018 18.2967 199.175 17.2098C191.073 15.6948 185.23 6.34776 176.839 3.48239C166.774 0.0307768 155.595 0.0307897 145.287 2.34284C115.704 8.98259 87.9265 29.7516 67.2366 51.1265C44.531 74.5764 35.5002 105.595 55.5775 133.906C62.7508 144.024 73.2901 151.908 85.3181 155.017C87.6565 155.63 90.1266 156.104 92.0632 157.54C99.7108 163.225 83.5659 178.441 80.1143 183.381C72.6775 194.085 65.7479 205.184 60.5969 217.186C51.0391 239.417 46.8695 261.774 43.5232 285.573C37.7332 326.735 29.9802 369.044 10.7263 406.221C7.61722 412.196 3.74404 418.144 1.30024 424.415C0.713994 425.903 0.529556 427.655 1.30024 429.039C1.75475 429.836 2.49251 430.448 3.28954 430.87C7.59089 433.261 14.1252 432.727 18.8811 432.754C33.2211 432.806 47.5611 432.859 61.9274 432.885C69.2325 432.912 76.5309 432.938 83.836 432.938C89.0924 432.938 96.8256 434.269 101.601 431.739C104.684 430.119 106.383 426.667 107.233 423.268C108.478 418.275 109.275 413.151 110.606 408.158C114.696 392.889 120.513 378.358 127.976 364.393C139.819 342.215 152.196 317.151 130.209 296.909C124.419 291.6 117.753 287.378 111.541 282.595C110.349 281.667 109.176 279.783 110.428 278.933C110.909 278.59 111.567 278.67 112.18 278.801C136.163 283.821 158.335 309.583 156.847 334.251C156.05 347.129 150.872 358.682 146.94 370.631C142.955 382.771 138.285 394.773 137.165 407.677C136.71 412.775 136.183 417.926 136.131 423.051C136.052 429.691 138.548 433.116 146.09 433.142C173.683 433.195 201.276 433.623 228.87 433.887C235.878 433.966 250.278 436.278 253.09 427.221C254.124 423.874 252.8 420.291 251.075 417.261C249.349 414.231 247.142 411.392 246.213 408.019C244.514 401.992 247.168 395.642 249.988 390.043C253.255 383.562 257.319 377.482 260.56 371C264.361 364.15 268.82 357.773 272.245 350.686C275.855 343.275 278.78 335.549 281.197 327.69C284.464 317.144 286.829 306.335 288.687 295.473C289.082 293.121 289.339 290.75 289.622 288.379C289.767 287.187 289.912 285.994 290.083 284.809C290.274 283.478 290.57 281.897 292.296 282.022C302.592 282.747 287.139 341.675 285.788 345.271C282.626 353.716 278.832 361.923 274.366 369.782C268.761 379.636 258.459 388.581 260.981 401.037C261.884 405.444 262.944 411.767 266.93 414.554C272.397 418.407 279.438 412.005 283.318 408.527C289.424 403.026 294.338 396.472 299.489 390.096C313.671 372.568 324.586 352.622 332.523 331.564C341.152 308.568 345.006 285.698 348.029 261.477C348.214 260.094 348.51 258.526 349.676 257.789C351.007 256.939 352.732 257.578 354.162 258.217C371.69 265.97 390.628 272.241 409.691 270.403C412.029 270.166 414.947 269.184 415 266.846C415.046 264.534 412.207 263.414 409.948 262.887ZM316.708 250.912C316.523 251.577 316.016 252.157 315.43 252.532C314.317 253.224 312.828 253.408 311.55 253.54C303.053 254.416 294.687 251.814 287.04 248.363C285.821 247.829 284.596 247.276 283.377 246.663C271.718 240.873 260.883 232.613 251.931 223.161C244.336 215.137 238.335 205.632 234.218 195.383C233.342 193.203 232.308 190.871 231.801 188.559C231.373 186.596 231.643 184.284 233.158 182.927C234.113 182.077 235.417 181.761 236.662 181.491C240.832 180.667 245.265 180.213 249.487 180.588C251.213 180.694 253.018 181.148 254.243 182.341C255.33 183.375 255.863 184.837 256.344 186.273C258.413 192.485 260.145 198.887 263.089 204.783C266.067 210.757 269.993 216.363 274.083 221.619C275.572 223.529 277.113 225.387 278.707 227.225C286.592 236.282 296.953 244.384 309.06 246.689C309.541 246.795 310.015 246.874 310.523 246.953C312.196 247.19 313.948 247.355 315.384 248.283C316.076 248.738 316.688 249.449 316.767 250.273C316.761 250.484 316.761 250.694 316.708 250.912Z" fill="url(#paint1_radial_248_90)"/>
+<defs>
+<radialGradient id="paint0_radial_248_90" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-404.314 -402.661) scale(1393.49)">
+<stop stop-color="#732DD9"/>
+<stop offset="0.1185" stop-color="#6A2BCB"/>
+<stop offset="0.3434" stop-color="#5125A5"/>
+<stop offset="0.6486" stop-color="#291C69"/>
+<stop offset="0.8139" stop-color="#121646"/>
+<stop offset="1" stop-color="#121646"/>
+</radialGradient>
+<radialGradient id="paint1_radial_248_90" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-404.315 -402.661) scale(1393.49)">
+<stop stop-color="#732DD9"/>
+<stop offset="0.1185" stop-color="#6A2BCB"/>
+<stop offset="0.3434" stop-color="#5125A5"/>
+<stop offset="0.6486" stop-color="#291C69"/>
+<stop offset="0.8139" stop-color="#121646"/>
+<stop offset="1" stop-color="#121646"/>
+</radialGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/assets/images/integration/cloudnative-pg/icons/white/cloudnative-pg-white.svg b/assets/images/integration/cloudnative-pg/icons/white/cloudnative-pg-white.svg
new file mode 100644
index 0000000000..85acca51dd
--- /dev/null
+++ b/assets/images/integration/cloudnative-pg/icons/white/cloudnative-pg-white.svg
@@ -0,0 +1,22 @@
+<svg width="415" height="435" viewBox="0 0 415 435" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M378.818 394.575C374.687 384.53 371.638 374.017 368.542 363.583C365.018 351.693 362.1 339.626 358.615 327.73C357.587 324.226 355.842 320.82 353.833 317.75C351.837 314.694 349.762 315.162 348.708 318.607C345.869 327.855 343.452 337.241 340.29 346.371C334.572 362.845 326.78 378.173 316.115 392.191C310.793 399.186 304.838 405.668 298.679 411.925C295.597 415.054 292.461 418.13 289.313 421.2C286.559 423.888 283.674 426.707 285.617 430.784C287.126 433.946 290.479 434.249 293.588 434.236C294.036 434.236 294.477 434.223 294.912 434.216C310.819 433.953 326.727 434.387 342.628 434.572C353.734 434.697 364.846 435.151 375.946 434.901C380.629 434.796 385.767 434.947 389.581 431.107C393.862 426.792 394.554 423.505 391.471 418.242C386.939 410.529 382.203 402.809 378.818 394.575Z" fill="url(#paint0_radial_248_90"/>
+<path d="M409.948 262.887C407.879 262.38 405.857 261.826 403.894 261.188C383.527 254.68 369.45 241.453 353.964 226.559C351.599 224.274 350.829 221.672 350.994 218.405C351.87 203.189 350.038 188.157 347.357 173.231C343.583 152.409 337.345 132.279 328.848 112.867C326.938 108.513 324.388 104.659 323.058 100.042C322.926 99.5347 322.821 98.9551 323.163 98.5533C323.532 98.1054 324.276 98.2107 324.836 98.4215C329.777 100.437 337.635 122.774 343.985 117.063C345.342 115.844 345.842 113.98 346.192 112.202C351.58 85.5899 344.782 44.5856 321.016 28.1246C310.101 20.556 298.126 13.1983 285.031 10.2539C278.338 8.76522 271.06 8.84424 264.901 11.8743C261.844 13.363 259.084 15.563 255.765 16.3601C249.843 17.8224 243.947 14.5025 238.105 12.724C231.017 10.5964 223.284 10.7018 216.275 13.0665C210.643 14.9504 205.018 18.2967 199.175 17.2098C191.073 15.6948 185.23 6.34776 176.839 3.48239C166.774 0.0307768 155.595 0.0307897 145.287 2.34284C115.704 8.98259 87.9265 29.7516 67.2366 51.1265C44.531 74.5764 35.5002 105.595 55.5775 133.906C62.7508 144.024 73.2901 151.908 85.3181 155.017C87.6565 155.63 90.1266 156.104 92.0632 157.54C99.7108 163.225 83.5659 178.441 80.1143 183.381C72.6775 194.085 65.7479 205.184 60.5969 217.186C51.0391 239.417 46.8695 261.774 43.5232 285.573C37.7332 326.735 29.9802 369.044 10.7263 406.221C7.61722 412.196 3.74404 418.144 1.30024 424.415C0.713994 425.903 0.529556 427.655 1.30024 429.039C1.75475 429.836 2.49251 430.448 3.28954 430.87C7.59089 433.261 14.1252 432.727 18.8811 432.754C33.2211 432.806 47.5611 432.859 61.9274 432.885C69.2325 432.912 76.5309 432.938 83.836 432.938C89.0924 432.938 96.8256 434.269 101.601 431.739C104.684 430.119 106.383 426.667 107.233 423.268C108.478 418.275 109.275 413.151 110.606 408.158C114.696 392.889 120.513 378.358 127.976 364.393C139.819 342.215 152.196 317.151 130.209 296.909C124.419 291.6 117.753 287.378 111.541 282.595C110.349 281.667 109.176 279.783 110.428 278.933C110.909 278.59 111.567 278.67 112.18 278.801C136.163 283.821 158.335 309.583 156.847 334.251C156.05 347.129 150.872 358.682 146.94 370.631C142.955 382.771 138.285 394.773 137.165 407.677C136.71 412.775 136.183 417.926 136.131 423.051C136.052 429.691 138.548 433.116 146.09 433.142C173.683 433.195 201.276 433.623 228.87 433.887C235.878 433.966 250.278 436.278 253.09 427.221C254.124 423.874 252.8 420.291 251.075 417.261C249.349 414.231 247.142 411.392 246.213 408.019C244.514 401.992 247.168 395.642 249.988 390.043C253.255 383.562 257.319 377.482 260.56 371C264.361 364.15 268.82 357.773 272.245 350.686C275.855 343.275 278.78 335.549 281.197 327.69C284.464 317.144 286.829 306.335 288.687 295.473C289.082 293.121 289.339 290.75 289.622 288.379C289.767 287.187 289.912 285.994 290.083 284.809C290.274 283.478 290.57 281.897 292.296 282.022C302.592 282.747 287.139 341.675 285.788 345.271C282.626 353.716 278.832 361.923 274.366 369.782C268.761 379.636 258.459 388.581 260.981 401.037C261.884 405.444 262.944 411.767 266.93 414.554C272.397 418.407 279.438 412.005 283.318 408.527C289.424 403.026 294.338 396.472 299.489 390.096C313.671 372.568 324.586 352.622 332.523 331.564C341.152 308.568 345.006 285.698 348.029 261.477C348.214 260.094 348.51 258.526 349.676 257.789C351.007 256.939 352.732 257.578 354.162 258.217C371.69 265.97 390.628 272.241 409.691 270.403C412.029 270.166 414.947 269.184 415 266.846C415.046 264.534 412.207 263.414 409.948 262.887ZM316.708 250.912C316.523 251.577 316.016 252.157 315.43 252.532C314.317 253.224 312.828 253.408 311.55 253.54C303.053 254.416 294.687 251.814 287.04 248.363C285.821 247.829 284.596 247.276 283.377 246.663C271.718 240.873 260.883 232.613 251.931 223.161C244.336 215.137 238.335 205.632 234.218 195.383C233.342 193.203 232.308 190.871 231.801 188.559C231.373 186.596 231.643 184.284 233.158 182.927C234.113 182.077 235.417 181.761 236.662 181.491C240.832 180.667 245.265 180.213 249.487 180.588C251.213 180.694 253.018 181.148 254.243 182.341C255.33 183.375 255.863 184.837 256.344 186.273C258.413 192.485 260.145 198.887 263.089 204.783C266.067 210.757 269.993 216.363 274.083 221.619C275.572 223.529 277.113 225.387 278.707 227.225C286.592 236.282 296.953 244.384 309.06 246.689C309.541 246.795 310.015 246.874 310.523 246.953C312.196 247.19 313.948 247.355 315.384 248.283C316.076 248.738 316.688 249.449 316.767 250.273C316.761 250.484 316.761 250.694 316.708 250.912Z" fill="url(#paint1_radial_248_90)"/>
+<defs>
+<radialGradient id="paint0_radial_248_90" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-404.314 -402.661) scale(1393.49)">
+<stop stop-color="#fff"/>
+<stop offset="0.1185" stop-color="#fff"/>
+<stop offset="0.3434" stop-color="#fff"/>
+<stop offset="0.6486" stop-color="#fff"/>
+<stop offset="0.8139" stop-color="#fff"/>
+<stop offset="1" stop-color="#fff"/>
+</radialGradient>
+<radialGradient id="paint1_radial_248_90" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-404.315 -402.661) scale(1393.49)">
+<stop stop-color="#fff"/>
+<stop offset="0.1185" stop-color="#fff"/>
+<stop offset="0.3434" stop-color="#fff"/>
+<stop offset="0.6486" stop-color="#fff"/>
+<stop offset="0.8139" stop-color="#fff"/>
+<stop offset="1" stop-color="#fff"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/assets/images/integration/loki-simple-scalable/icons/color/loki-simple-scalable-color.svg b/assets/images/integration/loki-simple-scalable/icons/color/loki-simple-scalable-color.svg
new file mode 100644
index 0000000000..c5f8deab63
--- /dev/null
+++ b/assets/images/integration/loki-simple-scalable/icons/color/loki-simple-scalable-color.svg
@@ -0,0 +1,74 @@
+<svg width="48" height="56" viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0478 54.9248L11.3838 50.4663L6.92529 51.1304L7.68418 55.5889L12.0478 54.9248Z" fill="url(#paint0_linear_17931_893)"/>
+<path d="M46.957 42.4032L46.1981 38.0396L26.7515 41.0751L27.3206 45.4388L46.957 42.4032Z" fill="url(#paint1_linear_17931_893)"/>
+<path d="M20.395 46.5772L24.8535 45.8183L24.1895 41.4546L19.731 42.1186L20.395 46.5772Z" fill="url(#paint2_linear_17931_893)"/>
+<path d="M19.0674 53.7865L18.3085 49.4229L13.9448 50.0869L14.514 54.5454L19.0674 53.7865Z" fill="url(#paint3_linear_17931_893)"/>
+<path d="M5.88135 44.2055L6.54539 48.6641L11.0039 48L10.3399 43.5415L5.88135 44.2055Z" fill="url(#paint4_linear_17931_893)"/>
+<path d="M27.6997 47.9051L28.4586 52.4585L48.0001 49.4229L47.3361 44.9644L27.6997 47.9051Z" fill="url(#paint5_linear_17931_893)"/>
+<path d="M21.5333 53.407L25.8969 52.8378L25.2329 48.2844L20.7744 49.0433L21.5333 53.407Z" fill="url(#paint6_linear_17931_893)"/>
+<path d="M12.8062 43.1621L13.565 47.6205L17.9287 46.9566L17.2646 42.498L12.8062 43.1621Z" fill="url(#paint7_linear_17931_893)"/>
+<path d="M7.39921 41.4546L1.99207 5.97632L0 6.26089L5.50197 41.7392L7.39921 41.4546Z" fill="url(#paint8_linear_17931_893)"/>
+<path d="M9.96032 41.0751L4.07888 2.94067L2.18164 3.32014L8.06308 41.3597L9.96032 41.0751Z" fill="url(#paint9_linear_17931_893)"/>
+<path d="M14.3245 40.4111L8.15847 0L6.26123 0.379412L12.4272 40.6008L14.3245 40.4111Z" fill="url(#paint10_linear_17931_893)"/>
+<path d="M16.8852 40.0315L11.1935 3.2251L9.39111 3.50967L15.0828 40.2212L16.8852 40.0315Z" fill="url(#paint11_linear_17931_893)"/>
+<path d="M21.2491 39.2728L16.2215 6.64038L14.3242 6.92495L19.3519 39.6523L21.2491 39.2728Z" fill="url(#paint12_linear_17931_893)"/>
+<path d="M23.8104 38.8935L18.593 5.02783L16.6958 5.31241L22.0081 39.1781L23.8104 38.8935Z" fill="url(#paint13_linear_17931_893)"/>
+<defs>
+<linearGradient id="paint0_linear_17931_893" x1="11.6469" y1="66.8772" x2="1.23198" y2="-0.802501" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint1_linear_17931_893" x1="39.9916" y1="62.5154" x2="29.5768" y2="-5.1639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint2_linear_17931_893" x1="25.5063" y1="64.7445" x2="15.0913" y2="-2.93516" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint3_linear_17931_893" x1="18.5788" y1="65.8105" x2="8.1638" y2="-1.86922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint4_linear_17931_893" x1="11.6394" y1="66.8784" x2="1.22448" y2="-0.80128" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint5_linear_17931_893" x1="39.9982" y1="62.5143" x2="29.5833" y2="-5.16528" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint6_linear_17931_893" x1="25.506" y1="64.7443" x2="15.091" y2="-2.93537" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint7_linear_17931_893" x1="18.5788" y1="65.8103" x2="8.16407" y2="-1.86867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint8_linear_17931_893" x1="10.1623" y1="65.7597" x2="0.284696" y2="1.57166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint9_linear_17931_893" x1="13.0129" y1="67.1431" x2="2.40785" y2="-1.77243" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint10_linear_17931_893" x1="17.6338" y1="68.0331" x2="6.38943" y2="-5.0367" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint11_linear_17931_893" x1="19.8305" y1="65.208" x2="9.57925" y2="-1.40832" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint12_linear_17931_893" x1="23.7353" y1="61.7393" x2="14.6289" y2="2.56246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint13_linear_17931_893" x1="26.4465" y1="62.1967" x2="16.9911" y2="0.751851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/assets/images/integration/loki-simple-scalable/icons/white/loki-simple-scalable-white.svg b/assets/images/integration/loki-simple-scalable/icons/white/loki-simple-scalable-white.svg
new file mode 100644
index 0000000000..a1c4cb61ad
--- /dev/null
+++ b/assets/images/integration/loki-simple-scalable/icons/white/loki-simple-scalable-white.svg
@@ -0,0 +1,74 @@
+<svg width="48" height="56" viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0478 54.9248L11.3838 50.4663L6.92529 51.1304L7.68418 55.5889L12.0478 54.9248Z" fill="url(#paint0_linear_17931_893)"/>
+<path d="M46.957 42.4032L46.1981 38.0396L26.7515 41.0751L27.3206 45.4388L46.957 42.4032Z" fill="url(#paint1_linear_17931_893)"/>
+<path d="M20.395 46.5772L24.8535 45.8183L24.1895 41.4546L19.731 42.1186L20.395 46.5772Z" fill="url(#paint2_linear_17931_893)"/>
+<path d="M19.0674 53.7865L18.3085 49.4229L13.9448 50.0869L14.514 54.5454L19.0674 53.7865Z" fill="url(#paint3_linear_17931_893)"/>
+<path d="M5.88135 44.2055L6.54539 48.6641L11.0039 48L10.3399 43.5415L5.88135 44.2055Z" fill="url(#paint4_linear_17931_893)"/>
+<path d="M27.6997 47.9051L28.4586 52.4585L48.0001 49.4229L47.3361 44.9644L27.6997 47.9051Z" fill="url(#paint5_linear_17931_893)"/>
+<path d="M21.5333 53.407L25.8969 52.8378L25.2329 48.2844L20.7744 49.0433L21.5333 53.407Z" fill="url(#paint6_linear_17931_893)"/>
+<path d="M12.8062 43.1621L13.565 47.6205L17.9287 46.9566L17.2646 42.498L12.8062 43.1621Z" fill="url(#paint7_linear_17931_893)"/>
+<path d="M7.39921 41.4546L1.99207 5.97632L0 6.26089L5.50197 41.7392L7.39921 41.4546Z" fill="url(#paint8_linear_17931_893)"/>
+<path d="M9.96032 41.0751L4.07888 2.94067L2.18164 3.32014L8.06308 41.3597L9.96032 41.0751Z" fill="url(#paint9_linear_17931_893)"/>
+<path d="M14.3245 40.4111L8.15847 0L6.26123 0.379412L12.4272 40.6008L14.3245 40.4111Z" fill="url(#paint10_linear_17931_893)"/>
+<path d="M16.8852 40.0315L11.1935 3.2251L9.39111 3.50967L15.0828 40.2212L16.8852 40.0315Z" fill="url(#paint11_linear_17931_893)"/>
+<path d="M21.2491 39.2728L16.2215 6.64038L14.3242 6.92495L19.3519 39.6523L21.2491 39.2728Z" fill="url(#paint12_linear_17931_893)"/>
+<path d="M23.8104 38.8935L18.593 5.02783L16.6958 5.31241L22.0081 39.1781L23.8104 38.8935Z" fill="url(#paint13_linear_17931_893)"/>
+<defs>
+<linearGradient id="paint0_linear_17931_893" x1="11.6469" y1="66.8772" x2="1.23198" y2="-0.802501" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_17931_893" x1="39.9916" y1="62.5154" x2="29.5768" y2="-5.1639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_17931_893" x1="25.5063" y1="64.7445" x2="15.0913" y2="-2.93516" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_17931_893" x1="18.5788" y1="65.8105" x2="8.1638" y2="-1.86922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_17931_893" x1="11.6394" y1="66.8784" x2="1.22448" y2="-0.80128" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint5_linear_17931_893" x1="39.9982" y1="62.5143" x2="29.5833" y2="-5.16528" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_17931_893" x1="25.506" y1="64.7443" x2="15.091" y2="-2.93537" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_17931_893" x1="18.5788" y1="65.8103" x2="8.16407" y2="-1.86867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint8_linear_17931_893" x1="10.1623" y1="65.7597" x2="0.284696" y2="1.57166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_17931_893" x1="13.0129" y1="67.1431" x2="2.40785" y2="-1.77243" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint10_linear_17931_893" x1="17.6338" y1="68.0331" x2="6.38943" y2="-5.0367" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint11_linear_17931_893" x1="19.8305" y1="65.208" x2="9.57925" y2="-1.40832" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint12_linear_17931_893" x1="23.7353" y1="61.7393" x2="14.6289" y2="2.56246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint13_linear_17931_893" x1="26.4465" y1="62.1967" x2="16.9911" y2="0.751851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/assets/images/integration/loki/icons/color/loki-color.svg b/assets/images/integration/loki/icons/color/loki-color.svg
new file mode 100644
index 0000000000..c5f8deab63
--- /dev/null
+++ b/assets/images/integration/loki/icons/color/loki-color.svg
@@ -0,0 +1,74 @@
+<svg width="48" height="56" viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0478 54.9248L11.3838 50.4663L6.92529 51.1304L7.68418 55.5889L12.0478 54.9248Z" fill="url(#paint0_linear_17931_893)"/>
+<path d="M46.957 42.4032L46.1981 38.0396L26.7515 41.0751L27.3206 45.4388L46.957 42.4032Z" fill="url(#paint1_linear_17931_893)"/>
+<path d="M20.395 46.5772L24.8535 45.8183L24.1895 41.4546L19.731 42.1186L20.395 46.5772Z" fill="url(#paint2_linear_17931_893)"/>
+<path d="M19.0674 53.7865L18.3085 49.4229L13.9448 50.0869L14.514 54.5454L19.0674 53.7865Z" fill="url(#paint3_linear_17931_893)"/>
+<path d="M5.88135 44.2055L6.54539 48.6641L11.0039 48L10.3399 43.5415L5.88135 44.2055Z" fill="url(#paint4_linear_17931_893)"/>
+<path d="M27.6997 47.9051L28.4586 52.4585L48.0001 49.4229L47.3361 44.9644L27.6997 47.9051Z" fill="url(#paint5_linear_17931_893)"/>
+<path d="M21.5333 53.407L25.8969 52.8378L25.2329 48.2844L20.7744 49.0433L21.5333 53.407Z" fill="url(#paint6_linear_17931_893)"/>
+<path d="M12.8062 43.1621L13.565 47.6205L17.9287 46.9566L17.2646 42.498L12.8062 43.1621Z" fill="url(#paint7_linear_17931_893)"/>
+<path d="M7.39921 41.4546L1.99207 5.97632L0 6.26089L5.50197 41.7392L7.39921 41.4546Z" fill="url(#paint8_linear_17931_893)"/>
+<path d="M9.96032 41.0751L4.07888 2.94067L2.18164 3.32014L8.06308 41.3597L9.96032 41.0751Z" fill="url(#paint9_linear_17931_893)"/>
+<path d="M14.3245 40.4111L8.15847 0L6.26123 0.379412L12.4272 40.6008L14.3245 40.4111Z" fill="url(#paint10_linear_17931_893)"/>
+<path d="M16.8852 40.0315L11.1935 3.2251L9.39111 3.50967L15.0828 40.2212L16.8852 40.0315Z" fill="url(#paint11_linear_17931_893)"/>
+<path d="M21.2491 39.2728L16.2215 6.64038L14.3242 6.92495L19.3519 39.6523L21.2491 39.2728Z" fill="url(#paint12_linear_17931_893)"/>
+<path d="M23.8104 38.8935L18.593 5.02783L16.6958 5.31241L22.0081 39.1781L23.8104 38.8935Z" fill="url(#paint13_linear_17931_893)"/>
+<defs>
+<linearGradient id="paint0_linear_17931_893" x1="11.6469" y1="66.8772" x2="1.23198" y2="-0.802501" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint1_linear_17931_893" x1="39.9916" y1="62.5154" x2="29.5768" y2="-5.1639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint2_linear_17931_893" x1="25.5063" y1="64.7445" x2="15.0913" y2="-2.93516" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint3_linear_17931_893" x1="18.5788" y1="65.8105" x2="8.1638" y2="-1.86922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint4_linear_17931_893" x1="11.6394" y1="66.8784" x2="1.22448" y2="-0.80128" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint5_linear_17931_893" x1="39.9982" y1="62.5143" x2="29.5833" y2="-5.16528" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint6_linear_17931_893" x1="25.506" y1="64.7443" x2="15.091" y2="-2.93537" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint7_linear_17931_893" x1="18.5788" y1="65.8103" x2="8.16407" y2="-1.86867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint8_linear_17931_893" x1="10.1623" y1="65.7597" x2="0.284696" y2="1.57166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint9_linear_17931_893" x1="13.0129" y1="67.1431" x2="2.40785" y2="-1.77243" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint10_linear_17931_893" x1="17.6338" y1="68.0331" x2="6.38943" y2="-5.0367" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint11_linear_17931_893" x1="19.8305" y1="65.208" x2="9.57925" y2="-1.40832" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint12_linear_17931_893" x1="23.7353" y1="61.7393" x2="14.6289" y2="2.56246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+<linearGradient id="paint13_linear_17931_893" x1="26.4465" y1="62.1967" x2="16.9911" y2="0.751851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAED1E"/>
+<stop offset="1" stop-color="#F15B2B"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/assets/images/integration/loki/icons/white/loki-white.svg b/assets/images/integration/loki/icons/white/loki-white.svg
new file mode 100644
index 0000000000..a1c4cb61ad
--- /dev/null
+++ b/assets/images/integration/loki/icons/white/loki-white.svg
@@ -0,0 +1,74 @@
+<svg width="48" height="56" viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0478 54.9248L11.3838 50.4663L6.92529 51.1304L7.68418 55.5889L12.0478 54.9248Z" fill="url(#paint0_linear_17931_893)"/>
+<path d="M46.957 42.4032L46.1981 38.0396L26.7515 41.0751L27.3206 45.4388L46.957 42.4032Z" fill="url(#paint1_linear_17931_893)"/>
+<path d="M20.395 46.5772L24.8535 45.8183L24.1895 41.4546L19.731 42.1186L20.395 46.5772Z" fill="url(#paint2_linear_17931_893)"/>
+<path d="M19.0674 53.7865L18.3085 49.4229L13.9448 50.0869L14.514 54.5454L19.0674 53.7865Z" fill="url(#paint3_linear_17931_893)"/>
+<path d="M5.88135 44.2055L6.54539 48.6641L11.0039 48L10.3399 43.5415L5.88135 44.2055Z" fill="url(#paint4_linear_17931_893)"/>
+<path d="M27.6997 47.9051L28.4586 52.4585L48.0001 49.4229L47.3361 44.9644L27.6997 47.9051Z" fill="url(#paint5_linear_17931_893)"/>
+<path d="M21.5333 53.407L25.8969 52.8378L25.2329 48.2844L20.7744 49.0433L21.5333 53.407Z" fill="url(#paint6_linear_17931_893)"/>
+<path d="M12.8062 43.1621L13.565 47.6205L17.9287 46.9566L17.2646 42.498L12.8062 43.1621Z" fill="url(#paint7_linear_17931_893)"/>
+<path d="M7.39921 41.4546L1.99207 5.97632L0 6.26089L5.50197 41.7392L7.39921 41.4546Z" fill="url(#paint8_linear_17931_893)"/>
+<path d="M9.96032 41.0751L4.07888 2.94067L2.18164 3.32014L8.06308 41.3597L9.96032 41.0751Z" fill="url(#paint9_linear_17931_893)"/>
+<path d="M14.3245 40.4111L8.15847 0L6.26123 0.379412L12.4272 40.6008L14.3245 40.4111Z" fill="url(#paint10_linear_17931_893)"/>
+<path d="M16.8852 40.0315L11.1935 3.2251L9.39111 3.50967L15.0828 40.2212L16.8852 40.0315Z" fill="url(#paint11_linear_17931_893)"/>
+<path d="M21.2491 39.2728L16.2215 6.64038L14.3242 6.92495L19.3519 39.6523L21.2491 39.2728Z" fill="url(#paint12_linear_17931_893)"/>
+<path d="M23.8104 38.8935L18.593 5.02783L16.6958 5.31241L22.0081 39.1781L23.8104 38.8935Z" fill="url(#paint13_linear_17931_893)"/>
+<defs>
+<linearGradient id="paint0_linear_17931_893" x1="11.6469" y1="66.8772" x2="1.23198" y2="-0.802501" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_17931_893" x1="39.9916" y1="62.5154" x2="29.5768" y2="-5.1639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_17931_893" x1="25.5063" y1="64.7445" x2="15.0913" y2="-2.93516" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_17931_893" x1="18.5788" y1="65.8105" x2="8.1638" y2="-1.86922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_17931_893" x1="11.6394" y1="66.8784" x2="1.22448" y2="-0.80128" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint5_linear_17931_893" x1="39.9982" y1="62.5143" x2="29.5833" y2="-5.16528" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_17931_893" x1="25.506" y1="64.7443" x2="15.091" y2="-2.93537" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_17931_893" x1="18.5788" y1="65.8103" x2="8.16407" y2="-1.86867" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint8_linear_17931_893" x1="10.1623" y1="65.7597" x2="0.284696" y2="1.57166" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_17931_893" x1="13.0129" y1="67.1431" x2="2.40785" y2="-1.77243" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint10_linear_17931_893" x1="17.6338" y1="68.0331" x2="6.38943" y2="-5.0367" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint11_linear_17931_893" x1="19.8305" y1="65.208" x2="9.57925" y2="-1.40832" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint12_linear_17931_893" x1="23.7353" y1="61.7393" x2="14.6289" y2="2.56246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+<linearGradient id="paint13_linear_17931_893" x1="26.4465" y1="62.1967" x2="16.9911" y2="0.751851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFFFFF"/>
+<stop offset="1" stop-color="#FFFFFF"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file