Website update with status change banner

Reviewed By: simpleton

Differential Revision: D43554839

fbshipit-source-id: 214ccaf4d8765adaae1786279849d78d07dd956c

Author: Aliaksei Andreyeu

website/src/pages/index.js

@@ -62,6 +62,19 @@ const Index = () => {
         </div>
       </header>
       <main>
+        <div className={styles.deprecationBanner}>
+          <div className="container">
+            <div className="row">
+              <div className="col col--8 col--offset-2">
+                <div className="margin-vert--xl text--center">
+                  <h2>
+                    The Profilo project is in maintenance mode. It will not receive any feature updates, only critical security bug patches.
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
         {features && features.length && (
           <section className={styles.features}>
             <div className="container">

website/src/pages/styles.module.css

@@ -35,3 +35,7 @@
   padding: 2rem 0;
   width: 100%;
 }
+
+.deprecationBanner {
+  background-color: var(--ifm-color-emphasis-alpha-20);
+}