diff --git a/website/source/assets/stylesheets/_alert.css b/website/source/assets/stylesheets/_alert.css
new file mode 100644
index 000000000..e15946d9b
--- /dev/null
+++ b/website/source/assets/stylesheets/_alert.css
@@ -0,0 +1,72 @@
+.g-alert{
+  display:inline-flex;
+  align-items:flex-start;
+  background-color: white;
+}
+.g-alert:hover{
+  opacity:0.8;
+}
+.g-alert.dark span, .g-alert.dark p{
+  color:#0f1013;
+}
+
+.g-alert.nomad-green span{
+    border-color:#00bc7f;
+}
+.g-alert.nomad-green svg line{
+        stroke:#00bc7f;
+      }
+.g-alert.nomad-green svg path{
+        fill:#00bc7f;
+      }
+
+.g-alert span{
+    font-size: 16px;
+    background-color: white;
+    text-transform:uppercase;
+    padding:3px 10px;
+    border:1px solid #1563ff;
+    border-radius:3px;
+    font-weight:600;
+    font-size:1.25rem;
+    line-height:16px;
+    margin-right:12px;
+    color:black;
+    white-space:nowrap;
+    vertical-align: middle;
+  }
+.g-alert p{
+    font-size: 16px;
+    background-color: white;
+    color:black;
+    font-size:16px;
+    line-height:23px;
+    margin:0;
+    vertical-align: middle;
+  }
+.g-alert svg{
+    margin-left:12px
+  }
+.g-alert svg line{
+      stroke:#1563ff;
+    }
+.g-alert svg path{
+      fill:#1563ff;
+    }
+
+.g-alert-banner{
+  background:linear-gradient(90deg, #1563ff 1.56%, #08368b 100%);
+  color:#ffffff;
+  display:none;
+  font-weight:600;
+  overflow:hidden;
+  position:relative;
+  transition:height 0.3s ease-out
+}
+
+.g-alert-banner.nomad{
+    background:linear-gradient(90deg, #00bc7f 1.56%, #005738 100%)
+  }
+.g-alert-banner.nomad svg path{
+  stroke:#6bd8b4;
+}
diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss
index 22a6c8c88..7b46bc0fb 100755
--- a/website/source/assets/stylesheets/application.scss
+++ b/website/source/assets/stylesheets/application.scss
@@ -32,3 +32,4 @@
 @import '_docs';
 @import '_downloads';
 @import '_api';
+@import '_alert';
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 7674378ec..830567825 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -9,6 +9,10 @@ description: |-
   <div class="container hero">
     <div class="row">
       <div class="col-md-offset-2 col-md-8">
+        <div class="alert">
+          <a href="https://www.hashicorp.com/blog/hashicorp-nomad-0-10-general-availability" class="g-alert nomad-green "><span>NEW</span><p>Announcing the general availability of Nomad 0.10. Read more<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.5" y1="4.5" x2="13.5" y2="4.5" stroke="#000" stroke-linecap="round"></line><path d="M10.3536 0.646447C10.1583 0.451184 9.84171 0.451184 9.64645 0.646447C9.45118 0.841709 9.45118 1.15829 9.64645 1.35355L10.3536 0.646447ZM13.5 4.5L13.8536 4.85355L14.2071 4.5L13.8536 4.14645L13.5 4.5ZM9.64645 7.64645C9.45118 7.84171 9.45118 8.15829 9.64645 8.35355C9.84171 8.54882 10.1583 8.54882 10.3536 8.35355L9.64645 7.64645ZM9.64645 1.35355L13.1464 4.85355L13.8536 4.14645L10.3536 0.646447L9.64645 1.35355ZM13.1464 4.14645L9.64645 7.64645L10.3536 8.35355L13.8536 4.85355L13.1464 4.14645Z" fill="#000"></path></svg></p></a>
+        </div>
+
         <%= inline_svg "logo-hashicorp.svg", height: 120, class: "logo" %>
 
         <h1>Deploy and Manage Any Containerized, Legacy, or Batch Application</h1>