From fa71d4c41cf50e178df1949601d315da47cffc7b Mon Sep 17 00:00:00 2001
From: Arzl James <arzljames15@gmail.com>
Date: Mon, 25 Mar 2024 18:18:54 +0800
Subject: [PATCH] fix(marketingmain.js): dynamic demo cta text

---
 src/components/cta/TryFreeButton.js          | 2 +-
 src/layouts/Main/MarketingMain.js            | 4 ++++
 src/layouts/Main/components/Topbar/Topbar.js | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/cta/TryFreeButton.js b/src/components/cta/TryFreeButton.js
index 27a62fabf..fb029a330 100644
--- 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
index a7c00b14d..b30d58662 100644
--- 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
index ce4f88aa5..ec7e0cae9 100644
--- 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"