From 0e6149355f380f5b8209700acfd8709677a5223e Mon Sep 17 00:00:00 2001
From: Sam Pfluger <108141731+Sampfluger88@users.noreply.github.com>
Date: Tue, 13 May 2025 11:21:42 -0500
Subject: [PATCH] Update top nav (#29045)

Co-authored-by: Eric <eashaw@sailsjs.com>
---
 website/assets/styles/layout.less |  5 +++++
 website/views/layouts/layout.ejs  | 18 ++++++------------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 84b4f30739..bd8d08fa01 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -500,6 +500,11 @@ html, body {
         &:not(:last-of-type) {
           margin-bottom: 4px;
         }
+        &[target='_blank'] {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+        }
       }
       a:hover {
         text-decoration: none;
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 48457d89b9..1be5320adb 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -169,16 +169,13 @@
                   <hr>
                   <a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleCommunity">Stories</a>
                   <div id="mobileNavbarToggleCommunity" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
-                    <a purpose="mobile-dropdown-link" href="/testimonials">What people are saying</a>
                     <a purpose="mobile-dropdown-link" href="/announcements">News</a>
                     <a purpose="mobile-dropdown-link" href="/support">Ask around</a>
-                    <a purpose="mobile-dropdown-link" href="/meetups">Meetups</a>
+                    <a purpose="mobile-dropdown-link" target="_blank" href="https://github.com/fleetdm/fleet/edit/main/handbook/company/testimonials.yml">Share your story</a>
                     <span class="mt-2 mb-2">COMPANY</span>
                     <div purpose="indented-mobile-links">
-                      <a purpose="mobile-dropdown-link" href="/handbook/company#history">Origins &nbsp; <small>(Fleet &amp; osquery)</small></a>
                       <a purpose="mobile-dropdown-link" href="/handbook">The handbook</a>
-                      <a purpose="mobile-dropdown-link" href="/logos">Logos & artwork</a>
-                      <a purpose="mobile-dropdown-link" href="/handbook/company/why-this-way#why-open-source">Why open source?</a>
+                      <a purpose="mobile-dropdown-link" href="/testimonials">What people are saying</a>
                     </div>
                   </div>
                   <hr>
@@ -197,7 +194,7 @@
                     </div>
                   <%}%>
                   <%if(!hideGetStartedButton){%>
-                  <a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 110px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/contact">Take a tour</a>
+                  <a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 152px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/contact">Schedule a demo</a>
                   <% }%>
                 </div>
               </div>
@@ -218,16 +215,13 @@
                 <div purpose="dropdown-button" class="btn-group" style="width: 89px;">
                   <a purpose="header-nav-btn" button-text="Community" class="dropdown-toggle  align-items-center <%= typeof currentSection !== 'undefined' && currentSection === 'community' ? 'current-section' : '' %>" data-toggle="dropdown">Stories</a>
                   <div purpose="header-dropdown" class="dropdown-menu">
-                    <a class="dropdown-item" href="/testimonials">What people are saying</a>
                     <a class="dropdown-item" href="/announcements">News</a>
                     <a class="dropdown-item" href="/support">Ask around</a>
-                    <a class="dropdown-item" href="/contact">Take a tour</a><!-- «« included here in the desktop hover nav because unlike the mobile nav (which has 'Take a tour' as a primary CTA), there is no option to do that on desktop from other pages otherwise -->
-                    <a class="dropdown-item" href="/meetups">Meetups</a>
+                    <a class="dropdown-item" href="/contact">Schedule a demo</a><!-- «« included here in the desktop hover nav because unlike the mobile nav (which has 'Take a tour' as a primary CTA), there is no option to do that on desktop from other pages otherwise -->
+                    <a class="dropdown-item" target="_blank" href="https://github.com/fleetdm/fleet/edit/main/handbook/company/testimonials.yml">Share your story</a>
                     <span class="muted dropdown-header">COMPANY</span>
-                    <a class="dropdown-item" href="/handbook/company#history">Origins &nbsp; <small>(Fleet &amp; osquery)</small></a>
                     <a class="dropdown-item" href="/handbook">The handbook</a>
-                    <a class="dropdown-item" href="/logos">Logos/artwork</a>
-                    <a class="dropdown-item" href="/handbook/company/why-this-way#why-open-source">Why open source?</a>
+                    <a class="dropdown-item" href="/testimonials">What people are saying</a>
                   </div>
                 </div>
                 <a purpose="header-nav-btn" button-text="Pricing" href="/pricing" class=" align-items-center <%= typeof currentSection !== 'undefined' && currentSection === 'pricing' ? 'current-section' : '' %>" style="text-decoration: none; line-height: 23px;">Pricing</a>