From 4adf45be9c4f54ab6606f13a763a8177d5928c0c Mon Sep 17 00:00:00 2001
From: "Japheth Louie M. Gofredo" <83058948+japhethLG@users.noreply.github.com>
Date: Sun, 23 Jun 2024 22:47:53 -0400
Subject: [PATCH] fix: Zesty.io Demo Page spacing edits (#2468)

# Description

Fixed the whitespace in demo form

Fixes #2467

## Type of change

Please delete options that are not relevant.

- [x] Bug fix (non-breaking change which fixes an issue)

# How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide
instructions so we can reproduce.

- [x] Manual Test
- [ ] Unit Test
- [ ] E2E Test

# Screenshots / Screen recording

Please add screenshots or recording if applicable
Before:

![image](https://github.com/zesty-io/website/assets/83058948/937f9c4b-fc71-4b24-a9fd-69bd33ee2246)

After:

![image](https://github.com/zesty-io/website/assets/83058948/1045d539-5e81-4080-b60d-c0f6038438ce)
---
 src/revamp/ui/GetDemoSection/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/revamp/ui/GetDemoSection/index.js b/src/revamp/ui/GetDemoSection/index.js
index c2394a33d..66c559887 100644
--- a/src/revamp/ui/GetDemoSection/index.js
+++ b/src/revamp/ui/GetDemoSection/index.js
@@ -118,7 +118,7 @@ const GetDemoSection = ({
           })}
         >
           <Stack
-            spacing={4}
+            spacing={10}
             mb={{ xs: 8, lg: 0 }}
             width={{ lg: '456px', desktopWide: '548px' }}
           >
@@ -138,13 +138,13 @@ const GetDemoSection = ({
                     p: {
                       component: Typography,
                       props: {
-                        mt: 1,
+                        mt: 2,
                         component: 'p',
                         variant: 'h6',
                         whiteSpace: 'pre-line',
                         color: 'grey.300',
                         fontSize: '18px',
-                        lineHeight: '28px',
+                        lineHeight: '24px',
                       },
                     },
                   },
@@ -282,6 +282,9 @@ const GetDemoSection = ({
                 )}
               </Formik>
             </Stack>
+            <Box sx={{ mt: 4 }}>
+              <G2Awards alignLeft />
+            </Box>
           </Stack>
         </Stack>
       </Stack>
@@ -294,7 +297,7 @@ export default GetDemoSection;
 function Testimonial({ review }) {
   return (
     <Stack gap={2}>
-      <Typography color={'white'} fontStyle={'italic'}>
+      <Typography color={'white'} fontStyle={'italic'} fontSize={18}>
         {review?.review}
       </Typography>
       <Stack direction={'row'} gap={2} sx={{ alignItems: 'center' }}>
@@ -320,9 +323,6 @@ function TrustLogos() {
   return (
     <Stack>
       <Logos alignLeft />
-      <Box sx={{ mt: 4 }}>
-        <G2Awards alignLeft />
-      </Box>
     </Stack>
   );
 }