From c358c7a30cd48c3fadb0ef2a65efd990742efd2c Mon Sep 17 00:00:00 2001
From: Lee Calcote <lee.calcote@layer5.io>
Date: Sun, 29 Oct 2023 13:40:48 -0500
Subject: [PATCH] cards-meshmap

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
---
 assets/scss/_styles_project.scss      |  4 +++-
 content/en/meshmap/concepts/_index.md |  2 +-
 content/en/meshmap/overview/_index.md | 12 +++++++-----
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index d0214351..c3fe1b38 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -341,7 +341,9 @@ a.dash:hover {
 }
 
 // Cards
-
+.card {
+  background-color: $dark;
+}
 .card-header .bg-white {
   background-color: $dark;
 }
diff --git a/content/en/meshmap/concepts/_index.md b/content/en/meshmap/concepts/_index.md
index e6474187..2c50f991 100644
--- a/content/en/meshmap/concepts/_index.md
+++ b/content/en/meshmap/concepts/_index.md
@@ -1,5 +1,5 @@
 ---
-title: Designer
+title: Components
 weight: 4
 type: docs
 description: >
diff --git a/content/en/meshmap/overview/_index.md b/content/en/meshmap/overview/_index.md
index 5c51c56b..5b698b71 100644
--- a/content/en/meshmap/overview/_index.md
+++ b/content/en/meshmap/overview/_index.md
@@ -1,13 +1,15 @@
 ---
 title: Overview
-description: Here's where your user finds out if your project is for them.
+description: Learn about MeshMap's two modes - Visualizer and Designer.
 weight: 1
 ---
 
-{{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
-
+{{% card %}}
+[Visualizer](../visualizer/) mode is for operating your Kubernetes clusters and cloud native infrastructure.
+{{% /card %}}
+{{% card %}}
+[Designer](../designer/) mode is for those who want to create their own MeshMap, using the palette of components provided by Meshery.
+{{% /card %}}
 
 The Overview is where your users find out about your project. Depending on the size of your docset, you can have a separate overview page (like this one) or put your overview contents in the Documentation landing page (like in the Docsy User Guide).