diff --git a/website/assets/images/calendar-graphic-703x420@2x.png b/website/assets/images/calendar-graphic-703x420@2x.png new file mode 100644 index 0000000000..6d945b58dd Binary files /dev/null and b/website/assets/images/calendar-graphic-703x420@2x.png differ diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less index d3a9cb6339..24817141ac 100644 --- a/website/assets/styles/pages/device-management.less +++ b/website/assets/styles/pages/device-management.less @@ -180,7 +180,7 @@ } [purpose='testimonials'] { padding-top: 60px; - margin-bottom: 160px; + margin-bottom: 80px; } [purpose='testimonial-quote'] { width: 640px; @@ -298,6 +298,83 @@ height: 641px; } } + [parasails-component='logo-carousel'] { + margin-bottom: 80px; + } + [purpose='calendar-section'] { + padding: 0px 64px 40px 64px; + margin-bottom: 40px; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } + [purpose='calendar-card-body'] { + width: 50%; + padding-left: 64px; + padding-bottom: 24px; + margin-right: 24px; + text-align: left; + h3 { + font-size: 32px; + line-height: 120%; + margin-bottom: 24px; + } + p { + max-width: 720px; + margin-bottom: 24px; + margin-top: 24px; + } + a { + margin-bottom: 6px; + padding-right: 24px; + } + } + [purpose='calendar-card'] { + border-radius: 24px; + border: 1px solid #E2E4EA; + background: linear-gradient(165deg, #F9FDFE 10.56%, #FFF 33.43%); + overflow: hidden; + height: 420px; + } + [purpose='coming-soon-badge'] { + background-color: #0587FF; + padding: 4px 8px 3px 8px; + display: flex; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 12px; + font-weight: 500; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 8px; + } + [purpose='calendar-image'] { + padding-top: 32px; + padding-bottom: 24px; + height: 420px; + width: 50%; + display: flex; + flex-direction: row; + overflow-x: hidden; + justify-content: center; + position: relative; + &:before { + position: absolute; + content: ' '; + width: 55px; + left: 0px; + top: 0px; + height: 420px; + background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); + } + img { + height: 100%; + width: auto; + } + } + + [purpose='feature'] { margin-bottom: 140px; @@ -457,8 +534,8 @@ padding-left: 40px; padding-right: 40px; } - [purpose='testimonials'] { - margin-bottom: 100px; + [purpose='calendar-section'] { + padding: 0px 40px 40px 40px; } [purpose='page-section'] { margin-bottom: 140px; @@ -492,6 +569,7 @@ } @media (max-width: 767px) { + [purpose='page-content'] { max-width: @page-container-max-width-md; } @@ -506,9 +584,6 @@ font-size: 42px; } } - [purpose='testimonials'] { - margin-bottom: 80px; - } [purpose='testimonial-quote'] { [purpose='quote'] { p { @@ -519,6 +594,31 @@ [purpose='page-section'] { margin-bottom: 120px; } + [purpose='calendar-section'] { + padding: 0px 32px 40px 32px; + } + [purpose='calendar-card-body'] { + width: 100%; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 48px; + padding-top: 60px; + margin-right: 0px; + text-align: center; + } + [purpose='calendar-card'] { + height: unset; + } + [purpose='calendar-image'] { + padding-top: 0; + padding-bottom: 0; + height: 420px; + width: 100%; + &:before { + content: ''; + background: none; + } + } [purpose='tweets-container'] { padding-top: 120px; } @@ -645,6 +745,11 @@ max-width: 100%; } } + + [purpose='calendar-section'] { + padding: 0px 24px 40px 24px; + } + [purpose='testimonial-video'] { width: 200px; height: 160px; @@ -709,6 +814,7 @@ h2 { font-size: 24px; } + [purpose='testimonial-videos'] { flex-direction: column; } @@ -737,6 +843,16 @@ } } } + [purpose='calendar-image'] { + height: 287px; + } + [purpose='calendar-card-body'] { + padding-left: 16px; + padding-right: 16px; + } + [purpose='calendar-section'] { + padding: 0px 16px 40px 16px; + } [purpose='page-section'] { margin-bottom: 80px; } diff --git a/website/assets/styles/pages/endpoint-ops.less b/website/assets/styles/pages/endpoint-ops.less index aa92b9d1f2..fb766e9cd2 100644 --- a/website/assets/styles/pages/endpoint-ops.less +++ b/website/assets/styles/pages/endpoint-ops.less @@ -163,7 +163,7 @@ } [purpose='testimonials'] { padding-top: 60px; - margin-bottom: 180px; + margin-bottom: 80px; } [purpose='testimonial-videos'] { width: 468px; @@ -289,6 +289,82 @@ height: 641px; } } + [parasails-component='logo-carousel'] { + margin-bottom: 80px; + } + [purpose='calendar-section'] { + padding: 0px 64px 40px 64px; + margin-bottom: 40px; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } + [purpose='calendar-card-body'] { + width: 50%; + padding-left: 64px; + padding-bottom: 24px; + margin-right: 24px; + text-align: left; + h3 { + font-size: 32px; + line-height: 120%; + margin-bottom: 24px; + } + p { + max-width: 720px; + margin-bottom: 24px; + margin-top: 24px; + } + a { + margin-bottom: 6px; + padding-right: 24px; + } + } + [purpose='calendar-card'] { + border-radius: 24px; + border: 1px solid #E2E4EA; + background: linear-gradient(165deg, #F9FDFE 10.56%, #FFF 33.43%); + overflow: hidden; + height: 420px; + } + [purpose='coming-soon-badge'] { + background-color: #0587FF; + padding: 4px 8px 3px 8px; + display: flex; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 12px; + font-weight: 500; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 8px; + } + [purpose='calendar-image'] { + padding-top: 32px; + padding-bottom: 24px; + height: 420px; + width: 50%; + display: flex; + flex-direction: row; + overflow-x: hidden; + justify-content: center; + position: relative; + &:before { + position: absolute; + content: ' '; + width: 55px; + left: 0px; + top: 0px; + height: 420px; + background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); + } + img { + height: 100%; + width: auto; + } + } + [purpose='feature-headline'] { margin-top: 160px; margin-bottom: 80px; @@ -454,6 +530,9 @@ padding-left: 40px; padding-right: 40px; } + [purpose='calendar-section'] { + padding: 0px 40px 40px 40px; + } [purpose='page-content'] { max-width: 840px; } @@ -516,6 +595,32 @@ margin-bottom: 24px; } } + [purpose='calendar-section'] { + padding: 0px 32px 40px 32px; + } + [purpose='calendar-card-body'] { + width: 100%; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 48px; + padding-top: 60px; + margin-right: 0px; + text-align: center; + + } + [purpose='calendar-card'] { + height: unset; + } + [purpose='calendar-image'] { + padding-top: 0; + padding-bottom: 0; + height: 420px; + width: 100%; + &:before { + content: ''; + background: none; + } + } [purpose='feature-text'] { width: unset; } @@ -533,9 +638,6 @@ margin-right: auto; } } - [purpose='testimonials'] { - margin-bottom: 120px; - } [purpose='testimonial-videos'] { margin-left: auto; margin-right: auto; @@ -596,6 +698,9 @@ max-width: 100%; } } + [purpose='calendar-section'] { + padding: 0px 24px 40px 24px; + } [purpose='testimonial-video'] { width: 200px; height: 160px; @@ -656,6 +761,7 @@ } } + } @media (max-width: 375px) { [purpose='page-container'] { @@ -670,6 +776,16 @@ padding-top: 40px; padding-bottom: 40px; } + [purpose='calendar-image'] { + height: 287px; + } + [purpose='calendar-card-body'] { + padding-left: 16px; + padding-right: 16px; + } + [purpose='calendar-section'] { + padding: 0px 16px 40px 16px; + } [purpose='hero-image'] { max-height: 360px; max-width: unset; diff --git a/website/assets/styles/pages/vulnerability-management.less b/website/assets/styles/pages/vulnerability-management.less index e38708df49..0289fa5e29 100644 --- a/website/assets/styles/pages/vulnerability-management.less +++ b/website/assets/styles/pages/vulnerability-management.less @@ -167,7 +167,7 @@ } [purpose='testimonials'] { padding-top: 60px; - margin-bottom: 180px; + margin-bottom: 80px; } [purpose='testimonial-quote'] { width: 380px; @@ -289,6 +289,81 @@ height: 641px; } } + [parasails-component='logo-carousel'] { + margin-bottom: 80px; + } + [purpose='calendar-section'] { + padding: 0px 64px 40px 64px; + margin-bottom: 80px; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } + [purpose='calendar-card-body'] { + width: 50%; + padding-left: 64px; + padding-bottom: 24px; + margin-right: 24px; + text-align: left; + h3 { + font-size: 32px; + line-height: 120%; + margin-bottom: 24px; + } + p { + max-width: 720px; + margin-bottom: 24px; + margin-top: 24px; + } + a { + margin-bottom: 6px; + padding-right: 24px; + } + } + [purpose='calendar-card'] { + border-radius: 24px; + border: 1px solid #E2E4EA; + background: linear-gradient(165deg, #F9FDFE 10.56%, #FFF 33.43%); + overflow: hidden; + height: 420px; + } + [purpose='coming-soon-badge'] { + background-color: #0587FF; + padding: 4px 8px 3px 8px; + display: flex; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 12px; + font-weight: 500; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 8px; + } + [purpose='calendar-image'] { + padding-top: 32px; + padding-bottom: 24px; + height: 420px; + width: 50%; + display: flex; + flex-direction: row; + overflow-x: hidden; + justify-content: center; + position: relative; + &:before { + position: absolute; + content: ' '; + width: 55px; + left: 0px; + top: 0px; + height: 420px; + background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); + } + img { + height: 100%; + width: auto; + } + } [purpose='feature'] { margin-bottom: 180px; @@ -391,6 +466,9 @@ padding-left: 40px; padding-right: 40px; } + [purpose='calendar-section'] { + padding: 0px 40px 40px 40px; + } [purpose='page-content'] { max-width: 840px; } @@ -449,6 +527,31 @@ margin-bottom: 24px; } } + [purpose='calendar-section'] { + padding: 0px 32px 40px 32px; + } + [purpose='calendar-card-body'] { + width: 100%; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 48px; + padding-top: 60px; + margin-right: 0px; + text-align: center; + } + [purpose='calendar-card'] { + height: unset; + } + [purpose='calendar-image'] { + padding-top: 0; + padding-bottom: 0; + height: 420px; + width: 100%; + &:before { + content: ''; + background: none; + } + } [purpose='feature-text'] { width: unset; } @@ -469,9 +572,6 @@ [purpose='hero-image'] { margin-bottom: 60px; } - [purpose='testimonials'] { - margin-bottom: 120px; - } [purpose='testimonial-videos'] { margin-left: auto; margin-right: auto; @@ -555,6 +655,9 @@ height: calc(~'9/16 * 95vw'); } } + [purpose='calendar-section'] { + padding: 0px 24px 40px 24px; + } } @media (max-width: 472px) { [purpose='testimonial-videos'] { @@ -604,6 +707,19 @@ [purpose='testimonial-quote'] { margin-bottom: 40px; } + [purpose='calendar-card-body'] { + padding-left: 16px; + padding-right: 16px; + h3 { + font-size: 24px; + } + } + [purpose='calendar-image'] { + height: 287px; + } + [purpose='calendar-section'] { + padding: 0px 16px 40px 16px; + } [purpose='feature-image'] { margin-bottom: 40px; } diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs index a7f6c96cf7..63c80fde9e 100644 --- a/website/views/pages/device-management.ejs +++ b/website/views/pages/device-management.ejs @@ -39,8 +39,14 @@ - - + + + + <% if(primaryBuyingSituation){%> + <%- partial('../partials/calendar-banner.partial.ejs') %> + <% } %> +
+
<%/* Your last MDM migration section */%>
diff --git a/website/views/pages/endpoint-ops.ejs b/website/views/pages/endpoint-ops.ejs index 4041227c9c..30a77b3b97 100644 --- a/website/views/pages/endpoint-ops.ejs +++ b/website/views/pages/endpoint-ops.ejs @@ -79,7 +79,14 @@
- + +
+ + <% if(primaryBuyingSituation){%> + <%- partial('../partials/calendar-banner.partial.ejs') %> + <% } %> +
+

Pulse check anything

Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.

diff --git a/website/views/pages/vulnerability-management.ejs b/website/views/pages/vulnerability-management.ejs index bab556462f..e10ed61b4d 100644 --- a/website/views/pages/vulnerability-management.ejs +++ b/website/views/pages/vulnerability-management.ejs @@ -1,53 +1,60 @@
-
-
-

Vulnerability management

-

Build the vulnerability program you actually want

-
-
-
- An orb being scanned for vulnerabilities +
+
+

Vulnerability management

+

Build the vulnerability program you actually want

-
- Report what matters -

Let's face it, most built-in graphs leave you wanting more. Report MTTR and any other custom metrics exactly the way you want to using fresh data from real computers.

- Deep context from the environment -

Fleet gives you data down to the chip level on every endpoint to help you make sense of which vulnerabilities to prioritize.

- Untangle your security stack -

Use open data and APIs to connect your vulnerability solution with osquery, the agent you might already have deployed.

-
- Start now - Talk to us +
+
+ An orb being scanned for vulnerabilities +
+
+ Report what matters +

Let's face it, most built-in graphs leave you wanting more. Report MTTR and any other custom metrics exactly the way you want to using fresh data from real computers.

+ Deep context from the environment +

Fleet gives you data down to the chip level on every endpoint to help you make sense of which vulnerabilities to prioritize.

+ Untangle your security stack +

Use open data and APIs to connect your vulnerability solution with osquery, the agent you might already have deployed.

+
-
-
-
-
- an opening quotation mark -

Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced.

+
+
+
+ an opening quotation mark +

Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced.

+
+
+
Andre shields
+
+

Andre Shields

+

Cybersecurity Security Engineer, Vulnerability Management

+
+
-
-
Andre shields
-
-

Andre Shields

-

Cybersecurity Security Engineer, Vulnerability Management

+
+
+ PlayPlay video +
+
+ PlayPlay video
-
-
- PlayPlay video -
-
- PlayPlay video -
-
-
- + +
+
+ <% if(primaryBuyingSituation){%> + <%- partial('../partials/calendar-banner.partial.ejs') %> + <% } %> +
+
Report what matters diff --git a/website/views/partials/calendar-banner.partial.ejs b/website/views/partials/calendar-banner.partial.ejs new file mode 100644 index 0000000000..1d6c250191 --- /dev/null +++ b/website/views/partials/calendar-banner.partial.ejs @@ -0,0 +1,27 @@ +
+
+
+
Coming soon
+ <% if(!primaryBuyingSituation) {%> +

Stop nudging

+

Stop installing updates and forcing restarts when your users are busy using their computers. Fleet finds time in the calendar for a reboot and uses AI to explain why.

+ <%} else if(['mdm', 'eo-it'].includes(primaryBuyingSituation)) {%> +

Put IT in your calendar

+

Install updates and force restarts when your users’ computers are actually free.

+ <%} else if(['vm', 'eo-security'].includes(primaryBuyingSituation)) {%> +

Tell employees why

+

Use AI to explain why your security policies matter, and install required updates en masse without locking people out of meetings.

+ <%}%> + <% if(me && me.primaryBuyingSituation) {%> + Let me know + <% } else if(primaryBuyingSituation) {%> + Let me know + <% } else {%> + Let me know + <% } %> +
+
+ Fleet in your calendar +
+
+