fix(marketingmain.js): dynamic demo cta text

zesty-io · Mar 25, 2024 · fa71d4c · fa71d4c
1 parent 07ab04e
commit fa71d4c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/cta/TryFreeButton.js b/src/components/cta/TryFreeButton.js
@@ -10,7 +10,7 @@ import Icon from '@mui/material/Icon';
 import CodeBlock from './CodeBlock';
 
 export default function TryFreeButton({
-  text = 'Request Demo',
+  text = '',
   target = 'blank',
   fullWidth = false,
   component = 'button',

diff --git a/src/layouts/Main/MarketingMain.js b/src/layouts/Main/MarketingMain.js
@@ -19,6 +19,7 @@ import { Topbar } from './components';
 
 import dynamic from 'next/dynamic';
 import revampTheme from 'theme/revampTheme';
+import useFetch from 'components/hooks/useFetch';
 
 const Footer = dynamic(() => import('./components/Footer/FooterDynamic'));
 const Sidebar = dynamic(() => import('./components').then((e) => e.Sidebar));
@@ -99,6 +100,8 @@ const MarketingMain = ({
     }
   }, [userInfo]);
 
+  const data = useFetch('/-/demo-cta.json');
+
   return (
     <>
       {isLoggedIn === false && !isLoginPage && <SiteBanner />}
@@ -163,6 +166,7 @@ const MarketingMain = ({
                 isAuthenticated={isLoggedIn}
                 userInfo={userInfo?.data}
                 loading={loading}
+                cta={data?.data?.demo_cta}
               />
             </Stack>
           </Container>

diff --git a/src/layouts/Main/components/Topbar/Topbar.js b/src/layouts/Main/components/Topbar/Topbar.js
@@ -35,6 +35,7 @@ const Topbar = ({
   userInfo = {},
   loading = false,
   flyoutNavigation: data = [],
+  cta,
 }) => {
   const theme = useTheme();
   const { mode } = theme.palette;
@@ -167,7 +168,7 @@ const Topbar = ({
               </Box>
               <Box>
                 <TryFreeButton
-                  text="Contact Sales"
+                  text={cta}
                   variant="contained"
                   component="a"
                   size="large"