Merge branch 'master' into stack-doc

Author: saurabhraghuvanshii

src/collections/integrations/knative-eventing/icons/color/knative-eventing-color.svg

@@ -0,0 +1,33 @@
+---
+title: Knative Eventing
+subtitle: Collaborative and visual infrastructure as design for Knative Eventing
+integrationIcon: icons/color/knative-eventing-color.svg
+darkModeIntegrationIcon: icons/white/knative-eventing-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/knative-eventing
+description: 
+category: Serverless
+subcategory: App Integration
+registrant: GitHub
+components: []
+featureList: [
+  "Provides building blocks for serverless",
+  "Simplifies event-driven architecture",
+  "Integrates with Kubernetes resources"
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Integrates Knative components"
+howItWorksDetails: "Streamlined serverless development on Kubernetes"
+published: TRUE
+---
+<p>
+
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in Kanvas. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, Kanvas, to create and deploy your own cloud native infrastructure designs.
+</p>

src/collections/integrations/knative-eventing/icons/white/knative-eventing-white.svg

@@ -7,80 +7,8 @@ docURL: https://docs.meshery.io/extensibility/integrations/knative-serving
 description: 
 category: Serverless
 subcategory: Installable Platform
-registrant: Artifact Hub
-components: [
-{
-"name": "certificate",
-"colorIcon": "icons/components/certificate/icons/color/certificate-color.svg",
-"whiteIcon": "icons/components/certificate/icons/white/certificate-white.svg",
-"description": "",
-},
-{
-"name": "configuration",
-"colorIcon": "icons/components/configuration/icons/color/configuration-color.svg",
-"whiteIcon": "icons/components/configuration/icons/white/configuration-white.svg",
-"description": "",
-},
-{
-"name": "cluster-domain-claim",
-"colorIcon": "icons/components/cluster-domain-claim/icons/color/cluster-domain-claim-color.svg",
-"whiteIcon": "icons/components/cluster-domain-claim/icons/white/cluster-domain-claim-white.svg",
-"description": "",
-},
-{
-"name": "domain-mapping",
-"colorIcon": "icons/components/domain-mapping/icons/color/domain-mapping-color.svg",
-"whiteIcon": "icons/components/domain-mapping/icons/white/domain-mapping-white.svg",
-"description": "",
-},
-{
-"name": "ingress",
-"colorIcon": "icons/components/ingress/icons/color/ingress-color.svg",
-"whiteIcon": "icons/components/ingress/icons/white/ingress-white.svg",
-"description": "",
-},
-{
-"name": "metric",
-"colorIcon": "icons/components/metric/icons/color/metric-color.svg",
-"whiteIcon": "icons/components/metric/icons/white/metric-white.svg",
-"description": "",
-},
-{
-"name": "pod-autoscaler",
-"colorIcon": "icons/components/pod-autoscaler/icons/color/pod-autoscaler-color.svg",
-"whiteIcon": "icons/components/pod-autoscaler/icons/white/pod-autoscaler-white.svg",
-"description": "",
-},
-{
-"name": "revision",
-"colorIcon": "icons/components/revision/icons/color/revision-color.svg",
-"whiteIcon": "icons/components/revision/icons/white/revision-white.svg",
-"description": "",
-},
-{
-"name": "route",
-"colorIcon": "icons/components/route/icons/color/route-color.svg",
-"whiteIcon": "icons/components/route/icons/white/route-white.svg",
-"description": "",
-},
-{
-"name": "serverless-service",
-"colorIcon": "icons/components/serverless-service/icons/color/serverless-service-color.svg",
-"whiteIcon": "icons/components/serverless-service/icons/white/serverless-service-white.svg",
-"description": "",
-},
-{
-"name": "service",
-"colorIcon": "icons/components/service/icons/color/service-color.svg",
-"whiteIcon": "icons/components/service/icons/white/service-white.svg",
-"description": "",
-},
-{
-"name": "image",
-"colorIcon": "icons/components/image/icons/color/image-color.svg",
-"whiteIcon": "icons/components/image/icons/white/image-white.svg",
-"description": "",
-}]
+registrant: GitHub
+components: []
 featureList: [
   "Auto-scaling based on demand",
   "Request-based routing",

src/collections/integrations/knative-eventing/index.mdx

@@ -37,7 +37,7 @@ const TutorialsTable = () => {
               {value}
               {isNew && (
                 <img
-                  src="/images/new-badge.webp"
+                  src="/images/new-badge.png"
                   alt="New"
                 />
               )}

src/collections/integrations/knative-serving/index.mdx

@@ -9,7 +9,7 @@ import Slider from "react-slick";
 
 const settings = {
   initialSlide: 1,
-  lazyLoad: true,
+  lazyLoad: false,
   arrows: false,
   dots: false,
   infinite: true,

src/sections/Community/Newcomers-guide/Tutorials-table/index.js

@@ -1,15 +1,15 @@
 import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
-import { Row } from "../../../../../reusecore/Layout";
-import { SistentThemeProvider } from "@sistent/sistent";
+// import { Row } from "../../../../../reusecore/Layout";
+// import { SistentThemeProvider } from "@sistent/sistent";
 import { SistentLayout } from "../../sistent-layout";
 import TabButton from "../../../../../reusecore/Button";
-import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+// import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
 
 const IconsGuidance = () => {
   const location = useLocation();
-  const { isDark } = useStyledDarkMode();
+  // const { isDark } = useStyledDarkMode();
 
   return (
     <SistentLayout title="Icons">

src/sections/Home/Partners-home/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 import { CustomizedStepper, useStepper, SistentThemeProvider, Box, Typography, Button } from "@sistent/sistent";