add some content in stay up to date

PatilHarshh · Jun 26, 2024 · 1bcad3a · 1bcad3a
1 parent 7492503
commit 1bcad3a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/client/package.json b/client/package.json
@@ -21,11 +21,11 @@
     "@mui/styled-engine-sc": "^6.0.0-alpha.18",
     "@reduxjs/toolkit": "^1.9.5",
     "axios": "^1.4.0",
-    "lottie-react": "^2.4.0",
     "html2canvas": "^1.4.1",
     "html2pdf": "^0.0.11",
     "html2pdf.js": "^0.10.1",
     "jspdf": "^2.5.1",
+    "lottie-react": "^2.4.0",
     "moment": "^2.29.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

diff --git a/client/src/components/Home/SectionFifth.jsx b/client/src/components/Home/SectionFifth.jsx
@@ -31,6 +31,14 @@ const SectionSixth = () => {
         >
           Subscribe to our newsletter to receive our weekly feed
         </Typography>
+        <Typography
+          variant="body1"
+          align="center"
+          className={clsx("text-gray-500", "dark:text-gray-400")}
+          sx={{ mb: 4, px: { xs: 2, md: 6 } }}
+        >
+          Join our community to get the latest updates on our products, exclusive offers, and insightful articles on a variety of topics. Be the first to know about new features and upcoming events. Our newsletter is a great way to stay connected and informed.
+        </Typography>
         <Grid container spacing={3} alignItems="center" justifyContent="center">
           <Grid
             item
@@ -57,13 +65,21 @@ const SectionSixth = () => {
                 alignItems: "center",
               }}
             >
+              <Typography
+                variant="body2"
+                align="center"
+                className={clsx("text-gray-500", "dark:text-gray-400")}
+                sx={{ mb: 2 }}
+              >
+                Enter your email below to subscribe:
+              </Typography>
               <TextField
                 variant="outlined"
                 placeholder="Enter your email"
                 fullWidth
                 sx={{
-                    borderColor:'lightgrey',
-                    borderRadius: 4
+                  borderColor: "lightgrey",
+                  borderRadius: 4,
                 }}
                 className={clsx("dark:bg-gray-500", "dark:border-gray-600")}
                 InputProps={{