Website: Update homepage (#29982)

Changes:
- Updated the homepage to match the latest wireframes.

> Note: This PR will not be ready to merge until the video is added to
it.

---------

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>

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

@@ -19,8 +19,10 @@ parasails.registerPage('homepage', {
     cloudError: '',
     cloudSuccess: false,
 
+    comparisonTableMode: 'it',
     // For MDM comparison table
-    comparisonMode: 'sccm',
+    comparisonModeForIt: 'sccm',
+    comparisonModeForSecurity: 'rapid',
     comparisonModeFriendlyNames: {
       jamf: 'Jamf Pro',
       sccm: 'SCCM',
@@ -29,7 +31,11 @@ parasails.registerPage('homepage', {
       tanium: 'Tanium',
       ansible: 'Ansible',
       puppet: 'Puppet',
-      chef: 'Chef'
+      chef: 'Chef',
+      rapid: 'Rapid 7',
+      crowdstrike: 'Crowdstrike',
+      qualys: 'Qualys',
+      tenable: 'Tenable',
     }
   },
 
@@ -108,7 +114,15 @@ parasails.registerPage('homepage', {
     clickOpenVideoModal: function(modalName) {
       this.modal = modalName;
     },
-
+    clickSwitchComparisonMode: async function(mode) {
+      this.comparisonTableMode = mode;
+      await setTimeout(()=>{
+        $('[data-toggle="tooltip"]').tooltip({
+          container: '#homepage',
+          trigger: 'hover',
+        });
+      }, 250);
+    },
     closeModal: function() {
       this.modal = undefined;
     },

website/assets/styles/bootstrap-overrides.less

@@ -56,7 +56,7 @@ b, strong, .font-weight-bold {
   color: @core-fleet-black;
 }
 
-a[href] {
+a[href]:not([no-underline]) {
   color: @core-fleet-black-75;
   text-decoration: underline;
   text-underline-offset: 4px;
@@ -67,6 +67,9 @@ a[href] {
     text-decoration-color: @core-fleet-black;;
   }
 }
+a:hover {
+  text-decoration: none;
+}
 a[target='_blank']:not([no-icon]) {
   &::after {
     content: ' ';