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)'
}}
>
+
+
+
+