fixing pr checks

client/src/components/BannerSection.tsx

@@ -4,8 +4,6 @@ import { makeStyles } from 'tss-react/mui';
 import type { Theme } from '@mui/material/styles';
 import MainImage from '../assets/banner-section-main.svg';
 import { CTAHeroButton } from './Buttons/Button';
-import { useHistory } from 'react-router-dom';
-import { useMarketingText } from './../providers/MarketingTextProvider';
 import { ModalContext } from './../providers/ModalProvider';
 
 const useStyles = makeStyles()((theme: Theme) => ({
@@ -22,12 +20,10 @@ const useStyles = makeStyles()((theme: Theme) => ({
 }));
 
 function BannerText() {
-  const { banner } = useMarketingText();
-
   return (
     <>
       <Typography sx={{ fontSize: '3.5rem', margin: '0 0 0 0', letterSpacing: '0.005em' }}>
-        {banner.mainHigh}
+        Support Local
       </Typography>
       <Typography
         sx={{
@@ -37,17 +33,17 @@ function BannerText() {
           letterSpacing: '-1.5px',
         }}
       >
-        {banner.mainLow}
+        Nonprofits
       </Typography>
       <Typography sx={{ fontSize: '1.5rem', margin: '30px 0 55px 0' }}>
-        {banner.mainSubtext}
+        Be part of our community of volunteers, nonprofits, and individuals through the Givingful
+        exchange platform.
       </Typography>
     </>
   );
 }
 
 function BannerSection() {
-  const { banner } = useMarketingText();
   const { classes } = useStyles();
   const modalContext = useContext(ModalContext);
   const { openModal } = modalContext;
@@ -65,10 +61,7 @@ function BannerSection() {
         <Grid xs={6} item justifyContent="center" sx={{ display: 'flex' }}>
           <Box sx={{ width: '550px', mt: '180px', mb: '66px', ml: '40px' }}>
             <BannerText />
-            <CTAHeroButton
-              text={banner.CTAButton}
-              onClick={() => history.push('/signup-citizen')}
-            />
+            <CTAHeroButton text="Join Now" onClick={() => handleOpenModal('SignUp')} />
           </Box>
         </Grid>
         <Grid