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/revamp/ui/GetDemoSection/FAQs.js b/src/revamp/ui/GetDemoSection/FAQs.js
new file mode 100644
index 000000000..b90a47144
--- /dev/null
+++ b/src/revamp/ui/GetDemoSection/FAQs.js
@@ -0,0 +1,115 @@
+import React, { useState } from 'react';
+
+import {
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
+  Box,
+  Container,
+  Grid,
+  Typography,
+} from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import MuiMarkdown from 'markdown-to-jsx';
+
+const FAQs = ({ faqs, title, subtitle }) => {
+  const [expanded, setExpanded] = useState(false);
+
+  const handleChange = (panel) => (event, isExpanded) => {
+    setExpanded(isExpanded ? panel : false);
+  };
+
+  if (!faqs) return null;
+  return (
+    <Box
+      sx={{
+        width: '100%',
+        margin: 0,
+        padding: 0,
+        py: 10,
+        backgroundColor: '#101828',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
+    >
+      <Container maxWidth={'lg'}>
+        <Grid
+          container
+          direction={{ xs: 'column', md: 'row' }}
+          alignItems={{ xs: 'flex-start', md: 'center' }}
+          mb={5}
+        >
+          <Grid item xs={12} md={6} lg={4}>
+            <Typography
+              sx={{
+                fontSize: { sm: '44px', xs: '36px' },
+                fontWeight: 'bold',
+                textAlign: 'left',
+                lineHeight: '1.2',
+                mb: 2,
+                color: 'white',
+              }}
+            >
+              {title}
+            </Typography>
+          </Grid>
+          <Grid item xs={0} lg={2} />
+          {subtitle !== '' && subtitle && (
+            <Grid item xs={12} md={6} lg={6}>
+              <Typography
+                sx={{
+                  fontSize: { sm: '20px', xs: '18px' },
+                }}
+              >
+                {subtitle}
+              </Typography>
+            </Grid>
+          )}
+        </Grid>
+        <Box sx={{ borderTop: '2.64px solid #181A1D' }}>
+          {faqs.map((faq, index) => (
+            <Accordion
+              key={index}
+              expanded={expanded === `panel${index + 1}`}
+              onChange={handleChange(`panel${index + 1}`)}
+            >
+              <AccordionSummary
+                expandIcon={<ExpandMoreIcon />}
+                aria-controls={`panel${index + 1}a-content`}
+                id={`panel${index + 1}a-header`}
+                sx={{ height: '80px', minHeight: '80px' }}
+              >
+                <Typography
+                  sx={{ fontSize: { xs: '18px', sm: '20px', md: '24px' } }}
+                >
+                  {faq.question}
+                </Typography>
+              </AccordionSummary>
+              <AccordionDetails>
+                <MuiMarkdown
+                  options={{
+                    overrides: {
+                      p: {
+                        component: Typography,
+                        props: {
+                          style: {
+                            padding: 0,
+                          },
+                        },
+                      },
+                    },
+                  }}
+                >
+                  {faq.answer}
+                </MuiMarkdown>
+              </AccordionDetails>
+            </Accordion>
+          ))}
+        </Box>
+      </Container>
+    </Box>
+  );
+};
+
+export default FAQs;
diff --git a/src/revamp/ui/GetDemoSection/index.js b/src/revamp/ui/GetDemoSection/index.js
index 8c7ea2c63..c2394a33d 100644
--- a/src/revamp/ui/GetDemoSection/index.js
+++ b/src/revamp/ui/GetDemoSection/index.js
@@ -17,6 +17,7 @@ import getLastVisitedPathAndUrl from 'revamp/utils/getLastVisitedPathAndUrl';
 import { generateAlt } from 'utils';
 import useGetDynamicData from './useGetDynamicData';
 import { useRouter } from 'next/router';
+import ZestyImage from 'blocks/Image/ZestyImage';
 
 const acorns =
     'https://storage.googleapis.com/assets.zesty.io/website/images/assets/demo/Acorns%20Logo.svg',
@@ -41,6 +42,7 @@ const GetDemoSection = ({
   formTitle = 'Enter your details to connect with a Content Expert',
   cta,
   id,
+  review,
 }) => {
   const router = useRouter();
   const { lastVisitedPath, lastVisitedURL } = getLastVisitedPathAndUrl();
@@ -90,154 +92,156 @@ const GetDemoSection = ({
   };
 
   return (
-    <Stack bgcolor="grey.900">
-      <Stack
-        sx={(theme) => ({
-          [theme.breakpoints.up('xs')]: {
-            maxWidth: theme.maxWidth,
-            mx: 'auto',
-            py: 4,
-            px: 2,
-          },
-          [theme.breakpoints.up('tablet')]: {
-            py: 6,
-            px: 4,
-          },
-          [theme.breakpoints.up('lg')]: {
-            flexDirection: 'row',
-            py: 10,
-            px: 14,
-            gap: 8,
-          },
-          [theme.breakpoints.up('desktopWide')]: {
-            gap: 15,
-          },
-        })}
-      >
+    <>
+      <Stack bgcolor="grey.900">
         <Stack
-          spacing={8}
-          mb={{ xs: 8, lg: 0 }}
-          width={{ lg: '456px', desktopWide: '548px' }}
+          sx={(theme) => ({
+            [theme.breakpoints.up('xs')]: {
+              maxWidth: theme.maxWidth,
+              mx: 'auto',
+              py: 4,
+              px: 2,
+            },
+            [theme.breakpoints.up('tablet')]: {
+              py: 6,
+              px: 4,
+            },
+            [theme.breakpoints.up('lg')]: {
+              flexDirection: 'row',
+              py: 10,
+              px: 14,
+              gap: 8,
+            },
+            [theme.breakpoints.up('desktopWide')]: {
+              gap: 15,
+            },
+          })}
         >
-          <Stack>
-            <Typography
-              variant="h1"
-              fontWeight={800}
-              letterSpacing="-0.02em"
-              color="white"
-            >
-              {data?.title || title}
-            </Typography>
+          <Stack
+            spacing={4}
+            mb={{ xs: 8, lg: 0 }}
+            width={{ lg: '456px', desktopWide: '548px' }}
+          >
+            <Stack>
+              <Typography
+                variant="h1"
+                fontWeight={800}
+                letterSpacing="-0.02em"
+                color="white"
+              >
+                {data?.title || title}
+              </Typography>
 
-            <MuiMarkdown
-              options={{
-                overrides: {
-                  p: {
-                    component: Typography,
-                    props: {
-                      mt: 2,
-                      component: 'p',
-                      variant: 'h6',
-                      whiteSpace: 'pre-line',
-                      color: 'grey.300',
-                      fontSize: '18px',
-                      lineHeight: '28px',
+              <MuiMarkdown
+                options={{
+                  overrides: {
+                    p: {
+                      component: Typography,
+                      props: {
+                        mt: 1,
+                        component: 'p',
+                        variant: 'h6',
+                        whiteSpace: 'pre-line',
+                        color: 'grey.300',
+                        fontSize: '18px',
+                        lineHeight: '28px',
+                      },
                     },
                   },
-                },
-              }}
-            >
-              {data?.description || supportingText}
-            </MuiMarkdown>
+                }}
+              >
+                {data?.description || supportingText}
+              </MuiMarkdown>
+            </Stack>
+            {review && <Testimonial review={review} />}
+            <TrustLogos />
           </Stack>
-          <TrustLogos />
-        </Stack>
 
-        <Stack>
-          <Stack
-            borderRadius="8px"
-            sx={(theme) => ({
-              height: '100%',
-              alignSelf: { lg: !isLong && 'center' },
-              p: 4,
-              bgcolor: theme.palette.mode === 'light' ? 'white' : 'grey.800',
-              width: { xs: '100%', lg: '456px', desktopWide: '548px' },
-            })}
-          >
-            <Formik
-              enableReinitialize
-              initialValues={{
-                firstName: '',
-                lastName: '',
-                company: '',
-                email: '',
-                phoneNumber: '',
-                message: '',
-                jobTitle: '',
-                businessEmail: '',
-                linkedIn: '',
-                inquiryReason: isContact ? 'General' : '',
-              }}
-              validationSchema={
-                isLong && !isContact
-                  ? validationSchema
-                  : isContact
-                  ? contactPageValidation
-                  : shortValidationSchema
-              }
-              onSubmit={async (values) => {
-                await onSubmit(values);
-              }}
+          <Stack>
+            <Stack
+              borderRadius="8px"
+              sx={(theme) => ({
+                height: '100%',
+                alignSelf: { lg: !isLong && 'center' },
+                p: 4,
+                bgcolor: theme.palette.mode === 'light' ? 'white' : 'grey.800',
+                width: { xs: '100%', lg: '456px', desktopWide: '548px' },
+              })}
             >
-              {({
-                handleSubmit,
-                getFieldProps,
-                errors,
-                touched,
-                initialValues,
-                isSubmitting,
-                setFieldValue,
-                values,
-              }) => (
-                <Form id="site-form" onSubmit={handleSubmit}>
-                  <Stack>
-                    <Typography
-                      component={'p'}
-                      variant="h4"
-                      letterSpacing="-0.02em"
-                      color="text.primary"
-                      fontWeight={800}
-                      mb={3}
-                    >
-                      {formTitle}
-                    </Typography>
+              <Formik
+                enableReinitialize
+                initialValues={{
+                  firstName: '',
+                  lastName: '',
+                  company: '',
+                  email: '',
+                  phoneNumber: '',
+                  message: '',
+                  jobTitle: '',
+                  businessEmail: '',
+                  linkedIn: '',
+                  inquiryReason: isContact ? 'General' : '',
+                }}
+                validationSchema={
+                  isLong && !isContact
+                    ? validationSchema
+                    : isContact
+                    ? contactPageValidation
+                    : shortValidationSchema
+                }
+                onSubmit={async (values) => {
+                  await onSubmit(values);
+                }}
+              >
+                {({
+                  handleSubmit,
+                  getFieldProps,
+                  errors,
+                  touched,
+                  initialValues,
+                  isSubmitting,
+                  setFieldValue,
+                  values,
+                }) => (
+                  <Form id="site-form" onSubmit={handleSubmit}>
+                    <Stack>
+                      <Typography
+                        component={'p'}
+                        variant="h4"
+                        letterSpacing="-0.02em"
+                        color="text.primary"
+                        fontWeight={800}
+                        mb={3}
+                      >
+                        {formTitle}
+                      </Typography>
 
-                    {/* Save this component as backup */}
+                      {/* Save this component as backup */}
 
-                    {isContact ? (
-                      <>
-                        <MultiFieldForm
-                          {...{
-                            isLong,
-                            isContact,
-                            handleSubmit,
-                            getFieldProps,
-                            errors,
-                            touched,
-                            initialValues,
-                            isSubmitting,
-                            setFieldValue,
-                            values,
-                            inquiryReasons,
-                            cta,
-                            id,
-                          }}
-                        />
-                      </>
-                    ) : (
-                      <>
-                        {/* Singleform field component */}
-                        {/* <SingleFieldForm
+                      {isContact ? (
+                        <>
+                          <MultiFieldForm
+                            {...{
+                              isLong,
+                              isContact,
+                              handleSubmit,
+                              getFieldProps,
+                              errors,
+                              touched,
+                              initialValues,
+                              isSubmitting,
+                              setFieldValue,
+                              values,
+                              inquiryReasons,
+                              cta,
+                              id,
+                            }}
+                          />
+                        </>
+                      ) : (
+                        <>
+                          {/* Singleform field component */}
+                          {/* <SingleFieldForm
                           formButtonText={formCtaText}
                           {...{
                             isLong,
@@ -254,43 +258,69 @@ const GetDemoSection = ({
                           }}
                         /> */}
 
-                        <MultiFieldForm
-                          {...{
-                            isLong,
-                            isContact,
-                            handleSubmit,
-                            getFieldProps,
-                            errors,
-                            touched,
-                            initialValues,
-                            isSubmitting,
-                            setFieldValue,
-                            values,
-                            inquiryReasons,
-                            cta,
-                            id,
-                          }}
-                        />
-                      </>
-                    )}
-                  </Stack>
-                </Form>
-              )}
-            </Formik>
+                          <MultiFieldForm
+                            {...{
+                              isLong,
+                              isContact,
+                              handleSubmit,
+                              getFieldProps,
+                              errors,
+                              touched,
+                              initialValues,
+                              isSubmitting,
+                              setFieldValue,
+                              values,
+                              inquiryReasons,
+                              cta,
+                              id,
+                            }}
+                          />
+                        </>
+                      )}
+                    </Stack>
+                  </Form>
+                )}
+              </Formik>
+            </Stack>
           </Stack>
         </Stack>
       </Stack>
-    </Stack>
+    </>
   );
 };
 
 export default GetDemoSection;
 
+function Testimonial({ review }) {
+  return (
+    <Stack gap={2}>
+      <Typography color={'white'} fontStyle={'italic'}>
+        {review?.review}
+      </Typography>
+      <Stack direction={'row'} gap={2} sx={{ alignItems: 'center' }}>
+        <ZestyImage
+          width={64}
+          height={64}
+          style={{ borderRadius: '50%' }}
+          src={review?.reviewer_headshot.data[0].url}
+          alt={generateAlt('')}
+        />
+        <Box>
+          <Typography color={'white'} fontWeight={'bold'}>
+            {review?.reviewer_name}
+          </Typography>
+          <Typography color={'white'}>{review?.reviewer_title}</Typography>
+        </Box>
+      </Stack>
+    </Stack>
+  );
+}
+
 function TrustLogos() {
   return (
     <Stack>
       <Logos alignLeft />
-      <Box sx={{ mt: 8 }}>
+      <Box sx={{ mt: 4 }}>
         <G2Awards alignLeft />
       </Box>
     </Stack>
diff --git a/src/views/zesty/Contact.js b/src/views/zesty/Contact.js
index da563e84c..d16eb8b9c 100644
--- a/src/views/zesty/Contact.js
+++ b/src/views/zesty/Contact.js
@@ -28,6 +28,7 @@ import React from 'react';
 import { ThemeProvider, useTheme } from '@mui/material/styles';
 import revampTheme from 'theme/revampTheme';
 import GetDemoSection from 'revamp/ui/GetDemoSection';
+import FAQs from 'revamp/ui/GetDemoSection/FAQs';
 
 function Contact({ content }) {
   const theme = useTheme();
@@ -38,11 +39,19 @@ function Contact({ content }) {
     formTitle: content?.demo_section_formtitle,
     cta: content?.cta_button_text,
     id: '#contact-cta',
+    review: content?.review.data[0],
+  };
+
+  const faqsProps = {
+    faqs: content?.faqs.data,
+    title: content?.faq_title,
+    subtitle: content?.faq_subtitle,
   };
 
   return (
     <ThemeProvider theme={() => revampTheme(theme.palette.mode)}>
       <GetDemoSection {...getDemoSectionProps} />
+      <FAQs {...faqsProps} />
     </ThemeProvider>
   );
 }