From 9158b6168a7fd720d3ddfc12a07a4a5204f7a66e Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Wed, 25 Aug 2021 06:28:11 +0900
Subject: [PATCH] Website - updated redirects and top nav (#1748)

* Website - updated redirects and top nav

Updated Get Started and Pricing redirects.

I also propose that Get Started should be a simple link to the Get Started guide, rather than a drop down.

Contribute and Hall of fame confuse the getting started process, and so I think these should reside in the footer nav.

* Update pricing.ejs

Updated link and FREE tier button label for consistency.

* Update routes.js

Added '/install': '/get-started', to convenience.

* Update routes.js

Removed 'GET /install': { action: 'view-get-started' }, from webpages.
---
 website/config/routes.js         |  6 +++---
 website/views/layouts/layout.ejs | 11 +----------
 website/views/pages/pricing.ejs  |  4 ++--
 3 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/website/config/routes.js b/website/config/routes.js
index 2bfaba892f..791aefcc83 100644
--- a/website/config/routes.js
+++ b/website/config/routes.js
@@ -15,9 +15,9 @@ module.exports.routes = {
   //  ╚╩╝╚═╝╚═╝╩  ╩ ╩╚═╝╚═╝╚═╝
   'GET /':                   { action: 'view-homepage-or-redirect', locals: { isHomepage: true } },
   'GET /company/contact':    { action:   'view-contact' },
-  'GET /get-started':        { action:   'view-pricing' },
+  'GET /get-started':        { action:   'view-get-started' },
+  'GET /pricing':            { action: 'view-pricing'},
 
-  'GET /install':            { action:   'view-get-started' },
   '/hall-of-fame':           'https://github.com/fleetdm/fleet/pulse',
   '/company/about':          '/handbook', // FUTURE: brief "about" page explaining the origins of the company
 
@@ -54,8 +54,8 @@ module.exports.routes = {
   //  ╩ ╩╩╚═╝╚═╝  ╩╚═╚═╝═╩╝╩╩╚═╚═╝╚═╝ ╩ ╚═╝  └┘   ═╩╝╚═╝╚╩╝╝╚╝╩═╝╚═╝╩ ╩═╩╝╚═╝
 
   // Convenience
-  '/pricing':                    '/get-started',
   '/documentation':              '/docs',
+  '/install':                    '/get-started',
   '/company':                    '/company/about',
   '/support':                    '/company/contact',
   '/contact':                    '/company/contact',
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index c6a471bbc2..7ab3afcc3a 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -105,16 +105,7 @@
           </div>
         </div>
         <div class="d-none d-lg-flex">
-          <div class="dropdown px-3 py-2 mr-4">
-            <button style="font-size: 16px; line-height: 23px; text-decoration: none;" class="header-btn btn btn-link p-0 m-0 dropdown-label" type="button" id="dropdownMenuButton">
-              Get started
-            </button>
-            <div style="border-radius: 8px;" class="dropdown-menu dropdown-container p-2" aria-labelledby="dropdownMenuButton">
-              <a style="border-radius: 4px;" class="dropdown-item py-2 px-3" target="_blank" href="/install" data-text="Try Fleet">Try Fleet</a>
-              <a style="border-radius: 4px;" class="dropdown-item py-2 px-3" href="/contribute" data-text="Contribute">Contribute</a>
-              <a style="border-radius: 4px;" class="dropdown-item py-2 px-3" target="_blank" href="/hall-of-fame" data-text="Hall of fame">Hall of fame</a>
-            </div>
-          </div>
+          <a href="/get-started" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Get started</a>
           <a href="/docs" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Docs</a>
           <a href="/queries" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Queries</a>
           <a href="/pricing" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Pricing</a>
diff --git a/website/views/pages/pricing.ejs b/website/views/pages/pricing.ejs
index 2378319f47..95889c3f91 100644
--- a/website/views/pages/pricing.ejs
+++ b/website/views/pages/pricing.ejs
@@ -25,8 +25,8 @@
                     style="max-width: 242px"
                     class="btn btn-block btn-lg btn-info my-3 mx-auto"
                     target="_blank"
-                    href="/install"
-                    >Install Fleet</a
+                    href="/get-started"
+                    >Get started</a
                   >
                   <div
                     style="max-width: 242px; min-height: 150px"