update

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

assets/scss/_styles_project.scss

@@ -417,10 +417,15 @@ a.dash:hover {
 .card {
   background-color: $dark;
 }
+.card-header { 
+  font-weight: bold;
+  font-size: larger;
+}
 .card-header .bg-white {
   background-color: $dark;
+
 }
 .bg-dark {
-  background-color: $dark;
+  background-color: $dark; 
 }
 

content/en/meshmap/_index.md

@@ -64,6 +64,8 @@ Choose your mode of operation for MeshMap.
 
 
 
+
+
 <!-- ## What is MeshMap?
 
 Introduce your project, including what it does or lets you do, why you would use it, and its primary goal (and how it achieves it). This should be similar to your README description, though you can go into a little more detail here if you want.

content/en/meshmap/concepts/_index.md

@@ -22,3 +22,4 @@ Designs are declarative, descriptive characterizations of how your Kubernetes in
 When creating a new design by default it's visibility level will be set to __public__ unless you are an active Lara, five subscriber, in which case you can change this default to __private__. 
 
 {{< alert title="Google Docs Analogy" >}}Google Docs are a useful analogy for understanding Meshery designs. In many ways a Meshery design is like a single Google Doc in that they are collaboratively authored, versioned, permissioned and can move from workspace to workspace. Workspaces, a shared collection of designs, can be likened to a Google Drive, a shared collection of files.{{< /alert >}}
+

content/en/meshmap/designer/working-with-components.md

@@ -24,7 +24,7 @@ To copy and paste, you can use keyboard shortcuts:
 
 To copy and paste:
 
-1. Use [keyboard shortcuts](/reference/keyboard-shortcuts/)
+1. Use [keyboard shortcuts](/meshmap/reference/keyboard-shortcuts/)
 1. Use the right-click menu
 
 <!-- Image needed -->

content/en/meshmap/getting-started/_index.md

@@ -6,10 +6,24 @@ categories: [Designer]
 tags: [designs]
 ---
 
-{{% pageinfo %}}
-Page under construction.
-{{% /pageinfo %}}
 
+## Use MeshMap for your Diagrams
+
+{{< cardpane >}}
+{{% card header="Dev Env Documentation" %}}
+The dev environment is an often overlooked but critical part of an organization's infrastructure. Knowing what clusters and services are used, how to run and test services locally, and how to troubleshoot are critical parts for getting a team up and running quickly. With Layer5, you can easily embed designs into your How To and Getting Started guides, making it easy to create, maintain and update concise documentation.
+{{% /card %}}
+{{% card header="Migrations and Rollbacks" %}}
+Migrations and rollbacks are some of the most important things to get right when they're needed. By making it easy to create, find, and reference these documents and diagrams, you can be confident that your processes will be understood and your knowledge up to date.
+{{% /card %}}
+{{% card header="Deployment Pipeline" %}}
+Layer5's keyboard shortcuts and preset icons make it easy to create beautiful, informative designs that explain every aspect of your deploy, test, and monitor pipeline. You can also use our sequence diagram-as-code feature to easily build deploy flows. Embed several in one document to cover all of your different services, vendors, and data stores.
+{{% /card %}}
+{{% /cardpane %}}
+
+### Use Layer5 MeshMap for all of your diagrams and docs
+
+Beyond data flow diagrams, do you need to create other technical docs and diagrams like design docs, RFCs, network diagrams, and API diagrams? Eraser provides a single platform for modern engineering teams to collaborate on docs and diagrams.
 <!-- Information in this section helps your user try your project themselves.
 
 * What do your users need to do to start using your project? This could include downloading/installation instructions, including any prerequisites or system requirements.