uplift

Signed-off-by: Lee Calcote <[email protected]>

Author: leecalcote

src/components/Features/TwoColLayout.js

@@ -92,7 +92,7 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => {
           </Link>
         </ImageWrapper>
         <ContentWrapper ref={(el) => (contentRefs.current[1] = el)}>
-          <h2>Easing your Workflow Burden Collaboratively</h2>
+          <h2>Cognitive overload is real</h2>
           <p className="text">Empower DevOps, platform, and site reliability engineers with our orchestration management solution. Achieve seamless collaboration and operational harmony for enhanced productivity.</p>
           <Link to="/solutions/orchestration-management">Learn more &rarr;</Link>
         </ContentWrapper>

src/components/Features/images/22.svg

@@ -12,7 +12,7 @@ const Gcp = () => {
 };
 export default Gcp;
 export const Head = () => {
-  return <SEO title="GCP Architecture Diagram"
-    description="Create your own Google Cloud Platform diagrams with Kanvas."
+  return <SEO title="Google Cloud Platform (GCP) Architecture Diagramming"
+    description="Create your own Google Cloud Platform solution architecture and collaborative, visual diagrams with Kanvas."
     image="/images/meshery-logo-dark-text.webp" />;
 };

src/components/Features/images/cursor-2.svg

@@ -12,7 +12,7 @@ import customizationGIF from "./images/customization.gif";
 import shapesAndTemplatesGIF from "./images/shapes-and-templates.gif";
 import RelatedPicks from "../../components/RelatedPicks";
 let data = {
-  heading: "Design Architecture Diagram Online",
+  heading: "Design Architecture Diagrams Online",
   sub_heading: "Effortlessly create software architectures, application architectures and system architectures in minutes.",
   image: whiteboard_svg
 };
@@ -50,13 +50,13 @@ const ArchitectureDiagram = () => {
       <div className={"question-container"}>
         <div className="wrapper">
           <h2 className={"use-heading"}>Why use an architecture diagramming software?</h2>
-          <p>Following all the elements within your cloud environment can be challenging, but a visual diagram of your cloud architecture will help you stay up to date with its status, understand the relationship between components, identify and solve problems. This complexity adds up when multiple team members are working on the same project. A collaborative cloud diagramming sofware could help to pinpoint information and ensure that everybody is on the same page.</p>
+          <p>Cognitive overload is real. Trying to hold all elements of your  environment in your mind can be challenging, but a visual diagram of your cloud architecture will help you stay up to date with its status, understand the relationship between components, identify and solve problems. This complexity adds up when multiple team members are working on the same project. A collaborative cloud diagramming sofware could help to pinpoint information and ensure that everybody is on the same page.</p>
         </div>
       </div>
       <Container>
         <div className={"feature-use-container"}>
           <div className={"use-heading"}>
-            <h2>Visual Tool That Get Things Done</h2>
+            <h2>Visual Tool That Gets Things Done</h2>
             <p> Not just pretty pictures. Data-linked visual apps to streamline all your efforts.</p>
           </div>
           <div className={"collaboration_display"}>

src/components/Features/images/cursor-21.svg

@@ -4,7 +4,7 @@ import { Row, Col } from "../../reusecore/Layout";
 import docker from "../../assets/images/socialIcons/docker_white.svg";
 import meshery from "../../assets/images/meshery/icon-only/meshery-logo-white.svg";
 import DockerExtensionMeshery from "./docker-extension-meshery";
-import KanvasCTA from "../kanvas-cta";
+import KanvasCTA from "../Kanvas/kanvas-cta";
 
 const MesheryDockerPage = () => {
   return (

src/pages/cloud-native-management/generate-gcp-architecture-diagram.js

@@ -26,26 +26,17 @@ const FeaturesContainer = () => {
   const layoutRef = useRef(null);
   const featuresInfo = [
     {
-      title: "Collaborate with Precision",
+      title: "Build Systems Faster, Together",
       show_custom_cursor: true,
       animationOne: true,
       redirectLink: "/cloud-native-management/kanvas/collaborate/peer-reviews",
-      desc: "Real-time collaboration for cloud and cloud native designs with live-editing, instant feedback, deploy dry runs, and secure access controls.",
+      desc: "Real-time collaboration for cloud native and Kubernetes designs with live-editing, instant feedback, deploy dry runs, and secure access controls.",
       imgLink: isDark ? CommentingImageDark : CommentingImageLight,
       cursor: false,
     },
-    {
-      title: "Generate stunning diagrams",
-      show_custom_cursor: false,
-      animationOne: false,
-      redirectLink: "/whiteboard",
-      desc: "Crafting cloud-native symphonies: Our engineering diagramming tool is your conductor's baton, turning Kubernetes infrastructure into a canvas for freestyle orchestration.",
-      imgLink: isDark ? WhiteboardingImage : WhiteboardingImageLight,
-      cursor: true,
-    },
     {
       title: "Multi-Cloud by Design",
-      show_custom_cursor: false,
+      show_custom_cursor: true,
       animationOne: true,
       redirectLink: "",
       desc: (
@@ -72,6 +63,15 @@ const FeaturesContainer = () => {
         },
       ],
     },
+    {
+      title: "Be on the same page, literally",
+      show_custom_cursor: true,
+      animationOne: false,
+      redirectLink: "/whiteboard",
+      desc: "Crafting cloud-native symphonies: Our engineering diagramming tool is your conductor's baton, turning Kubernetes infrastructure into a canvas for freestyle orchestration.",
+      imgLink: isDark ? WhiteboardingImage : WhiteboardingImageLight,
+      cursor: true,
+    }
   ];
 
   useEffect(() => {

src/sections/ArchitectureDiagram/index.js

@@ -1,10 +1,10 @@
 import React from "react";
 import styled from "styled-components";
 
-import { Container } from "../../reusecore/Layout";
+import { Container } from "../../../reusecore/Layout";
 import Locator from "./locator.svg";
 import MesherySurface from "./meshery-surface.svg";
-import Button from "../../reusecore/Button";
+import Button from "../../../reusecore/Button";
 
 const KanvasCTAWrapper = styled.div`
 .CTAbody {