diff --git a/components/announcement.js b/components/announcement.js index 84bfb5bb..a6b2289e 100644 --- a/components/announcement.js +++ b/components/announcement.js @@ -16,6 +16,7 @@ const Announcement = ({ imgSrc, imgAlt, color = 'accent', + textColor = 'secondary', sx = {}, width, ...props @@ -61,12 +62,12 @@ const Announcement = ({ as="p" sx={{ flex: '1 1 auto', - strong: { display: ['inline', 'block'], color: 'secondary' } + strong: { display: ['inline', 'block'], color: textColor } }} > {copy} {caption && ( - + {' '} {caption} diff --git a/pages/fiscal-sponsorship/first.js b/pages/fiscal-sponsorship/first.js index c30cb18f..2697fd8c 100644 --- a/pages/fiscal-sponsorship/first.js +++ b/pages/fiscal-sponsorship/first.js @@ -14,6 +14,7 @@ import theme from '@hackclub/theme' import { Balancer } from 'react-wrap-balancer' import { setCookie } from 'cookies-next' import { useEffect } from 'react' +import Announcement from '../../components/announcement' export default function First({ stats }) { useEffect(() => { @@ -73,6 +74,21 @@ export default function First({ stats }) { backdropFilter: 'blur(1.5px)' }} > + + + +