From fad0a1dbeaddbe7665c61eba3282ea0d48875631 Mon Sep 17 00:00:00 2001
From: dmitryvinn <dmitryvinn@gmail.com>
Date: Tue, 1 Mar 2022 20:05:05 -0800
Subject: [PATCH] Adding social banner

---
 website/src/pages/index.js         |  9 +++++++++
 website/src/pages/index.module.css | 11 +++++++++++
 2 files changed, 20 insertions(+)

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 {