diff --git a/website/assets/js/pages/homepage.page.js b/website/assets/js/pages/homepage.page.js index 67f74322c8..1a6f3311dd 100644 --- a/website/assets/js/pages/homepage.page.js +++ b/website/assets/js/pages/homepage.page.js @@ -18,6 +18,19 @@ parasails.registerPage('homepage', { // Server error state for the form cloudError: '', cloudSuccess: false, + + // For MDM comparison table + comparisonMode: 'sccm', + comparisonModeFriendlyNames: { + jamf: 'Jamf Pro', + sccm: 'SCCM', + omnissa: 'Omnissa (WS1)', + intune: 'Intune', + tanium: 'Tanium', + ansible: 'Ansible', + puppet: 'Puppet', + chef: 'Chef' + } }, // ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗ @@ -34,6 +47,10 @@ parasails.registerPage('homepage', { if(['mdm', 'eo-it', undefined].includes(this.primaryBuyingSituation)){ this.animateBottomTicker(); } + $('[data-toggle="tooltip"]').tooltip({ + container: '#homepage', + trigger: 'hover', + }); }, // ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗ diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index 260fac60b2..d6e282866b 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -554,6 +554,10 @@ background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F4 100%); } [purpose='button-row'] { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; a { font-weight: 700; font-size: 16px; @@ -620,6 +624,240 @@ } } + [purpose='comparison-section'] { + + margin-bottom: 64px; + margin-top: 64px; + [purpose='button-row'] { + [purpose='cta-button'] { + padding: 16px 32px; + height: 53px; + } + } + } + // Desktop features comparison table styles + [purpose='desktop-comparison-table'] { + margin-top: 32px; + } + [purpose='comparison-table-header'] { + font-size: 16px; + color: @core-fleet-black; + div { + padding: 12px 24px; + } + [purpose='comparison-selector'] { + width: 152px; + height: 48px; + border-radius: 8px; + padding: 0px 12px; + background: #FFF; + color: @core-fleet-black; + border: 1px solid @core-vibrant-blue-15; + cursor: pointer; + font-weight: 700; + white-space: nowrap; + } + [purpose='comparison-selector-dropwdown'] { + width: 152px; + cursor: pointer; + font-size: 14px; + padding: 0px; + .dropdown-item { + display: flex; + justify-content: center; + border-top: 1px solid @core-vibrant-blue-15; + padding: 0px 12px; + height: 48px; + &:active { + color: unset; + } + } + } + } + + [purpose='comparison-column'] { + text-align: center; + display: flex; + justify-content: center; + align-self: center; + min-width: 200px; + padding: 12px 24px; + p { + font-size: 12px; + margin-bottom: 0px; + } + } + [purpose='fleet-column'] { + padding: 12px 24px 12px 44px; + text-align: center; + display: flex; + justify-content: flex-start; + align-self: center; + min-width: 200px; + p { + white-space: nowrap; + font-size: 12px; + margin-bottom: 0px; + } + } + [purpose='feature-name'] { + width: 100%; + padding: 12px 24px; + font-size: 14px; + } + [purpose='table-new-badge'] { + background-color: #0587FF; + display: inline; + padding: 2.554px 5.109px; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 7.024px; + font-weight: 500; + line-height: 11.494px; + text-transform: uppercase; + width: min-content; + } + [purpose='comparison-table'] { + border-radius: 8px; + border: 1px solid #E2E4EA; + margin-bottom: 48px; + [purpose='table-row'] { + [purpose='red-x'] { + height: 12px; + width: 12px; + } + div { + display: flex; + align-items: center; + } + display: flex; + img { + width: 16px; + height: 16px; + &:not(:first-of-type) { + margin-left: 12px; + } + } + p { + margin-bottom: 0px; + } + &:not(:last-of-type) { + border-bottom: 1px solid #E2E4EA; + } + &:nth-of-type(even) { + background-color: #F9FAFC; + } + } + } + // Mobile features comparison table styles + [purpose='mobile-comparison-selector'] { + height: 48px; + display: flex; + width: 100%; + padding: 0px 12px; + justify-content: space-between; + align-items: center; + align-self: stretch; + border-radius: 6px; + border: 1px solid #E2E4EA; + background: #FFF; + margin-bottom: 48px; + font-weight: 700; + color: #192147; + } + + [purpose='mobile-comparison-table'] { + p { + color: @core-fleet-black; + } + [purpose='comparison-selector-dropwdown'] { + width: calc(~' 100% - 48px'); + cursor: pointer; + font-size: 14px; + padding: 0px; + .dropdown-item { + display: flex; + justify-content: center; + border-top: 1px solid @core-vibrant-blue-15; + padding: 0px 12px; + height: 48px; + &:active { + color: unset; + } + } + } + margin-top: 32px; + margin-bottom: 32px; + } + [purpose='feature-table'] { + display: flex; + flex-direction: column; + border-radius: 8px; + border: 1px solid #E2E4EA; + margin-bottom: 16px; + line-height: 21px; + font-size: 14px; + color: #515774; + [purpose='feature-name'] { + color: @core-fleet-black; + display: flex; + height: 36px; + padding: 12px 16px 12px 16px; + align-items: center; + align-self: stretch; + border-bottom: 1px solid #E2E4EA; + background-color: #F9FAFC; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + p { + margin-bottom: 0px; + font-size: 14px; + font-weight: 700; + line-height: 21px; + color: #192147; + } + img { + height: 16px; + } + } + [purpose='feature-table-row'] { + padding: 12px 16px; + display: flex; + flex-direction: row; + height: 36px; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #E2E4EA; + &:last-of-type { + border: none; + background-color: #F9FAFC; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + } + } + [purpose='feature-status'] { + display: flex; + flex-direction: row; + justify-content: center; + [purpose='red-x'] { + height: 12px; + width: 12px; + } + p { + white-space: nowrap; + font-size: 12px; + margin-bottom: 0px; + } + img { + height: 16px; + &:not(:first-of-type) { + margin-left: 8px; + } + } + } + } + [purpose='integration-cards'] { margin-top: 40px; margin-bottom: 40px; @@ -1022,6 +1260,57 @@ border-radius: 8px; } } + [purpose='comparison-column'] { + max-width: 140px; + min-width: 160px; + } + [purpose='comparison-table-header'] { + font-size: 14px; + div { + padding: 12px 24px; + } + [purpose='comparison-selector'] { + min-width: 152px; + height: 48px; + border-radius: 8px; + padding: 0px 12px; + background: #FFF; + border: 1px solid @core-vibrant-blue-15; + cursor: pointer; + + } + [purpose='comparison-selector-dropwdown'] { + width: 152px; + cursor: pointer; + padding: 0px; + .dropdown-item { + display: flex; + justify-content: center; + border-top: 1px solid @core-vibrant-blue-15; + padding: 0px 12px; + } + } + } + [purpose='fleet-column'] { + min-width: 140px; + max-width: 140px; + } + + [purpose='comparison-table-header'] { + div { + padding: 12px 16px; + } + } + + [purpose='comparison-table'] { + border-radius: 8px; + border: 1px solid #E2E4EA; + [purpose='table-row'] { + div { + padding: 12px 16px; + } + } + } [purpose='integration-cards'] { [purpose='integration-card-column'] { @@ -1731,6 +2020,21 @@ } } } + [purpose='mobile-comparison-table'] { + [purpose='comparison-selector-dropwdown'] { + dispaly: flex; + flex-direction: column; + width: calc(~' 100% - 40px'); + } + } + [purpose='button-row'] { + flex-direction: column; + [purpose='cta-button'] { + width: 100%; + margin-right: auto; + margin-bottom: 16px; + } + } [purpose='statistics'] { margin-top: 32px; margin-bottom: 32px; diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index c49515bb19..f41cafac21 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -261,7 +261,618 @@ <% } %> -
+
+
+ <% if(primaryBuyingSituation === 'mdm'){%> +

Toe-to-toe with the big players

+ <%} else {%> +

Is it any good?

+ <%}%> +

Considering a move to Fleet as a cross-platform, open-source MDM alternative? See how we compare:

+
+
+
Fleet
+
+ +
+
SCCM
+
Omnissa (WS1)
+
Jamf Pro
+
Intune
+
Ansible
+
Tanium
+
Puppet
+
Chef
+
+
+
+
+
+

Zero-touch setup

+
+ macOS logo + Windows logo + iOS +
+
+ checkmark +
+
+

Apple only

+
+
+

Windows only

+
+
+ ❌ +
+
+ +
+

iOS/iPadOS management

+
+ checkmark +
+
+ ❌ +
+
+

Community module

+
+
+ checkmark +
+
+ +
+
+

Complete device inventory More info

+ +
+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+

Mobile not supported

+
+
+ ❌ +
+
+ +
+

Operating system updates

+
+ macOS logo + Windows logo + Android + iOS +
+
+

Windows only

+
+
+

Apple only

+
+
+ checkmark +
+
+

Mobile not supported

+
+
+ ❌ +
+
+ +
+

Configuration management and scripting

+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+

Windows only

+
+
+

Apple only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ +
+

Remote lock and wipe

+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+

Apple only

+
+
+

Windows only

+
+
+

No built-in Linux

+
+
+ checkmark +
+
+ ❌ +
+
+ +
+

App management

+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+

Windows only

+
+
+

Apple only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ ❌ +
+
+ + +
+

Automated device compliance

+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+

Windows only

+
+
+

Additional purchase

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ ❌ +
+
+ +
+

REST API

+
checkmark
+
+ checkmark +
+
+

Microsoft Graph API

+
+
+

Multiple APIs required

+
+
+ +
+

Config as code (GitOps)

+
checkmark
+
+ checkmark +
+
+ ❌ +
+
+ +
+
+

+ Device reporting (<30 mins) + More info +

+ +
+
+ checkmark +
+
+ checkmark +
+
+

6 Hours

+
+
+

One-off scripts

+
+
+ ❌ +
+
+ +
+

Open source

+

Free and paid version

+
+

Only free version

+
+
+ ❌ +
+
+
+
+ +
+

Compare with:

+ +
+
SCCM
+
Omnissa (WS1)
+
Jamf Pro
+
Intune
+
Ansible
+
Tanium
+
Puppet
+
Chef
+
+
+

Zero-touch setup

+
+
Fleet
+
+ macOS logo + Windows logo + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+ checkmark +
+
+

Windows only

+
+
+

Apple only

+
+
+ ❌ +
+
+
+
+

iOS/iPadOS management

+
+
Fleet
+
+ checkmark +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+ ❌ +
+
+

Community module

+
+
+ checkmark +
+
+
+
+
+

Complete device inventory

+ More info +
+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo + Android + iOS
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Mobile not supported

+
+
+ ❌ +
+
+
+
+

Operating system updates

+
+
Fleet
+
+ macOS logo + Windows logo + Android + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Apple only

+
+
+

Windows only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ ❌ +
+
+
+
+

Configuration management and scripting

+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Apple only

+
+
+

Windows only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+
+
+

Remote lock and wipe

+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Apple only

+
+
+

No built-in Linux

+
+
+

Windows only

+
+
+ checkmark +
+
+ ❌ +
+
+
+
+

App management

+
+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Apple only

+
+
+

Windows only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ ❌ +
+
+
+ +
+

Automated device compliance

+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo + Android + iOS +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Additional purchase

+
+
+

Windows only

+
+
+

Mobile not supported

+
+
+ checkmark +
+
+ ❌ +
+
+
+ +
+

REST API

+
+
Fleet
+
+ checkmark +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Microsoft Graph API

+
+
+ checkmark +
+
+

Multiple APIs required

+
+
+
+ +
+

Config as code (GitOps)

+
+
Fleet
+
+ checkmark +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+ checkmark +
+
+ ❌ +
+
+
+ +
+
+

Device reporting (<30 mins)

+ More info +
+
+
Fleet
+
+ checkmark +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+ checkmark +
+
+

6 Hours

+
+
+

One-off scripts

+
+
+ ❌ +
+
+
+ +
+

Open source

+
+
Fleet
+
+ checkmark +
+
+
+
{{comparisonModeFriendlyNames[comparisonMode]}}
+
+

Only free version

+
+
+ ❌ +
+
+
+
+
+ Compare all features + What are people saying? +
+
+
+

An open interface for every OS