From 72f003711f3fc83129e34ebedf056c7222650803 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 11 Apr 2023 10:04:56 -0500
Subject: [PATCH] Website: update homepage hero (#11133)

Changes:
- removed the drop shadow on the homepage hero
---
 website/assets/styles/pages/homepage.less |  3 --
 website/views/pages/homepage.ejs          | 56 +++++++++++------------
 2 files changed, 27 insertions(+), 32 deletions(-)

diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 83e607945f..b70f8203a9 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -37,9 +37,6 @@
     overflow: hidden;
     height: ;
   }
-  [purpose='hero-filter'] {
-    filter: drop-shadow(0px -50px 200px rgba(58, 220, 255, 0.1));
-  }
   [purpose='homepage-hero'] {
 
     padding-top: 40px;
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 3ac2a42263..c856a0f921 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -2,37 +2,35 @@
   <%/* Hero container */%>
 
   <div purpose="hero-container">
-    <div purpose="hero-filter">
-      <div purpose="homepage-hero" class="container mx-auto">
-        <div class="d-flex flex-column flex-md-row justify-content-between">
-          <%/* Hero text */%>
-          <div purpose="hero-text"  class="d-flex flex-column">
-            <h4>Open-source device management</h4>
-            <h1>Think for yourself</h1>
-            <p>Introducing the first GitOps-driven MDM with real-time visibility into every platform.</p>
-            <div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-self-start align-items-center">
-              <a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
-              <a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+top" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
-            </div>
-            <div purpose="hero-quote" class="d-flex flex-row align-items-between justify-content-center justify-content-md-start">
-              <div><img alt="An opening quotation mark" src="/images/homepage-hero-quote-mark.svg"></div>
-              <div>
-                <p purpose="quote">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.</p>
-                <p><span class="font-weight-bold">Platform Engineering Manager</span><br>A leading online games company</p>
-              </div>
+    <div purpose="homepage-hero" class="container mx-auto">
+      <div class="d-flex flex-column flex-md-row justify-content-between">
+        <%/* Hero text */%>
+        <div purpose="hero-text"  class="d-flex flex-column">
+          <h4>Open-source device management</h4>
+          <h1>Think for yourself</h1>
+          <p>Introducing the first GitOps-driven MDM with real-time visibility into every platform.</p>
+          <div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-self-start align-items-center">
+            <a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
+            <a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+top" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
+          </div>
+          <div purpose="hero-quote" class="d-flex flex-row align-items-between justify-content-center justify-content-md-start">
+            <div><img alt="An opening quotation mark" src="/images/homepage-hero-quote-mark.svg"></div>
+            <div>
+              <p purpose="quote">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 ony, choice.</p>
+              <p><span class="font-weight-bold">Platform Engineering Manager</span><br>A leading online games company</p>
             </div>
           </div>
-          <%/* Hero images */%>
-          <div purpose="homepage-hero-images">
-            <div purpose="top-hero-image">
-              <img alt="Gitops hero image" src="/images/homepage-top-hero-image.svg">
-            </div>
-            <div purpose="middle-hero-image">
-              <img alt="A small infinity symbol" class="mx-auto my-3" src="/images/homepage-hero-small-union.svg">
-            </div>
-            <div  purpose="bottom-hero-image">
-              <img alt="The OS settings page in Fleet" src="/images/homepage-bottom-hero-image.svg">
-            </div>
+        </div>
+        <%/* Hero images */%>
+        <div purpose="homepage-hero-images">
+          <div purpose="top-hero-image">
+            <img alt="Gitops hero image" src="/images/homepage-top-hero-image.svg">
+          </div>
+          <div purpose="middle-hero-image">
+            <img alt="A small infinity symbol" class="mx-auto my-3" src="/images/homepage-hero-small-union.svg">
+          </div>
+          <div  purpose="bottom-hero-image">
+            <img alt="The OS settings page in Fleet" src="/images/homepage-bottom-hero-image.svg">
           </div>
         </div>
       </div>