From 28061268c44359f98eb5ace14424ba53d589be42 Mon Sep 17 00:00:00 2001
From: pablosaenzar <pablo.saenz@device42.com>
Date: Mon, 31 Jul 2023 12:19:05 -0500
Subject: [PATCH 1/4] Removed Solutions Guide section

---
 src/components/data/dummy-data.js | 20 ++------------------
 src/pages/index.js                |  2 +-
 src/pages/index.module.css        | 15 ++++++++++-----
 3 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/components/data/dummy-data.js b/src/components/data/dummy-data.js
index f94975fa..9957174e 100644
--- a/src/components/data/dummy-data.js
+++ b/src/components/data/dummy-data.js
@@ -56,24 +56,8 @@ const solutionGuideData = [
     whiteIcon: "assets/icons/white/jsm-integration-icon.svg",
     link: "/",
   },
-  {
-    title: "Software License Management",
-    icon: "assets/icons/purple/slm-icon.svg",
-    whiteIcon: "assets/icons/white/slm-icon.svg",
-    link: "/",
-  },
-  {
-    title: "Cloud Management",
-    icon: "assets/icons/purple/cloud-mgmt-icon.svg",
-    whiteIcon: "assets/icons/white/cloud-mgmt-icon.svg",
-    link: "/",
-  },
-  {
-    title: "ADM",
-    icon: "assets/icons/purple/adm-icon.svg",
-    whiteIcon: "assets/icons/white/adm-icon.svg",
-    link: "/",
-  },
+
+
   {
     title: "Advanced Reporting/DOQL",
     icon: "assets/icons/purple/advanced-reporting-icon.svg",
diff --git a/src/pages/index.js b/src/pages/index.js
index fd0bb977..9484dbc3 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -40,7 +40,7 @@ export default function Home() {
               ))}
             </div>
           </div>
-          <div className={styles.cardContainer}>
+          <div className={styles.cardContainerSolution}>
             <h2>Solution Guides</h2>
 
             <div className={styles.cardsContainer}>
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 6c852fb6..2db67312 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -3,6 +3,8 @@
  * and scoped locally.
  */
 
