From 83a836741cdc9bb54f49f8e092ec4c065dc110c6 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 17 Apr 2024 18:45:16 +0530
Subject: [PATCH] changes-mobile

---
 src/components/Community/CommunityBanner.jsx |  2 +-
 src/components/Footer/MobileFooter.jsx       |  2 +-
 src/components/HomePage/HomeBanner.jsx       | 16 +++++++++++++---
 src/components/HomePage/WhitePaper.jsx       | 11 ++++++++---
 src/components/MobileMenu/MobileMenu.jsx     |  4 ++--
 5 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/components/Community/CommunityBanner.jsx b/src/components/Community/CommunityBanner.jsx
index d0b9277..59c5199 100644
--- a/src/components/Community/CommunityBanner.jsx
+++ b/src/components/Community/CommunityBanner.jsx
@@ -18,7 +18,7 @@ const BannerContent = [
   },
 ];
 
-const CommunityBanner = () => {
+const CommunityBanner = () => { 
   return (
     <Box
       height={"100vh"}
diff --git a/src/components/Footer/MobileFooter.jsx b/src/components/Footer/MobileFooter.jsx
index b00e87b..c1387ec 100644
--- a/src/components/Footer/MobileFooter.jsx
+++ b/src/components/Footer/MobileFooter.jsx
@@ -50,7 +50,7 @@ const MobileFooter = () => {
                       color={"#B0B0B0"}
                       fontFamily={"Mona Sans"}
                       fontWeight={"500"}
-                      fontSize={"22px"}
+                      fontSize={"16px"}
                     >
                       Explore
                     </Text>
diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx
index b768d75..716f7a1 100644
--- a/src/components/HomePage/HomeBanner.jsx
+++ b/src/components/HomePage/HomeBanner.jsx
@@ -78,11 +78,11 @@ const HomeBanner = () => {
               },
               "@media (max-width: 600px)": {
                 fontSize: "38px",
-                marginBottom: "2rem",
+                marginBottom: "1rem",
               },
               "@media (max-width: 412px)": {
-                fontSize: "40px",
-                marginTop: "2rem",
+                fontSize: "38px",
+                marginTop: "1rem",
               },
             }}
           >
@@ -177,6 +177,16 @@ const HomeBanner = () => {
                   borderRadius: "0px",
                   opacity: "1",
                 },
+                "@media (max-width: 600px)": {
+                  fontSize: "14px",
+                  width: "230px",
+                  height: "44px",
+                  marginTop: "2rem",
+                  bgGradient:
+                    "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
+                  color: "#000",
+                  fontWeight: "600",
+                },
               }}
               _hover={{
                 color: "#000",
diff --git a/src/components/HomePage/WhitePaper.jsx b/src/components/HomePage/WhitePaper.jsx
index 26478bd..a0bd331 100644
--- a/src/components/HomePage/WhitePaper.jsx
+++ b/src/components/HomePage/WhitePaper.jsx
@@ -101,9 +101,14 @@ const WhitePaper = () => {
                 opacity: "1",
               },
               "@media (max-width: 600px)": {
-                fontSize: "13px",
-                minW: "147px",
-                minH: "39px",
+                fontSize: "14px",
+                minWidth: "230px",
+                minHeight: "44px",
+                marginTop: "2rem",
+                bgGradient:
+                  "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
+                color: "#000",
+                fontWeight: "600",
               },
             }}
             _hover={{
diff --git a/src/components/MobileMenu/MobileMenu.jsx b/src/components/MobileMenu/MobileMenu.jsx
index c1c613b..8958eaf 100644
--- a/src/components/MobileMenu/MobileMenu.jsx
+++ b/src/components/MobileMenu/MobileMenu.jsx
@@ -128,7 +128,7 @@ export const MobileMenu = () => {
               </Box>
             </Link>
           </Box>
-          <CloseIcon color={"#fff"} fontSize={"25px"} onClick={handleClick} />
+          <CloseIcon color={"#fff"} fontSize={"16px"} onClick={handleClick} />
         </Box>
 
         <Accordion allowToggle>
@@ -142,7 +142,7 @@ export const MobileMenu = () => {
                   fontWeight={"500"}
                   fontSize={"20px"}
                 >
-                  LEARN
+                  LEARN cdcdc
                 </Text>
               </Box>
               <AccordionIcon color={"#fff"} fontSize={"28px"} />