Website: homepage and /endpoint-ops personalization & content update. (#18707)

Closes: https://github.com/fleetdm/confidential/issues/6408

Changes:
- Updated the "Osquery on easy mode" bullet point and section on the
endpoint ops page.
- Added missing punctuation to an integration card on the homepage.
- Updated the calendar video to fix autoplaying on IOS
- Updated the homepage tagline to be personalized for vulnerability
management users (“Focus on vulnerabilities, not vendors”)
-

website/views/pages/endpoint-ops.ejs

@@ -20,7 +20,7 @@
             <p>Ship logs to any platform like Splunk, Snowflake, or <a href="/docs/using-fleet/log-destinations">any streaming infrastructure</a> like AWS Kinesis and Apache Kafka.</p>
           <% } else if(['eo-security', 'vm'].includes(primaryBuyingSituation)) { %>
             <strong>Osquery on easy mode</strong>
-            <p>You don’t need to be an osquery expert to get the answers you need from your devices, Fleet does some of that for you.</p>
+            <p>You don’t need to be an osquery expert to get the answers you need from your endpoints.</p>
             <strong>Pulse check anything</strong>
             <p>Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.</p>
             <strong>Ship data to any platform</strong>
@@ -31,7 +31,7 @@
             <strong>Ship data to any platform</strong>
             <p>Ship logs to any platform like Splunk, Snowflake, or <a href="/docs/using-fleet/log-destinations">any streaming infrastructure</a> like AWS Kinesis and Apache Kafka.</p>
             <strong>Osquery on easy mode</strong>
-            <p>You don’t need to be an osquery expert to get the answers you need from your devices, Fleet does some of that for you.</p>
+            <p>You don’t need to be an osquery expert to get the answers you need from your devices.</p>
           <% }%>
           <div purpose="button-row" class="d-flex flex-md-row flex-column justify-content-start align-items-center">
             <a purpose="cta-button" href="/register">Start now</a>
@@ -190,7 +190,7 @@
       </div>
       <div purpose="feature-text" class="d-flex flex-column">
         <h3>Osquery on easy mode</h3>
-        <p>Accelerate deployment and get more out of osquery. You don’t need to be an osquery expert to get the answers you need from your devices, Fleet takes care of some of that for you.</p>
+        <p>Accelerate deployment and get more out of osquery. You don’t need to be an osquery expert to get the answers you need from your <%= ['vm', 'eo-security'].includes(primaryBuyingSituation) ? 'endpoints' : 'devices' %>.</p>
         <div purpose="checklist" class="flex-column d-flex">
           <p>Remotely disable/enable agent features, choose plugins, and keep osquery up to date.</p>
           <p>Import community queries from other security teams at top brands like Palantir and Fastly.</p>

website/views/pages/homepage.ejs

@@ -41,7 +41,7 @@
         <%} else if(['vm', 'eo-security'].includes(primaryBuyingSituation)) {%>
           <h2>Tell employees why</h2>
           <p>Use AI to explain why your security policies matter, and install required updates en masse without locking people out of meetings.</p>
-        <%}%>
+        <%} %>
           <div purpose="calendar-checklist" class="flex-column d-flex">
             <p>Say goodbye to annoying IT notifications and restarts.</p>
             <p>Use AI to explain why your security policies matter.</p>
@@ -52,7 +52,7 @@
           </div>
         </div>
         <div purpose="feature-video">
-          <video autoplay loop muted purpose="calendar-video"><source src="/videos/calendar-feature-video.mp4" type="video/mp4"></video>
+          <video autoplay loop muted playsinline purpose="calendar-video"><source src="/videos/calendar-feature-video.mp4" type="video/mp4"></video>
         </div>
       </div>
 
@@ -237,7 +237,7 @@
                 <img alt="Custom IT workflows" src="/images/integration-icon-custom-workflows-32x36@2x.png">
                 <% if(['vm', 'eo-security'].includes(primaryBuyingSituation)){%>
                 <strong>Kick off automations</strong>
-                <p>Use git, yaml, webhooks, file carving, vuln feeds, the REST API, and a GUI for security automations</p>
+                <p>Use git, yaml, webhooks, file carving, vuln feeds, the REST API, and a GUI for security automations.</p>
                 <% } else { %>
                 <strong>Custom IT workflows</strong>
                 <p>Use git, yaml, webhooks, realtime device access, file carving, vuln feeds, the REST API, and a GUI for IT automation.</p>

website/views/partials/calendar-banner.partial.ejs

@@ -2,15 +2,18 @@
   <div purpose="calendar-feature-text" class="d-flex flex-column">
   <div purpose="new-badge">NEW</div>
   <% if(!primaryBuyingSituation) {%>
-    <h3>Stop nudging</h3>
-    <p>Stop installing updates and forcing restarts when your users are busy using their computers. Fleet finds time in the calendar for a reboot and uses AI to explain why.</p>
-  <%} else if(['mdm', 'eo-it'].includes(primaryBuyingSituation)) {%>
-    <h3>Put IT in your calendar</h3>
+    <h3>"This is a terrible time to mess with my computer."</h3> <!-- Turn OS updates into coffee breaks --> <!-- Break time for you, update time for your computer -->
+    <p>Install updates and force restarts when your users’ computers are actually free.</p>
+  <%} else if(['mdm'].includes(primaryBuyingSituation)) {%>
+    <h3>Timing is everything</h3>
+    <p>Install updates and force restarts when your users’ computers are actually free.</p>
+  <%} else if(['eo-it'].includes(primaryBuyingSituation)) {%>
+    <h3>Patch your C-suite with confidence</h3>
     <p>Install updates and force restarts when your users’ computers are actually free.</p>
   <%} else if(['vm', 'eo-security'].includes(primaryBuyingSituation)) {%>
     <h3>Tell employees why</h3>
     <p>Use AI to explain why your security policies matter, and install required updates en masse without locking people out of meetings.</p>
-  <%}%>
+  <%} %>
     <div purpose="calendar-checklist" class="flex-column d-flex">
       <p>Say goodbye to annoying IT notifications and restarts.</p>
       <p>Use AI to explain why your security policies matter.</p>
@@ -21,6 +24,6 @@
     </div>
   </div>
   <div purpose="feature-video">
-    <video autoplay loop muted purpose="calendar-video"><source src="/videos/calendar-feature-video.mp4" type="video/mp4"></video>
+    <video autoplay loop playsinline muted purpose="calendar-video"><source src="/videos/calendar-feature-video.mp4" type="video/mp4"></video>
   </div>
 </div>

website/views/partials/primary-tagline.partial.ejs

@@ -1 +1 @@
-<%= primaryBuyingSituation === 'mdm' ? 'Your last MDM migration' : primaryBuyingSituation ? 'Focus on data, not vendors' : 'Untangle your endpoints' %>
+<%= primaryBuyingSituation === 'mdm' ? 'Your last MDM migration' : primaryBuyingSituation === 'vm' ? 'Focus on vulnerabilities, not vendors' : primaryBuyingSituation ? 'Focus on data, not vendors' : 'Untangle your endpoints' %>