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 @@
-
-
+
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 @@
+ 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.
-
+ 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.
+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.
+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
+Cybersecurity Security Engineer, Vulnerability Management
+
Andre Shields
-Cybersecurity Security Engineer, Vulnerability Management
+
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 @@
+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)) {%> +Install updates and force restarts when your users’ computers are actually free.
+ <%} else if(['vm', 'eo-security'].includes(primaryBuyingSituation)) {%> +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 + <% } %> +
+