Website: update bottom heading on landing pages (#15785)

Closes: fleetdm/confidential#4753

Changes:
- Updated the bottom heading on /vulnerability-management,
/endpoint-operations, and /device-management

website/views/pages/endpoint-ops.ejs

@@ -181,10 +181,10 @@
     <scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
     <div purpose="page-container" class="pb-0 container">
 
-      <div purpose="bottom-cta" class="text-center">
+      <div purpose="section-heading" class="text-center">
         <h4>Open-source endpoint ops</h4>
-        <h1>Lighter than air</h1>
-        <div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
+        <h2>Focus on data not vendors</h2>
+        <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
           <a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
           <a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
         </div>

website/views/pages/fleet-mdm.ejs

@@ -109,10 +109,10 @@
     <scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
     <div purpose="page-container" class="pb-0 container">
 
-      <div purpose="bottom-cta" class="text-center">
+      <div purpose="section-headline" class="text-center">
         <h4>Open-source device management</h4>
-        <h1>Lighter than air</h1>
-        <div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
+        <h2>Manage devices like code</h2>
+        <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
           <a purpose="cta-button" @click="clickOpenMdmModal()">Show me</a>
           <a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
         </div>

website/views/pages/vulnerability-management.ejs

@@ -140,10 +140,10 @@
     <scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
     <div purpose="page-container" class="pb-0 container">
 
-      <div purpose="bottom-cta" class="text-center">
+      <div purpose="section-heading" class="text-center">
         <h4>Open-source vulnerability management</h4>
-        <h1>Lighter than air</h1>
-        <div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
+        <h2>Build the vulnerability program you actually want</h2>
+        <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
           <a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
           <a @click="clickOpenChatWidget()" purpose="animated-arrow-button-red">Talk to an expert</a>
         </div>