diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 59ce56c02069..b9cbf3e06b03 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -301,6 +301,15 @@ class Index extends React.Component {
             {siteConfig.title} {siteConfig.titleDelimiter} {siteConfig.tagline}
           </title>
         </Head>
+        <Container background="light">
+          <div className={styles.banner}>
+            Support Ukraine 🇺🇦{' '}
+            <Link to="https://opensource.facebook.com/support-ukraine">
+              Help Provide Humanitarian Aid to Ukraine
+            </Link>
+            .
+          </div>
+        </Container>
         <HeroInteractive config={siteConfig} />
         <div className="mainContainerV1" style={{padding: 0}}>
           <Container
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index 8bdd566490b1..6303f4c6eb15 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -5,6 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/* Social Banner */
+
+.banner {
+  font-weight: bold;
+  font-size: 20px;
+  padding: 20px;
+  max-width: 768px;
+  margin: 0 auto;
+  text-align: center;
+}
+
 /* Twitter Follow Button */
 
 .twitter-follow-button {