Rework homepage / getting started flow

_data/navigation.yml

@@ -1,9 +1,3 @@
-- header: Get Started
-  url: /getting-started/
-# ------------------------------------------------------------------------------
-- header: Blog
-  url: /blog/
-# ------------------------------------------------------------------------------
 - header: Documentation
   url: /documentation/
 # ------------------------------------------------------------------------------
@@ -13,6 +7,9 @@
 - header: Tools
   url: /tools/
 # ------------------------------------------------------------------------------
+- header: Blog
+  url: /blog/
+# ------------------------------------------------------------------------------
 - header: Community
   url: /community/
   pages:

assets/stylesheets/pages/_landing.scss

@@ -1,11 +1,27 @@
 .grid-layout-use-cases {
   @media (min-width: 1000px) {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(3, 1fr);
+  }
 
-    li:nth-child(2n-1):nth-last-of-type(1) {
-      grid-column: span 2;
-    }
+  .heading {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  img {
+    height: 48px;
+    width: 48px;
+    object-fit: contain;
+    filter: var(--icon-filter);
   }
+
+  h3 {
+    margin: 0;
+    font-size: 1.2em;
+  }
+
 }
 
 .preamble {
@@ -147,4 +163,4 @@
     font-weight: bold;
     border-radius: 4px;
   }
-}
+}