change newsletter UI

src/components/NewsLetter/NewsLetter.jsx

@@ -39,15 +39,15 @@ const NewsLetter = () => {
 
         <Box sx={{
           width: { xs: "80%", md: "40%" },
-          backgroundColor: "rgba(255,255,255, 0.5)",
-          px: 15,
-          py: 10,
+          backgroundColor: "rgba(255,255,255, 0.8)",
+          px: 14,
+          py: 8,
           textAlign: "center",
           color: "black"
         }}>
 
-          <Typography variant='h3'>
-            Let's Stay in touch
+          <Typography variant='h4' sx={{fontWeight:"bold", fontSize:"1.8rem !important", pb:2}}>
+            Let's stay in touch
           </Typography>
           <Typography variant='body1'>
             Enjoy 15% off your first order when you join our mailing list.