diff --git a/.env.example b/.env.example
index 89c79146..38863ee8 100644
--- a/.env.example
+++ b/.env.example
@@ -1 +1,2 @@
GATSBY_FUNCTIONS_URL=
+SHOW_ANNOUNCEMENT_BANNER=true
\ No newline at end of file
diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
index f5c0f2f9..66e0dc45 100644
--- a/.github/workflows/website.yml
+++ b/.github/workflows/website.yml
@@ -62,6 +62,7 @@ jobs:
- name: Build
env:
GATSBY_FUNCTIONS_URL: ${{ needs.prepare-deploy.outputs.function_URL }}
+ SHOW_ANNOUNCEMENT_BANNER: true
run: |
yarn build
diff --git a/config/links.ts b/config/links.ts
index 8f5e0e0e..34224d88 100644
--- a/config/links.ts
+++ b/config/links.ts
@@ -14,4 +14,5 @@ export const links = {
prime: 'https://forms.gle/kt1GShLcWapMGzjs7',
primeBlogPost: 'https://centrifuge.mirror.xyz/KyrMWLKMccFCNfSlvjxe7uyhba7oLrUzlBuZ7GQTn6s',
podcast: 'https://linktr.ee/centrifugeconversations',
+ announcements: '@devin, please add link here',
}
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
new file mode 100644
index 00000000..848362c5
--- /dev/null
+++ b/src/components/Banner.tsx
@@ -0,0 +1,23 @@
+import { Box, Text } from '@centrifuge/fabric'
+import * as React from 'react'
+import { theme } from '../theme'
+
+type BannerProps = {
+ children: React.ReactNode
+}
+
+export function Banner({ children }: BannerProps) {
+ return process.env.SHOW_ANNOUNCEMENT_BANNER === 'true' ? (
+
+ {children}
+
+ ) : null
+}
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 2829c385..525d9105 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -1,5 +1,5 @@
import React from 'react'
-import { Container, Shelf } from '@centrifuge/fabric'
+import { Box, Container, Shelf, Text } from '@centrifuge/fabric'
import { useTheme } from 'styled-components'
import type { ButtonVariant } from '../desktop-menu/SubMenu'
import { useScrollDirection } from '../../hooks/use-scroll-direction'
@@ -7,6 +7,8 @@ import { Logo } from '../Logo'
import { MobileMenu } from '../mobile-menu'
import { DesktopMenu } from '../desktop-menu'
import { Root, LogoLink } from './styles'
+import { Banner } from '../Banner'
+import { links } from '../../../config/links'
type HeaderProps = {
menuButtonVariant: ButtonVariant
@@ -17,23 +19,48 @@ export function Header({ menuButtonVariant }: HeaderProps) {
const scrollDirection = useScrollDirection(50)
return (
-
-
-
-
-
+ <>
+
+ Centrifuge is Everywhere. Read the{' '}
+
+ Announcement
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
+
+
+ >
)
}