From dcce8923b7ca28a9f98e84603dfaf6dcf0f8ecac Mon Sep 17 00:00:00 2001
From: jomarmontuya <jomar.montuya@outlook.com>
Date: Wed, 3 Jan 2024 00:02:47 +0800
Subject: [PATCH] feat: fix ppc explore forms

---
 .vscode/settings.json                          |  2 +-
 src/components/cta/StandardFormWithSelect.js   |  5 ++---
 src/revamp/ui/GetDemoSection/MultiFieldForm.js | 15 +++++++++++++--
 src/views/zesty/ExploreZestyPage.js            |  6 ------
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7856f76af..5f21e24fb 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,6 +3,6 @@
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {
-      "source.fixAll.format": false
+      "source.fixAll.format": "never"
    }
 }
diff --git a/src/components/cta/StandardFormWithSelect.js b/src/components/cta/StandardFormWithSelect.js
index 135d30ba6..2eb4e9507 100644
--- 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
index 7c5f439fc..bc485dfca 100644
--- 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
index 3d7e2525e..62e35cb82 100644
--- 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"