From 5e79045b8f49501dbd4e9d5eb9efb51abcc9b771 Mon Sep 17 00:00:00 2001 From: Eric Date: Tue, 17 Jun 2025 08:22:25 -0500 Subject: [PATCH] Website: homepage follow-up changes (#30081) Changes: - Updated padding between sections on the homepage - Updated button styles - Updated mobile comparison table styles --- .../assets/styles/bootstrap-overrides.less | 2 +- website/assets/styles/pages/homepage.less | 27 ++++++-- website/views/layouts/layout.ejs | 4 +- website/views/pages/homepage.ejs | 66 ++++++++----------- 4 files changed, 53 insertions(+), 46 deletions(-) diff --git a/website/assets/styles/bootstrap-overrides.less b/website/assets/styles/bootstrap-overrides.less index 550e6b3f52..8b19c0ec44 100644 --- a/website/assets/styles/bootstrap-overrides.less +++ b/website/assets/styles/bootstrap-overrides.less @@ -56,7 +56,7 @@ b, strong, .font-weight-bold { color: @core-fleet-black; } -a[href]:not([no-underline]) { +a[href] { color: @core-fleet-black-75; text-decoration: underline; text-underline-offset: 4px; diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index d585ce842f..425481992e 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -344,8 +344,9 @@ justify-content: center; margin-top: 48px; margin-bottom: 48px; + text-decoration: none; h4 { - color: #515774; + color: #192147; text-align: center; text-transform: unset; font-family: Inter; @@ -402,6 +403,7 @@ padding-bottom: 80px; padding-top: 32px; text-align: center; + text-decoration: none; } [purpose='quote-logo'] { height: 32px; @@ -887,6 +889,10 @@ [purpose='page-section'] { margin-bottom: 120px; } + [purpose='feature-cards'] { + display: flex; + margin-bottom: 128px; + } [purpose='video-modal'] { [purpose='modal-dialog'] { width: 100%; @@ -956,7 +962,7 @@ } [purpose='feature-cards'] { display: flex; - margin-bottom: 128px; + margin-bottom: 96px; } [purpose='feature-card'] { max-width: unset; @@ -1123,9 +1129,7 @@ [purpose='page-section'] { margin-bottom: 80px; } - [purpose='integrations-section'] { - margin-top: 64px; - } + [purpose='feature-with-image'] { flex-direction: column-reverse; margin-bottom: 104px; @@ -1295,6 +1299,10 @@ [purpose='option-container'] { height: 38.4px; } + [purpose='feature-cards'] { + display: flex; + margin-bottom: 80px; + } [purpose='homepage-hero'] { padding-bottom: 307px; padding-top: 48px; @@ -1476,7 +1484,14 @@ [purpose='option-container'] { height: 33.6px; } - + [purpose='feature-table'] { + [purpose='feature-name'] { + height: unset; + p { + white-space: wrap; + } + } + } [purpose='homepage-hero'] { padding-top: 44px; padding-left: 16px; diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index 76c5cdb2a1..9bf4a0fc8e 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -196,7 +196,7 @@ <%}%> <%if(!hideGetStartedButton){%> - Schedule a demo + Schedule a demo <% }%> @@ -232,7 +232,7 @@ allowtransparency="true" frameborder="0" scrolling="0" width="140" height="20"> <%if(!hideGetStartedButton){%> - Try it yourself + Try it yourself <% }%> <% if(_.has(me, 'id')) {%> Log out diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index 129247b08b..bced42e798 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -559,7 +559,7 @@
-

Configuration management and scripting

+

Configuration management & scripting

Fleet
@@ -1307,42 +1307,34 @@

Deploy anywhere

- <%= - (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'security-vm') ? 'Focus on vulnerabilities, not vendors' // vm - : (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'security-misc') ? 'Easily get security data'// eo-security - : (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'it-misc') ? 'One agent for every ' : // eo-it - 'One agent for every '// mdm or default (no buying situation) - %> - <% if(!['security-misc', 'security-vm'].includes(primaryBuyingSituation)){%> -
-
-
- OS - audit - script - config - question - laptop - desktop - phone - server - cloud instance - container - tablet - hospital - factory - report - new hire - offboard - employee - agent - robot - satellite - telescope - computer -
-
- <% } %> + One agent for every
+
+
+ OS + audit + script + config + question + laptop + desktop + phone + server + cloud instance + container + tablet + hospital + factory + report + new hire + offboard + employee + agent + robot + satellite + telescope + computer +
+

Try it yourself