From 4e23ebe6f2dab194812162a2749d23d3da9afc07 Mon Sep 17 00:00:00 2001
From: Zach Wasserman <zach@fleetdm.com>
Date: Fri, 12 Mar 2021 11:31:30 -0800
Subject: [PATCH] Improvements to fleetdm.com home page (#457)

* Improvements to fleetdm.com home page

* level out pricing boxes and rely on the other asterisk explanation below

Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
---
 website/views/pages/homepage.ejs | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 3e938222e1..d70ad826f7 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -129,7 +129,7 @@
             </p>
             <p style="padding-left: 32px;" class="position-relative mb-4">
               <img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
-              Open source license <span class="font-weight-bold">(MIT)</span>
+              Open core license <span class="font-weight-bold">(MIT)</span>
             </p>
           </div>
         </div>
@@ -209,17 +209,18 @@
                     <p style="color: #8F8EA1; font-size: 13px;" class="mb-0">(USD, billed anually at $48)</p>
                   </div>
                   <button style="max-width: 242px;" class="btn btn-block btn-lg btn-info mt-3 mb-4 mx-auto" @click="clickChatButton()">Get free trial</button>
-                  <div style="max-width: 242px; min-height: 150px; padding-bottom: 16px;" class="position-relative mx-auto mb-4">
+                  <div style="max-width: 242px; min-height: 150px;" class="position-relative mx-auto mb-4">
                     <p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
                       <img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
                       Multiple teams  (RBAC)*
                     </p>
                     <p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
                       <img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
-                      Next business day support
+                      Enterprise support
                     </p>
-                    <p style="font-size: 13px; bottom: 0; left: 0;" class="position-absolute text-center mb-0 w-100">
-                      *Coming 2021
+                    <p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
+                      <img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
+                      Self-hosted agent autoupdates
                     </p>
                   </div>
                 </div>
@@ -255,7 +256,21 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        GitHub community
+                        Community GitHub
+                      </p>
+                    </div>
+                    <div class="col-3 col-md-2">
+                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
+                    </div>
+                    <div class="col-3 col-md-2">
+                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
+                    </div>
+                  </div>
+                  <div class="row mb-3">
+                    <div class="col-6 col-md-8 d-flex">
+                      <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
+                      <p class="ml-2 my-0">
+                        Community Slack
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -431,7 +446,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Deployment tools (helm, terraform)
+                        Deployment tools (Helm, Terraform)
                       </p>
                     </div>
                     <div class="col-3 col-md-2">