Remove case studies and replace with "get started" call-to-action

css/_home.scss

@@ -310,57 +310,8 @@ $primary: #a72b2a;
     }
   }
 
-  .home-case-studies {
-    margin-top: 10rem;
-
-    .grid {
-      margin-top: 4rem;
-      display: grid;
-      grid-template-columns: repeat(3, 22rem);
-      justify-content: space-around;
-      grid-column-gap: 1rem;
-
-      @media (max-width: 1050px) {
-        display: flex;
-        flex-wrap: wrap;
-      }
-
-      .item {
-        box-shadow: 0 2px 32px 0 rgba(59, 143, 169, 0.3);
-        border-radius: 5px;
-        overflow: hidden;
-        display: grid;
-        grid-template-rows: max-content;
-        width: 22rem;
-
-        @media (max-width: 1050px) {
-          &:last-child {
-            margin-top: 4rem;
-          }
-        }
-
-        @media (max-width: 782px) {
-          &:nth-child(2) {
-            margin-top: 4rem;
-          }
-        }
-
-        .item-text {
-          padding: 1.5rem;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-        }
-
-        img {
-          width: 100%;
-          border-radius: 5px 5px 0 0;
-        }
-
-        .btn {
-          max-width: 100%;
-        }
-      }
-    }
+  .home-get-started {
+    margin-top: 6rem;
+    text-align: center;
   }
 }

index.html

@@ -104,40 +104,9 @@ <h4>Securely Push Firmware to Device Fleets</h4>
           </div>
         </div>
 
-        <div class="home-case-studies content-container josh-js" data-josh-anim-name="fadeIn">
-          <h2 class="ta-c"><span class="color-primary">Nerves</span> in Action</h2>
-          <div class="grid">
-            <div class="item">
-              <img src="images/le-tote.jpg" alt="le tote">
-              <div class="item-text">
-                <div>
-                  <h5>Le Tote</h5>
-                  <p>Increasing Warehouse Efficiency with Nerves</p>
-                </div>
-                <a class="btn btn-primary btn-lg btn-home" target="_blank" rel="noopener noreferrer" href="https://www.nerves-project.org/customer-le-tote">Read Case Study</a>
-              </div>
-            </div>
-            <div class="item">
-              <img src="images/hop.jpg" alt="hop">
-              <div class="item-text">
-                <div>
-                  <h5>Hop</h5>
-                  <p>Using Nerves to Build a Facial Recognition-Powered Beer Kiosk System</p>
-                </div>
-                <a class="btn btn-primary btn-lg btn-home" target="_blank" rel="noopener noreferrer" href="https://www.nerves-project.org/customer-hop">Read Case Study</a>
-              </div>
-            </div>
-            <div class="item">
-              <img src="images/farmbot.jpg" alt="farmbot">
-              <div class="item-text">
-                <div>
-                  <h5>Farmbot</h5>
-                  <p>Managing Fleets of Smart Farming Devices with Nerves</p>
-                </div>
-                <a class="btn btn-primary btn-lg btn-home" target="_blank" rel="noopener noreferrer" href="https://www.nerves-project.org/customer-farmbot">Read Case Study</a>
-              </div>
-            </div>
-          </div>
+        <div class="home-get-started content-container josh-js" data-josh-anim-name="fadeIn">
+          <h2>Ready to get started?</h2>
+          <a class="btn btn-primary btn-lg btn-home josh-js" data-josh-anim-name="pulse" href="https://docs.nerves-hub.org/">Explore the docs</a>
         </div>
       </main>
     </div>