Home banner and community banner updated

src/components/Community/CommunityBanner.jsx

@@ -82,6 +82,7 @@ const CommunityBanner = ({ onClick }) => {
                 color={"#DE858E"}
                 lineHeight={"62px"}
                 letterSpacing={"1px"}
+                width={"65%"}
                 sx={{
                   "@media (max-width: 996px)": {
                     fontSize: "46px",
@@ -90,29 +91,21 @@ const CommunityBanner = ({ onClick }) => {
                     fontSize: "40px",
                     marginBottom: "0rem",
                     lineHeight: "54px",
+                    width: "100%",
                   },
                 }}
               >
                 <span
                   style={{
-                    color: "#fff",
+                    color: "rgb(222, 133, 142)",
                   }}
                 >
                   {item.Heading}
                 </span>
-                <br
-                  sx={{
-                    display: "block",
-                    "@media (max-width: 600px)": {
-                      display: "none",
-                    },
-                  }}
-                />
-                {/* {BannerContent[0].heading2} */}
               </Text>
               <Box
                 marginTop={"1.5rem"}
-                width={"80%"}
+                width={"65%"}
                 sx={{
                   "@media (max-width: 500px)": {
                     width: "100%",
@@ -146,7 +139,7 @@ const CommunityBanner = ({ onClick }) => {
                 cursor={"pointer"}
                 transition="0.3s ease-in-out"
                 color={"#fff"}
-                width={"280px"}
+                // width={"280px"}
                 height={"54px"}
                 fontFamily={"Poppins"}
                 fontWeight={"400"}
@@ -156,6 +149,7 @@ const CommunityBanner = ({ onClick }) => {
                 zIndex={"1"}
                 overflow={"hidden"}
                 marginTop={"2rem"}
+                paddingInline={"4rem"}
                 sx={{
                   "::before": {
                     content: '""',

src/components/Community/CommunityCard.jsx

@@ -43,7 +43,7 @@ const individuals = [
     name: "Vivek Tikoo",
     jobTitle: "Co-Founder & CEO| ChainX | RubiX",
     description:
-      "Bring in successful experience of 30+ years in the Indian industry across domains and verticals and expertise in building and growing organizations.",
+      "Over 30 years of success in the Indian industry, with expertise in building and growing organizations across various domains.",
     imageUrl: imgtweleve,
     link: `https://www.linkedin.com/in/vivektikoo/`,
   },

src/components/HomePage/HomeBanner.jsx

@@ -134,7 +134,7 @@ const HomeBanner = () => {
                   cursor={"pointer"}
                   transition="0.3s ease-in-out"
                   color={"#fff"}
-                  width={"216px"}
+                  // width={"216px"}
                   height={"56px"}
                   fontFamily={"Poppins"}
                   fontWeight={"400"}
@@ -144,6 +144,7 @@ const HomeBanner = () => {
                   zIndex={"1"}
                   overflow={"hidden"}
                   marginTop={"2rem"}
+                  paddingInline={"4rem"}
                   sx={{
                     "::before": {
                       content: '""',