enhancements

Signed-off-by: leecalcote <[email protected]>

src/assets/data/faq/index.js

@@ -39,7 +39,7 @@ const data = {
     {
       question: "I am not a coder. Can I contribute, too?",
       category: "Layer5",
-      answer: ["Some community members join to contribute to open source projects, others jump in to put those projects to use, some are here to help cultivate and steward our community, while others are here just to hangout and absorb. All members are most welcome. Make sure that you introduce yourself in the Layer5 Slack and let other community members get acquainted with you and vice-versa."
+      answer: ["Yes! Some community members join to contribute to open source projects, others jump in to put those projects to use, some are here to help cultivate and steward our community, while others are here just to hangout and absorb. All members are most welcome. Make sure that you introduce yourself in the Layer5 Slack and let other community members get acquainted with you and vice-versa."
       ],
       link: "https://slack.layer5.io",
       linktext: "Layer5 Slack",
@@ -150,10 +150,10 @@ const data = {
       linktext: "Factors When considering how strongly you need a service mesh",
     },
     {
-      question: "Does Meshery manage service meshes?",
+      question: "Is Meshery a service mesh?",
       category: "Meshery",
       answer: [
-        "Yes, as the cloud native management plane, Meshery provisions and manages the lifecycle of service meshes.",
+        "No, as the cloud native management plane, Meshery provisions and manages the lifecycle of service meshes and all other kinds of cloud native infrastructure.",
       ],
       link: "/cloud-native-management/meshery",
       linktext: "Run Meshery",
@@ -344,12 +344,13 @@ const data = {
       ],
     },
     {
-      question: "Does Meshery manage service meshes?",
+      question: "How does Meshery infused GitOps practices into cloud native managemement?",
       category: "Meshery Integrations",
       link: "https://layer5.io/cloud-native-management/meshery",
       linktext: "Run Meshery",
       answer: [
-        "Yes, as the cloud native management plane, Meshery provisions and manages the lifecycle of service meshes.",
+        "Multiple Meshery GitHub Actions help you integrate your Kubernetes operations and configuration management into a versioned, pipelined, declarative workflow. These GitHub Actions apply conformance to cloud native standards and performance management gates into your pipelines.",
+        "Meshery connects your GitHub repositories and imports your Kubernetes manifests, your Helm Charts, and your Docker Compose applications for visualization and configuration management using Meshery's advanced feature set."
       ],
     },
   ],

src/collections/integrations/Network-Service-Mesh/index.mdx

@@ -8,7 +8,7 @@ category: Service Mesh
 featureList: [
     "Network Service Mesh as the foundation for application service mesh",
     "Use Network Service Mesh's VPN-like capabilities",
-    "Kuberentes multi-cluster routing with Network Service Mesh"]
+    "Kubernetes multi-cluster routing with Network Service Mesh"]
 workingSlides: [
     ./slide2.png,
     ./slide2.png]

src/sections/Docker-Meshery/docker-extension-CTA.js

@@ -51,9 +51,9 @@ const DockerExtensionCTA = () => {
           <div>
             <h2>Docker Extension for Meshery is now available!</h2>
             <p><i>Managing cloud native infrastructure has never been easier.</i></p>
-            <p className="text-gray">Sign up to get access to the extension.</p>
+            <p className="text-gray">free tool</p>
             <Button primary url="/docker-extension-meshery" external={false}>
-            Get Access
+              Use the Meshery Docker Extension
             </Button>
           </div>
         </div>

src/sections/Home/So-Special-Section/index.js

@@ -100,12 +100,12 @@ const SoSpecial = ({ theme }) => {
     <SoSpecialWrapper>
       <div className="so-special-head">
         <h4>LAYER5 IN THE NEWS</h4>
-        <h1>We're making a mesh of things</h1>
+        <h1>We're making a splash</h1>
       </div>
       <div className="special_carousel">
         <Slider {...settings}>
           {
-            data.allMdx.nodes.map(({ id,frontmatter,fields }) => (
+            data.allMdx.nodes.map(({ id, frontmatter, fields }) => (
               <Button className="special-cont_btn" url={fields.slug} key={id}>
                 <div id="special-cont" >
                   <div id="special-cont_img">
@@ -127,7 +127,7 @@ const SoSpecial = ({ theme }) => {
       <div className="so-special-foot">
         <h5>Layer5 provides cloud native management for monoliths and</h5>
         <h5>microservices alike.</h5>
-        <Button className="so-special-foot-btn" primary url="/projects" title="Our Projects"/>
+        <Button className="so-special-foot-btn" primary url="/projects" title="Our Projects" />
       </div>
     </SoSpecialWrapper>
   );

src/sections/Meshery/Features-Col/data/index.js

@@ -1,17 +1,22 @@
 const lifecycleFeatureData = {
   name: "Lifecycle",
-  description: "Manage any service mesh",
+  description: "Manage all your cloud native infrastructure",
   link: "#",
-  btnText: "Get Started",
+  btnText: "Discover your clusters",
   services: [
     {
       content:
-        "AWS App Mesh, Cilium Service Mesh, Citrix Service Mesh, Consul, Istio, Kuma, Linkerd, Network Service Mesh, NGINX Service Mesh, Open Service Mesh, Traefik Mesh",
+        "Discover, configure, visualize, validate and troubleshoot your existing Kubernetes clusters",
+      className: "--on",
+    },
+    {
+      content:
+        "Deploy and operate any service mesh",
       className: "--on",
     },
     {
       content:
-        "Use sample applications, patterns, and filters to explore service mesh functionality",
+        "Use known cloud native ",
       className: "--on",
     },
     {
@@ -58,12 +63,50 @@ const configurationFeatureData = {
     },
   ],
   count: {
-    value: 100,
+    value: 1500,
     description: "components",
   },
 };
 
 const performanceFeatureData = {
+  name: "Performance",
+  description: "Assess the performance of your service mesh",
+  link: "#",
+  btnText: "Get Started",
+  services: [
+    {
+      content:
+        "Distributed performance analysis supporting 3 different types of load generators",
+      className: "--on",
+    },
+    {
+      content: "Built-in statistical analysis of service latency quartiles",
+      className: "--on",
+    },
+    {
+      content: "Import your existing Grafana dashboards. Ingest any metric from Prometheus",
+      className: "--on",
+    },
+    {
+      content: "Create and share performance profiles and test results with team members.",
+      className: "--on",
+    },
+    {
+      content: "Identify the MeshMark of a specific network function",
+      className: "--on",
+    },
+    {
+      content: "Baseline and track deltas of your workload performance",
+      className: "--on",
+    }
+  ],
+  count: {
+    value: 0,
+    description: "performance tests run",
+  },
+};
+
+const collaborationFeatureData = {
   name: "Performance",
   description: "Assess the performance of your service mesh",
   link: "#",
@@ -98,6 +141,7 @@ const data = {
     lifecycleFeatureData,
     configurationFeatureData,
     performanceFeatureData,
+    collaborationFeatureData,
   ],
 };
 

src/sections/Meshery/Meshery-terminal/index.js

@@ -55,10 +55,10 @@ const MesheryTerminal = () => {
               description: (
                 <>
                   <p>
-                          Meshery provides you with a clean, robust, streamlined command-line interface to manage your service meshes:
+                    Meshery provides you with a clean, robust, streamlined command-line interface to manage your service meshes:
                   </p>
                   <p>
-                          With <code>mesheryctl</code>, not only you can manage your service meshes, but you can also manage their workloads, mesure their performance, verify conformance to service mesh standards. You can also apply patterns.
+                    With <code>mesheryctl</code>, not only you can manage your service meshes, but you can also manage their workloads, mesure their performance, verify conformance to service mesh standards. You can also apply patterns.
                   </p>
                   <p>
                     <code>mesheryctl</code> provides support for all of Meshery's features and many platforms.
@@ -84,7 +84,7 @@ const MesheryTerminal = () => {
                 },
                 {
                   url: EKS,
-                  alt: "AWS Elastic Kuberentes Service",
+                  alt: "AWS Elastic Kubernetes Service",
                 },
                 {
                   url: Helm,
@@ -120,7 +120,7 @@ const MesheryTerminal = () => {
                   {
                     frames: 4,
                     code:
-                            "Archive:  /Users/layer5/meshery.zip",
+                      "Archive:  /Users/layer5/meshery.zip",
                     color: "gray",
                   },
                   {
@@ -230,13 +230,13 @@ const MesheryTerminal = () => {
               description: (
                 <>
                   <p>
-                          Meshery supports cloud native application patterns using a mesh-agnostic and application-holistic approach: patternfiles.
+                    Meshery supports cloud native application patterns using a mesh-agnostic and application-holistic approach: patternfiles.
                   </p>
                   <p>
-                          Patternfiles stems from multiple open needs, one of which is the desire to define a common practice of both configuring and operating service mesh functionality in a single, universal file.
+                    Patternfiles stems from multiple open needs, one of which is the desire to define a common practice of both configuring and operating service mesh functionality in a single, universal file.
                   </p>
                   <p>
-                          With a patternfile, you cancapture service mesh behavior in a single file. You can access service mesh-specific differentiation while keeping your patterns short and simple.
+                    With a patternfile, you cancapture service mesh behavior in a single file. You can access service mesh-specific differentiation while keeping your patterns short and simple.
                   </p>
                 </>
               ),
@@ -267,7 +267,7 @@ const MesheryTerminal = () => {
                   {
                     frames: 5,
                     code:
-                            "✓ Meshery connected to Kubernetes at https://kubernetes.example.com:6443",
+                      "✓ Meshery connected to Kubernetes at https://kubernetes.example.com:6443",
                   },
                   {
                     frames: 2,
@@ -327,14 +327,14 @@ const MesheryTerminal = () => {
                   {
                     frames: 2,
                     code:
-                            "\nYour cloud native application pattern deployment was successful!",
+                      "\nYour cloud native application pattern deployment was successful!",
                     color: "gray",
                   },
                   { code: "" },
                   {
                     frames: 1,
                     code:
-                            "\nDeployment URL: https://meshery.local/patterns",
+                      "\nDeployment URL: https://meshery.local/patterns",
                     color: "green",
                   },
                 ],
@@ -345,13 +345,13 @@ const MesheryTerminal = () => {
               description: (
                 <>
                   <p>
-                          Meshery provides service mesh and application performance measurement and management.
+                    Meshery provides service mesh and application performance measurement and management.
                   </p>
                   <p>
-                          Meshery natively supports the <Link to="/projects/service-mesh-performance">Service Mesh Performance</Link> (SMP) specification.
+                    Meshery natively supports the <Link to="/projects/service-mesh-performance">Service Mesh Performance</Link> (SMP) specification.
                   </p>
                   <p>
-                          Use performance test profiles to schedule and continuously verify your service mesh is performing in accordance with your SLOs.
+                    Use performance test profiles to schedule and continuously verify your service mesh is performing in accordance with your SLOs.
                   </p>
                 </>
               ),
@@ -378,7 +378,7 @@ const MesheryTerminal = () => {
                   {
                     frames: 2,
                     code:
-                            "✓ Meshery connected to Kubernetes at https://kubernetes.example.com:6443",
+                      "✓ Meshery connected to Kubernetes at https://kubernetes.example.com:6443",
                   },
                   {
                     frames: 2,

src/sections/Meshery/index.js

@@ -24,11 +24,11 @@ const MesheryPage = () => {
           <div className="info">
             <Row className="description">
               <Col className="desc-text" lg={6} md={6} sm={10} xs={8}>
-                <h1 className="heading-1"> the cloud native</h1>
-                <h1 className="heading-2"> <span className="heading-2">management plane</span></h1>
+                <h1 className="heading-1"> Wrangle your infrastructure</h1>
+                <h1 className="heading-2"> <span className="heading-2"> collaboratively</span></h1>
                 <p className="desc-p">
                   {/* Meshery is the cloud native manager. <br /> */}
-                  Operate your infrastructure and workloads with confidence using Meshery's management features.
+                  Confidently design, deploy, and operate your infrastructure and workloads with Meshery.
                 </p>
                 <Button primary className="banner-btn" title="How Meshery Works" url="./operating-service-meshes">
                   <GiClockwork size={21} className="button-icon" />