2025-02-25 Website test: Change homepage heading (#26529)

Changes:
- Reverted the homepage heading text changes from #25916

website/assets/js/pages/homepage.page.js

@@ -24,14 +24,13 @@ parasails.registerPage('homepage', {
   //  ║  ║╠╣ ║╣ ║  ╚╦╝║  ║  ║╣
   //  ╩═╝╩╚  ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
   beforeMount: function() {
-    //…
     if(window.location.hash === '#unsubscribed'){
       this.modal = 'unsubscribed';
       window.location.hash = '';
     }
   },
   mounted: async function() {
-    this.animateHeroTicker();
+    // this.animateHeroTicker();
     if(['mdm', 'eo-it', undefined].includes(this.primaryBuyingSituation)){
       this.animateBottomTicker();
     }

website/assets/styles/pages/homepage.less

@@ -52,7 +52,6 @@
     padding-left: 32px;
     padding-bottom: 82px;
     max-width: 1200px;
-    height: 420px;
   }
   [purpose='ticker-container'] {
     overflow: hidden;
@@ -88,7 +87,13 @@
       max-width: 640px;
       margin-bottom: 16px;
       &.vm {
-        max-width: unset;
+        max-width: 420px;
+      }
+      &.eo-it {
+        max-width: 420px;
+      }
+      &.eo-security {
+        max-width: 438px;
       }
     }
     p {

website/views/pages/homepage.ejs

@@ -6,6 +6,8 @@
         <div class="d-flex flex-row justify-content-start align-items-start">
           <%/* Hero text */%>
           <div purpose="hero-text" class="d-flex flex-column justify-content-start">
+            <h1 class="<%= primaryBuyingSituation%>"><%- partial('../partials/primary-tagline.partial.ejs') %></h1>
+          <% /*
           <h1>One agent for <br>
             <div purpose="ticker-container" class="d-flex align-items-center flex-row text-nowrap">
               every
@@ -37,6 +39,7 @@
               </div>
             </div>
           </h1>
+          */ %>
             <p>Replace the sprawl with <%= primaryBuyingSituation === 'vm'? 'secure, open-source reporting that works the way you want' : primaryBuyingSituation === 'eo-security'? 'open-source telemetry that works the way you want' : 'lightning fast device management that lets employees see what\'s going on' %>.</p>
             <div purpose="button-row" class="d-flex justify-content-start align-items-center">
               <a purpose="cta-button" href="<%= primaryBuyingSituation === 'mdm' ? '/device-management' : primaryBuyingSituation === 'vm' ? '/vulnerability-management' : primaryBuyingSituation === 'eo-security' ? '/orchestration' : primaryBuyingSituation === 'eo-it' ? '/orchestration' : '/device-management' %>">Learn how</a>

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

@@ -1,6 +1,7 @@
 <%=
-  (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'vm') ? 'Focus on vulnerabilities, not vendors' // vm
-  : (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'eo-security') ? 'Easily get security data'// eo-security
-  : (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'eo-it') ? 'One system for every platform' : // eo-it
-  'One system for every OS'// mdm or default (no buying situation)
+  typeof primaryBuyingSituation === 'undefined' ? 'Open device management for everyone' // Default (no buying situation)
+  : primaryBuyingSituation === 'vm' ? 'Focus on vulnerabilities, not vendors' // vm
+  : primaryBuyingSituation === 'eo-security' ? 'Easily get security data'// eo-security
+  : primaryBuyingSituation === 'eo-it' ? 'Untangle your endpoints' : // eo-it
+  'Open device management for everyone'// mdm
 %>