diff --git a/website/assets/images/homepage-bottom-hero-image-410x300@2x.png b/website/assets/images/homepage-bottom-hero-image-410x300@2x.png deleted file mode 100644 index 1333199f56..0000000000 Binary files a/website/assets/images/homepage-bottom-hero-image-410x300@2x.png and /dev/null differ diff --git a/website/assets/images/homepage-hero-background-750x647@2x.png b/website/assets/images/homepage-hero-background-750x647@2x.png deleted file mode 100644 index 721d06d3ea..0000000000 Binary files a/website/assets/images/homepage-hero-background-750x647@2x.png and /dev/null differ diff --git a/website/assets/images/homepage-hero-gitops-547x302@2x.png b/website/assets/images/homepage-hero-gitops-547x302@2x.png new file mode 100644 index 0000000000..97e92cc649 Binary files /dev/null and b/website/assets/images/homepage-hero-gitops-547x302@2x.png differ diff --git a/website/assets/images/homepage-hero-quote-mark-22x17@2x.png b/website/assets/images/homepage-hero-quote-mark-22x17@2x.png deleted file mode 100644 index 67b1b0fd3a..0000000000 Binary files a/website/assets/images/homepage-hero-quote-mark-22x17@2x.png and /dev/null differ diff --git a/website/assets/images/homepage-hero-small-union-48x25@2x.png b/website/assets/images/homepage-hero-small-union-48x25@2x.png deleted file mode 100644 index 46e816aee2..0000000000 Binary files a/website/assets/images/homepage-hero-small-union-48x25@2x.png and /dev/null differ diff --git a/website/assets/images/homepage-top-hero-image-410x226@2x.png b/website/assets/images/homepage-top-hero-image-410x226@2x.png deleted file mode 100644 index 52816c52be..0000000000 Binary files a/website/assets/images/homepage-top-hero-image-410x226@2x.png and /dev/null differ diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index 315640975c..6e4f2b31f0 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -35,48 +35,20 @@ [purpose='hero-container'] { background: linear-gradient(115.34deg, #FBFDFF 24.56%, #E8F1F7 48.6%, #FFFFFF 88.68%); overflow: hidden; - height: ; } [purpose='homepage-hero'] { - padding-top: 40px; padding-left: 40px; padding-right: 40px; + padding-bottom: 40px; max-width: 1200px; max-height: 550px; } - [purpose='homepage-hero-images'] { - filter: drop-shadow(0px -8.73361px 29.9438px rgba(58, 220, 255, 0.1)); - position: relative; - } - [purpose='top-hero-image'], [purpose='bottom-hero-image'] { - width: 410px; + [purpose='homepage-hero-image'] { img { - width: 100%; - height: auto; + max-height: 300px; } } - [purpose='homepage-hero-images']::before { - content: ' '; - position: absolute; - height: 100%; - width: 167%; - right: -142px; - bottom: 40px; - z-index: -1; - background-image: url('/images/homepage-hero-background-750x647@2x.png'); - opacity: 0.75; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - overflow: visible; - } - [purpose='middle-hero-image'] { - img { - width: 47px; - } - backdrop-filter: blur(2.96438px); - } [purpose='hero-ribbon'] { [purpose='ribbon-banner'] { display: none; @@ -104,28 +76,6 @@ [purpose='button-row'] { margin-bottom: 40px; } - [purpose='hero-quote'] { - margin-bottom: 40px; - text-align: left; - position: relative; - z-index: 10; - img { - height: 18px; - margin-right: 16px; - } - [purpose='quote'] { - max-width: 438px; - font-style: italic; - margin-bottom: 16px; - font-size: 14px; - line-height: 19.6px; - } - p { - font-size: 14px; - line-height: 20px; - margin-bottom: 0px; - } - } } [purpose='hero-logos'] { margin-bottom: 120px; @@ -162,7 +112,7 @@ } [purpose='homepage-text-block'] { margin-bottom: 100px; - max-width: 680px; + max-width: 758px; } [purpose='feature'] { margin-bottom: 100px; @@ -348,7 +298,9 @@ [purpose='homepage-hero'] { padding-left: 80px; padding-right: 80px; - padding-bottom: 10px; + padding-bottom: 80px; + padding-top: 80px; + max-width: 1300px; } [purpose='homepage-content'] { max-width: 1200px; @@ -358,9 +310,6 @@ } @media (max-width: 991px) { - [purpose='homepage-hero-images']::before { - background-image: none; - } [purpose='hero-text'] { h1 { @@ -370,7 +319,7 @@ [purpose='homepage-hero'] { padding-left: 60px; padding-right: 0px; - padding-bottom: 0px; + padding-bottom: 10px; } [purpose='hero-logos'] { img { @@ -430,20 +379,19 @@ [purpose='homepage-hero'] { padding-left: 40px; padding-right: 40px; - padding-bottom: 0px; - background-image: none; max-height: unset; } - [purpose='homepage-hero-images'] { - max-height: 480px; + [purpose='homepage-hero-image'] { + max-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: start; width: 100%; - [purpose='top-hero-image'], [purpose='bottom-hero-image'] { - width: 100%; - max-width: 410px; + margin-bottom: -20px; + img { + max-width: 100%; + height: auto; } } [purpose='homepage-content'] { @@ -581,7 +529,7 @@ @media (max-width: 375px) { - [purpose='homepage-hero-images'] { + [purpose='homepage-hero-image'] { max-height: 360px; } [purpose='hero-text'] { diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index e4156428c5..8b8cdf1eba 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -4,33 +4,18 @@
Introducing the first GitOps-driven MDM with real-time visibility into every platform.
-
We wanted an open-source way to take advantage of MDM that is easy to integrate with Puppet in our configuration-as-code environment. Fleet is the obvious, and really the only, choice.
-Platform Engineering Manager
A leading online games company
-
-
-
Fleet is built with openness at its core, incorporating projects like osquery, microMDM, and Nudge. We work to contribute back to these and other open-source communities.