+.cardContainerSolution{display:none;}
+
 .mainSection {
   display: flex;
   flex-flow: column nowrap;
@@ -76,7 +78,7 @@
   background-color: rgba(0, 0, 0, 0.4);
 }
 .helpSection h2 {
-  font-weight: 500;
+  font-weight: 600;
   font-size: 1.8rem;
   line-height: 2rem;
   margin-bottom: 1rem;
@@ -84,12 +86,15 @@
 }
 .productsSection {
   display: flex;
+justify-content: center;
+align-items: center;
+  display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  /*justify-content: space-between; */
   margin: 1.6rem 0;
   width: 100%;
-  padding: 0 46px;
+  padding: 0 46px 30px;
 }
 .cardContainer {
   background-color: white;
@@ -109,11 +114,11 @@
   grid-gap: 1rem;
 }
 .cardContainer h2 {
-  font-weight: 500;
+  font-weight: 600;
   font-size: 1.6rem;
   line-height: 2rem;
   margin-bottom: 1.9rem;
-  color: black;
+  color: #1E0068;
 }
 .solutionsGuidesSeeMore {
   display: flex;

From cb148301d5b92adf1830e4d70aa62c9aec2ac3f8 Mon Sep 17 00:00:00 2001
From: pablosaenzar <pablo.saenz@device42.com>
Date: Mon, 31 Jul 2023 13:05:55 -0500
Subject: [PATCH 2/4] Product Documentation and two Solution guides

---
 src/pages/index.js         |  2 +-
 src/pages/index.module.css | 49 ++++++++++++++++++++++++++++++++------
 2 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 9484dbc3..8b982210 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -43,7 +43,7 @@ export default function Home() {
           <div className={styles.cardContainerSolution}>
             <h2>Solution Guides</h2>
 
-            <div className={styles.cardsContainer}>
+            <div className={styles.cardsContainerSolution}>
               {solutionGuideData.map((card, idx) => (
                 <ContentCard key={idx} {...card} />
               ))}
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 2db67312..76d6ea69 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -3,7 +3,7 @@
  * and scoped locally.
  */
 
-.cardContainerSolution{display:none;}
+
 
 .mainSection {
   display: flex;
@@ -86,12 +86,9 @@
 }
 .productsSection {
   display: flex;
-justify-content: center;
-align-items: center;
-  display: flex;
   flex-direction: row;
   align-items: center;
-  /*justify-content: space-between; */
+  justify-content: space-between; 
   margin: 1.6rem 0;
   width: 100%;
   padding: 0 46px 30px;
@@ -104,10 +101,30 @@ align-items: center;
   text-align: center;
 }
 
+.cardContainerSolution{
+  background-color: white;
+    width: 48%;
+    border: 1px solid #200264;
+    padding: 24px;
+    text-align: center;
+
+}
+
 [data-theme="dark"] .cardContainer {
   border: 1px solid white;
   background-color: rgba(0, 0, 0, 0.4);
 }
+
+[data-theme="dark"] .cardContainerSolution {
+  border: 1px solid white;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.cardsContainerSolution {
+  display: grid;
+  grid-template-columns: 2fr 2fr;
+  grid-gap: 1rem;
+}
 .cardsContainer {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
@@ -121,11 +138,13 @@ align-items: center;
   color: #1E0068;
 }
 .solutionsGuidesSeeMore {
+  
   display: flex;
   justify-content: center;
   align-items: center;
-  color: black;
-  grid-column: 2 / span 3;
+  /*color: black;8*/
+  color: transparent;
+  /*grid-column: 2 / span 3;*/
   font-size: 1.3rem;
   min-height: 102px;
 }
@@ -134,6 +153,10 @@ align-items: center;
   color: white;
 }
 
+[data-theme="dark"] .solutionsGuidesSeeMore {
+  color: transparent;
+}
+
 @media screen and (max-width: 768px) {
   .contentCard {
     grid-template-columns: 1fr;
@@ -144,6 +167,14 @@ align-items: center;
   .cardsContainer {
     grid-template-columns: 1fr 1fr;
   }
+
+  .cardsContainerSolution {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .cardsContainerSolution {
+    grid-template-columns: 1fr 1fr;
+  }
   .solutionsGuidesSeeMore {
     grid-column: 1 / span 2;
   }
@@ -156,6 +187,10 @@ align-items: center;
     margin-bottom: 24px;
   }
 
+  .cardContainerSolution {
+    width: 100%;
+    margin-bottom: 24px;
+  }
   .cardsContainer_src-pages-index-module{
     display: block;
   }

From 3cdf989f73f8b039230be08e36ffa64ef67c87ed Mon Sep 17 00:00:00 2001
From: pablosaenzar <pablo.saenz@device42.com>
Date: Mon, 31 Jul 2023 16:44:06 -0500
Subject: [PATCH 3/4] Adjusted sections width

---
 src/pages/index.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 76d6ea69..48f9933a 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -90,7 +90,7 @@
   align-items: center;
   justify-content: space-between; 
   margin: 1.6rem 0;
-  width: 100%;
+  width: 80%;
   padding: 0 46px 30px;
 }
 .cardContainer {
@@ -143,7 +143,7 @@
   justify-content: center;
   align-items: center;
   /*color: black;8*/
-  color: transparent;
+  color: transparent !important;
   /*grid-column: 2 / span 3;*/
   font-size: 1.3rem;
   min-height: 102px;

From 16429e9eb224dd22057f750c083a7acb9772a43c Mon Sep 17 00:00:00 2001
From: pablosaenzar <pablo.saenz@device42.com>
Date: Mon, 31 Jul 2023 16:51:09 -0500
Subject: [PATCH 4/4] Mobile section adjustment

---
 src/pages/index.module.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 48f9933a..1c013fa2 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -161,6 +161,10 @@
   .contentCard {
     grid-template-columns: 1fr;
   }
+
+  .productsSection {
+    width: 100%;
+  }
 }
 
 @media only screen and (max-width: 1100px) and (max-width: 1200px) {
@@ -197,5 +201,6 @@
 
   .productsSection {
     flex-direction: column;
+    width: 100%;
   }
 }