Merge pull request #6043 from CalebZoe/more-kanvas-icon

update kanvas logo in CTA

Author: Vivek Vishal

src/sections/Community/Handbook/repo-data.js

@@ -19,7 +19,7 @@ import appmeshLogo from "../../../assets/images/service-mesh-icons/aws-app-mesh.
 import ciliumLogo from "../../../assets/images/service-mesh-icons/cilium.svg";
 import wasm from "../../../assets/images/webassembly/webssembly_icon.svg";
 import recognitionLogo from "../../../assets/images/recognition-program/recognition-program.png";
-import kanvasLogo from "../../../assets/images/kanvas-snapshot/kanvas-snapshot.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
 export const repo_data = [
   {
@@ -85,7 +85,7 @@ export const repo_data = [
       },
       {
         project: "Kanvas",
-        image: meshery,
+        image: kanvasLogo,
         site: "/cloud-native-management/kanvas",
         language: "React.js, Cytoscape.js",
         maintainers_name: ["Aabid Sofi"],
@@ -324,7 +324,7 @@ export const repo_data = [
       },
       {
         project: "Helm Kanvas Snapshot",
-        image: meshery,
+        image: kanvasLogo,
         language: "Golang",
         maintainers_name: ["Vacant"],
         link: [""],

src/sections/Kanvas/kanvas-cta/index.js

@@ -3,7 +3,6 @@ import styled from "styled-components";
 
 import { Container } from "../../../reusecore/Layout";
 import Locator from "./locator.svg";
-import MesherySurface from "./meshery-surface.svg";
 import Button from "../../../reusecore/Button";
 
 const KanvasCTAWrapper = styled.div`
@@ -17,10 +16,6 @@ const KanvasCTAWrapper = styled.div`
   margin: 2rem auto;
   align-items: center;
   
-  .surface {
-    width: 60%;
-    min-width: 160px;
-  }
   .rotate{
     animation: coin-rotate 4s ease-in-out infinite alternate;
     /* animation-fill-mode: both; */
@@ -59,9 +54,7 @@ const KanvasCTAWrapper = styled.div`
 
   @media screen and (max-width:767px) {
     display: block;
-    .surface {
-      width: 30%;
-    }
+  
     .rotate {
       margin: 0 auto 0.25rem;
       height: 12rem;
@@ -97,7 +90,6 @@ const KanvasCTA = () => {
         <div className="CTAbody">
           <div>
             <img className="rotate" src={Locator} />
-            <img className="surface" src={MesherySurface} />
           </div>
           <div className="text">
             <h2><span>Kanvas</span> is here!</h2>