From 76386ad2a835f373a7c80c43bc79f31e486f6cdf Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 16 Jul 2024 12:25:04 -0500
Subject: [PATCH] Website: Update heading size on homepage (#20514)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes: #20494

Changes:
- Updated the headings for the product category sections on the homepage
(h3 » h2)
- Updated the font size for the personalized product category sections
(14px » 16px)
---
 website/assets/styles/pages/homepage.less |  5 +++++
 website/views/pages/homepage.ejs          | 24 +++++++++++------------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 1560d5a561..bffa783ff5 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -360,6 +360,11 @@
       font-size: 14px;
       line-height: 1.5;
     }
+    &.personalized {
+      p {
+        font-size: 16px;
+      }
+    }
     [purpose='category-button'] {
       width: min-content;
       height: 48px;
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index ac3602f794..8b021bf896 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -98,9 +98,9 @@
              <div purpose="device-management-image" class="left">
                <img alt="Operating systems entering a glass device management dome" src="/images/device-management-hero-380x293@2x.png">
              </div>
-             <div purpose="category-text-block" class="d-flex flex-column">
+             <div purpose="category-text-block" class="d-flex flex-column personalized">
                <h4>Device management</h4>
-               <h3>Manage everything in one place</h3>
+               <h2>Manage everything in one place</h2>
                <p>Modernize your device management practice with a single, open platform for Apple, Windows, and Linux.</p>
                <div>
                  <animated-arrow-button href="/device-management">Start with device management</animated-arrow-button>
@@ -109,9 +109,9 @@
            </div>
          <% } %>
          <div purpose="platform-block" class="d-flex flex-md-row flex-column-reverse justify-content-md-between mx-auto align-items-center">
-           <div purpose="category-text-block" class="d-flex flex-column">
+           <div purpose="category-text-block" class="d-flex flex-column personalized">
              <h4>Endpoint ops</h4>
-             <h3><%= primaryBuyingSituation==='eo-security'? 'Instrument your endpoints' : 'Understand your computers'%></h3>
+             <h2><%= primaryBuyingSituation==='eo-security'? 'Instrument your endpoints' : 'Understand your computers'%></h2>
              <p>A <%= primaryBuyingSituation==='eo-security'? 'lightweight' : 'quick-fast' %> way to gather <%= primaryBuyingSituation==='vm'? 'patch level and custom reports across all your computing devices, even in OT and production environments' : primaryBuyingSituation==='eo-security'? 'deep context and custom telemetry across all your endpoints, even servers' : primaryBuyingSituation==='mdm'||primaryBuyingSituation==='eo-it'? 'compliance and inventory data across all your devices' : 'device data across all your computers' %>. Pulse check or automate anything on any platform.</p>
              <div>
                <animated-arrow-button href="/endpoint-ops">Start with endpoint ops</animated-arrow-button>
@@ -127,9 +127,9 @@
              <div purpose="vuln-management-image" class="left">
                <img  alt="An orb being scanned for vulnerabilities" src="/images/vulnerability-management-hero-image-345x380@2x.png">
              </div>
-             <div purpose="category-text-block" class="d-flex flex-column">
+             <div purpose="category-text-block" class="d-flex flex-column personalized">
                <h4>Vulnerability management</h4>
-               <h3>Build the vulnerability program you actually want</h3>
+               <h2>Build the vulnerability program you actually want</h2>
                <p>Show how quickly zero days and "celebrity CVEs" are resolved and which teams need extra help. Use scoring, known exploit feeds, and live, down-to-the-chip data about your own environment to prioritize, export, automate, and monitor mitigations of everyday vulnerabilities in operating systems, software packages, browsers, and plugins, anywhere.</p>
                <div>
                 <animated-arrow-button href="/vulnerability-management">Start with vuln management</animated-arrow-button>
@@ -143,9 +143,9 @@
          <%if(primaryBuyingSituation === 'mdm'){ %>
            <%/* Device management block */%>
            <div purpose="platform-block" class="d-flex flex-md-row flex-column-reverse justify-content-md-between mx-auto align-items-center">
-             <div purpose="category-text-block" class="d-flex flex-column">
+             <div purpose="category-text-block" class="d-flex flex-column personalized">
                <h4>Device management</h4>
-               <h3>Manage everything in one place</h3>
+               <h2>Manage everything in one place</h2>
                <p>Modernize your device management practice with a single, open platform for Apple, Windows, and Linux.</p>
                <div>
                  <animated-arrow-button href="/device-management">Start with device management</animated-arrow-button>
@@ -158,9 +158,9 @@
          <% } else {%>
            <%/* Vulnerability management block */%>
            <div purpose="platform-block" class="d-flex flex-md-row flex-column-reverse justify-content-md-between mx-auto align-items-center">
-             <div purpose="category-text-block" class="d-flex flex-column">
+             <div purpose="category-text-block" class="d-flex flex-column personalized">
                <h4>Vulnerability management</h4>
-               <h3>Build the vulnerability program you actually want</h3>
+               <h2>Build the vulnerability program you actually want</h2>
                <p>Show how quickly zero days and "celebrity CVEs" are resolved and which teams need extra help. Use scoring, known exploit feeds, and live, down-to-the-chip data about your own environment to prioritize, export, automate, and monitor mitigations of everyday vulnerabilities in operating systems, software packages, browsers, and plugins, anywhere.</p>
                <div>
                  <animated-arrow-button href="/vulnerability-management">Start with vuln management</animated-arrow-button>
@@ -176,9 +176,9 @@
            <div purpose="endpoint-ops-image" class="left">
              <img alt="Endpoint ops" src="/images/endpoint-operations-hero-image-380x380@2x.png">
            </div>
-           <div purpose="category-text-block" class="d-flex flex-column">
+           <div purpose="category-text-block" class="d-flex flex-column personalized">
              <h4>Endpoint ops</h4>
-             <h3><%= primaryBuyingSituation==='eo-security'? 'Instrument your endpoints' : 'Understand your computers'%></h3>
+             <h2><%= primaryBuyingSituation==='eo-security'? 'Instrument your endpoints' : 'Understand your computers'%></h2>
              <p>A <%= primaryBuyingSituation==='eo-security'? 'lightweight' : 'quick-fast' %> way to gather <%= primaryBuyingSituation==='vm'? 'patch level and custom reports across all your computing devices, even in OT and production environments' : primaryBuyingSituation==='eo-security'? 'deep context and custom telemetry across all your endpoints, even servers' : primaryBuyingSituation==='mdm'||primaryBuyingSituation==='eo-it'? 'compliance and inventory data across all your devices' : 'device data across all your computers' %>. Pulse check or automate anything on any platform.</p>
              <div>
                <animated-arrow-button href="/endpoint-ops">Start with endpoint ops</animated-arrow-button>