diff --git a/packages/website/src/pages/index.jsx b/packages/website/src/pages/index.jsx
index 1fc041d225..15aea534f1 100644
--- a/packages/website/src/pages/index.jsx
+++ b/packages/website/src/pages/index.jsx
@@ -190,6 +190,16 @@ const IndexPage = () => {
         className={classNames({ 'demo-active': isDemoActive })}
       >
         <div className="container">
+          <div id="announcement-container">
+            <a
+              target="_blank"
+              href="https://slab.com/blog/announcing-quill-2-0/"
+            >
+              <strong>Quill 2.0 is released!</strong>
+              &nbsp;&nbsp;&bull;&nbsp;&nbsp;Read the
+              announcement&nbsp;&nbsp;&gt;
+            </a>
+          </div>
           <div id="users-container">
             <h2>
               <button
diff --git a/packages/website/src/pages/styles.scss b/packages/website/src/pages/styles.scss
index 5947ae7ebc..4cc1edec09 100644
--- a/packages/website/src/pages/styles.scss
+++ b/packages/website/src/pages/styles.scss
@@ -458,6 +458,23 @@ body.home .arrow .shaft {
   height: 840px;
 }
 
+#announcement-container {
+  font-family: 'Sofia Pro', sans-serif;
+  margin-top: 25px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  z-index: 1;
+
+  a {
+    background-color: #f2d123;
+    border-radius: 8px;
+    display: inline-block;
+    font-size: 80%;
+    padding: 2px 10px;
+  }
+}
+
 #users-container {
   font-size: 1.25rem;
   left: 0;
@@ -645,6 +662,9 @@ body.home .arrow .shaft {
   padding: 5% 8% 25px;
 }
 
+#above-container.demo-active #announcement-container {
+  display: none;
+}
 #above-container.demo-active #users-container h1 {
   display: none;
 }
@@ -1221,6 +1241,9 @@ body:not(.home) .navbar-link:before {
   #above-container > .container {
     height: 600px;
   }
+  #announcement-container {
+    display: none;
+  }
   #users-container {
     padding-top: 2em;
   }