File tree Expand file tree Collapse file tree 2 files changed +25
-0
lines changed Expand file tree Collapse file tree 2 files changed +25
-0
lines changed Original file line number Diff line number Diff line change 284
284
}
285
285
}
286
286
287
+ /* Social Banner */
288
+ .SocialBanner {
289
+ font-weight : bold ;
290
+ font-size : 20px ;
291
+ padding : 20px ;
292
+ max-width : 768px ;
293
+ margin : 0 auto ;
294
+ text-align : center ;
295
+ }
296
+
287
297
/* Header Hero */
288
298
289
299
.HeaderHero {
Original file line number Diff line number Diff line change @@ -543,6 +543,20 @@ function GetStarted() {
543
543
) ;
544
544
}
545
545
546
+ function SocialBanner ( ) {
547
+ return (
548
+ < div className = "SocialBanner" >
549
+ < div >
550
+ Support Ukraine 🇺🇦{ ' ' }
551
+ < a href = "https://opensource.facebook.com/support-ukraine" >
552
+ Help Provide Humanitarian Aid to Ukraine
553
+ </ a >
554
+ .
555
+ </ div >
556
+ </ div >
557
+ ) ;
558
+ }
559
+
546
560
const useHomePageAnimations = ( ) => {
547
561
useEffect ( ( ) => setupHeaderAnimations ( ) , [ ] ) ;
548
562
useEffect ( ( ) => setupDissectionAnimation ( ) , [ ] ) ;
@@ -565,6 +579,7 @@ const Index = () => {
565
579
content = "React Native · Learn once, write anywhere"
566
580
/>
567
581
</ Head >
582
+ < SocialBanner />
568
583
< HeaderHero />
569
584
< NativeApps />
570
585
< NativeCode />
You can’t perform that action at this time.
0 commit comments