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;