From 1ac41132e3cd61458e06af7824b8ab5fd4d8b314 Mon Sep 17 00:00:00 2001
From: Dmitry Vinnik <dmitryvinn@users.noreply.github.com>
Date: Tue, 1 Mar 2022 22:50:24 -0800
Subject: [PATCH] docs: add homepage banner in support of Ukraine  (#6811)

* Adding social banner in support of Ukraine

* Adding flag to the banner

* Updating donation URL

* Updating URL for the fundraiser
---
 website/src/pages/index.tsx         | 9 +++++++++
 website/src/pages/styles.module.css | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index f555e94c32..6bc84ed126 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -238,6 +238,15 @@ export default function Home(): JSX.Element {
   return (
     <Layout title={tagline} description={description}>
       <main>
+        <div>
+          <div className={styles.banner}>
+            Support Ukraine 🇺🇦{' '}
+            <Link to="https://opensource.facebook.com/support-ukraine">
+              Help Provide Humanitarian Aid to Ukraine
+            </Link>
+            .
+          </div>
+        </div>
         <HeroBanner />
         <MigrationAnnouncement />
         <div className={styles.section}>
diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css
index ed8fa1fcb0..3f6fff2e0f 100644
--- a/website/src/pages/styles.module.css
+++ b/website/src/pages/styles.module.css
@@ -49,6 +49,15 @@
   max-width: 768px;
 }
 
+.banner {
+  font-weight: bold;
+  font-size: 20px;
+  padding: 20px;
+  max-width: 768px;
+  margin: 0 auto;
+  text-align: center;
+}
+
 .hero {
   background-color: #2b3137;
   padding: 48px;