Updated UseCases blog content

src/components/Community/CommunityBanner.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable react/no-unknown-property */
 import { Box, Button, Container, Text } from "@chakra-ui/react";
 import banner from "../../assets/images/communityBanner.webp";
+import { Link } from "react-router-dom";
 
 const BannerContent = [
   {
@@ -86,7 +88,7 @@ const CommunityBanner = () => {
             </span>
             <br
               sx={{
-                display: ["block", "none"], // Show by default, hide on screens less than 600px wide
+                display: "block", // Show by default, hide on screens less than 600px wide
                 "@media (max-width: 600px)": {
                   display: "none", // Hide on screens less than 600px wide
                 },
@@ -123,63 +125,65 @@ const CommunityBanner = () => {
               {BannerContent[1].subheading}
             </Text>
           </Box>
-          <Button
-            position={"relative"}
-            backgroundColor={"transparent"}
-            cursor={"pointer"}
-            transition="0.3s ease-in-out"
-            color={"#fff"}
-            width={"280px"}
-            height={"54px"}
-            fontFamily={"Poppins"}
-            fontWeight={"400"}
-            border={"1px solid white"}
-            borderRadius={"10px"}
-            fontSize={"18px"}
-            zIndex={"1"}
-            overflow={"hidden"}
-            marginTop={"2rem"}
-            sx={{
-              "::before": {
-                content: '""',
-                position: "absolute",
-                top: "50%",
-                left: "50%",
-                transform: "translate(-50%, -50%)",
-                width: "65px",
-                height: "65px",
-                borderRadius: "50%",
-                transition: "0.35s linear",
-                zIndex: -1,
-                bgGradient:
-                  "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
-                opacity: "0",
-              },
-              "&:hover::before": {
-                width: "100%",
-                height: "120%",
-                borderRadius: "0px",
-                opacity: "1",
-              },
-              "@media (max-width: 500px)": {
-                fontSize: "14px",
-                width: "230px",
-                height: "44px",
-                marginTop: "2rem",
-                bgGradient:
-                  "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
+          <Link to="" target="_blank">
+            <Button
+              position={"relative"}
+              backgroundColor={"transparent"}
+              cursor={"pointer"}
+              transition="0.3s ease-in-out"
+              color={"#fff"}
+              width={"280px"}
+              height={"54px"}
+              fontFamily={"Poppins"}
+              fontWeight={"400"}
+              border={"1px solid white"}
+              borderRadius={"10px"}
+              fontSize={"18px"}
+              zIndex={"1"}
+              overflow={"hidden"}
+              marginTop={"2rem"}
+              sx={{
+                "::before": {
+                  content: '""',
+                  position: "absolute",
+                  top: "50%",
+                  left: "50%",
+                  transform: "translate(-50%, -50%)",
+                  width: "65px",
+                  height: "65px",
+                  borderRadius: "50%",
+                  transition: "0.35s linear",
+                  zIndex: -1,
+                  bgGradient:
+                    "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
+                  opacity: "0",
+                },
+                "&:hover::before": {
+                  width: "100%",
+                  height: "120%",
+                  borderRadius: "0px",
+                  opacity: "1",
+                },
+                "@media (max-width: 500px)": {
+                  fontSize: "14px",
+                  width: "230px",
+                  height: "44px",
+                  marginTop: "2rem",
+                  bgGradient:
+                    "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
+                  color: "#000",
+                  fontWeight: "600",
+                },
+              }}
+              _hover={{
                 color: "#000",
-                fontWeight: "600",
-              },
-            }}
-            _hover={{
-              color: "#000",
-              border: "1px solid white",
-              zIndex: 1,
-            }}
-          >
-            {BannerContent[2].btn}
-          </Button>
+                border: "1px solid white",
+                zIndex: 1,
+              }}
+            >
+              {BannerContent[2].btn}
+            </Button>
+          </Link>
         </Box>
       </Container>
     </Box>

src/components/Community/CommunityCard.jsx

@@ -57,7 +57,7 @@ const individuals = [
     name: "Eser Torun, CFA",
     jobTitle: "Chief Growth Officer",
     description:
-      "Deeply passionate about Cryptography, Zero Knowledge Proofs, and Number Theory.",
+      "Expert at balancing risk-taking with sound business judgment in decision-making.",
     imageUrl: imgten,
     link: `https://www.linkedin.com/in/eser-torun-cfa?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`,
   },
@@ -93,7 +93,7 @@ const individuals = [
     name: "Arnab Ghose",
     jobTitle: "Senior Blockchain Engineer",
     description:
-      "Developed revolutionary PoP protocol, P2P data transfer and transaction processing functions.",
+      "Master at handling complex tasks and gives 100% effort all the time.",
     imageUrl: imgeleven,
     link: `https://www.linkedin.com/in/arnabghose997?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`,
   },