feat: fix ppc explore forms (#2243)

* fix(logout): multiple cookies not being deleted (#2227) Co-authored-by: darwin.apolinario <[email protected]> * Fix/mindshare rendering issues (#2218) * fix(pages 1 to 6 mindshare fix rendering): pages 1 to 6 mindshare fix rendering pages 1 to 6 mindshare fix rendering * fix(remove unnecessary color): remove unnecessary color remove unnecessary color * fix(adjust pre tag background): adjust pre tag background adjust pre tag background --------- Co-authored-by: Darwin ❤️❤️❤️ <[email protected]> * Feat/dynamic contact form (#2225) * feat(getdemosection): adjusted demo content based on query params * chore(clean up): clean up * chore(usegetdynamicdata): clean up * feat(demo): update demo page update demo page to select user journey * fix(demo): add ternary check to avoid error * fix(contact page): remove form attributes * fix(join.js): update copy of the join page (#2236) * fix(join.js): update copy of the join page * fix(join.js): update page copy * fix(join.js): update form copy * feat: fix ppc explore forms * feat(restore): restore vscode settings * feat(upadte): updates * feat(restore vscode): restore vscode settings * feat(restore vscode settings): fix vscode settings * fix(fix undefined): fix undefined --------- Co-authored-by: Darwin ❤️❤️❤️ <[email protected]> Co-authored-by: darwin.apolinario <[email protected]> Co-authored-by: Gian Espinosa <[email protected]>
zesty-io · Jan 4, 2024 · 1e56eef · 1e56eef
1 parent e697df7
commit 1e56eef
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/src/components/cta/StandardFormWithSelect.js b/src/components/cta/StandardFormWithSelect.js
@@ -7,10 +7,10 @@ import { Form, Formik } from 'formik';
 
 import TransitionsModal from './TransitionModal';
 import { getCookie } from 'cookies-next';
-import { SingleFieldForm } from 'revamp/ui/GetDemoSection/SingleFieldForm';
 import { Stack } from '@mui/material';
 import { validationSchema } from 'revamp/utils/validation';
 import getLastVisitedPathAndUrl from 'revamp/utils/getLastVisitedPathAndUrl';
+import { MultiFieldForm } from 'revamp/ui/GetDemoSection/MultiFieldForm';
 
 /**
  * Possible field option in ZOHO https://crm.zoho.com/crm/org749642405/settings/api/modules/Leads?step=FieldsList
@@ -197,8 +197,7 @@ function StandardFormWithSelect({
         }) => (
           <Form id="site-form" onSubmit={handleSubmit}>
             <Stack sx={{ mt: 4 }}>
-              <SingleFieldForm
-                buttonColor="secondary"
+              <MultiFieldForm
                 {...{
                   handleSubmit,
                   getFieldProps,

diff --git a/src/revamp/ui/GetDemoSection/MultiFieldForm.js b/src/revamp/ui/GetDemoSection/MultiFieldForm.js
@@ -118,8 +118,19 @@ export const MultiFieldForm = ({
           </>
         )}
 
-        <Button type="submit" variant="contained" size="extraLarge" fullWidth>
-          Contact Us
+        <Button
+          sx={{
+            background: (t) => t.palette.zesty?.zestyOrange,
+            '&:hover': {
+              background: (t) => t.palette.zesty?.zestyOrange,
+            },
+          }}
+          type="submit"
+          variant="contained"
+          size="extraLarge"
+          fullWidth
+        >
+          Book Demo
         </Button>
       </Stack>
     </>

diff --git a/src/views/zesty/ExploreZestyPage.js b/src/views/zesty/ExploreZestyPage.js
@@ -81,17 +81,11 @@ const HeroWithIllustrationAndCta = ({
       position={'relative'}
       sx={{ backgroundColor: theme.palette.alternate.main }}
     >
-      {' '}
       <Container>
-        {' '}
         <Grid container spacing={4} flexDirection={{ xs: 'column', md: 'row' }}>
-          {' '}
           <Grid item container alignItems={'center'} xs={12} md={6}>
-            {' '}
             <Box>
-              {' '}
               <Box>
-                {' '}
                 <Typography
                   variant="h6"
                   component="h1"