From aa0621e9c0fb8db78ecb123f4b58894683dd8178 Mon Sep 17 00:00:00 2001
From: rockyeverlast <rockyeverlast@gmail.com>
Date: Thu, 6 Jun 2024 19:10:19 +0530
Subject: [PATCH] Home banner btn fixed

---
 src/components/HomePage/HomeBanner.jsx        | 120 +++++++++---------
 .../tabInsideContent/TabsVideo.jsx            |   2 +-
 .../ResourcesPage/tableContent/VideoTable.jsx |   2 +-
 3 files changed, 61 insertions(+), 63 deletions(-)

diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx
index 97da448..b7635e1 100644
--- a/src/components/HomePage/HomeBanner.jsx
+++ b/src/components/HomePage/HomeBanner.jsx
@@ -136,68 +136,66 @@ const HomeBanner = () => {
               />
             </Box>
 
-            {BannerContent[2] && (
-              <Link to="/BuildPage">
-                <Button
-                  position={"relative"}
-                  backgroundColor={"transparent"}
-                  cursor={"pointer"}
-                  transition="0.3s ease-in-out"
-                  color={"#fff"}
-                  // width={"216px"}
-                  height={"56px"}
-                  fontFamily={"Poppins"}
-                  fontWeight={"400"}
-                  border={"1px solid white"}
-                  borderRadius={"10px"}
-                  fontSize={"18px"}
-                  zIndex={"1"}
-                  overflow={"hidden"}
-                  marginTop={"2rem"}
-                  paddingInline={"4rem"}
-                  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: 600px)": {
-                      fontSize: "14px",
-                      width: "230px",
-                      height: "44px",
-                      marginTop: "2rem",
-                      bgGradient:
-                        "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
-                      color: "#000",
-                      fontWeight: "600",
-                    },
-                  }}
-                  _hover={{
+            <Link to={item.CTO_button_link}>
+              <Button
+                position={"relative"}
+                backgroundColor={"transparent"}
+                cursor={"pointer"}
+                transition="0.3s ease-in-out"
+                color={"#fff"}
+                // width={"216px"}
+                height={"56px"}
+                fontFamily={"Poppins"}
+                fontWeight={"400"}
+                border={"1px solid white"}
+                borderRadius={"10px"}
+                fontSize={"18px"}
+                zIndex={"1"}
+                overflow={"hidden"}
+                marginTop={"2rem"}
+                paddingInline={"4rem"}
+                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: 600px)": {
+                    fontSize: "14px",
+                    width: "230px",
+                    height: "44px",
+                    marginTop: "2rem",
+                    bgGradient:
+                      "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
                     color: "#000",
-                    border: "1px solid white",
-                    zIndex: 1,
-                  }}
-                >
-                  {BannerContent[2].btn}
-                </Button>
-              </Link>
-            )}
+                    fontWeight: "600",
+                  },
+                }}
+                _hover={{
+                  color: "#000",
+                  border: "1px solid white",
+                  zIndex: 1,
+                }}
+              >
+                {item.CTO_button_title}
+              </Button>
+            </Link>
           </Container>
         </Box>
       ))}
diff --git a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
index be9afc1..543dcf2 100644
--- a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
@@ -148,7 +148,7 @@ const TabsVideo = () => {
                     fontSize={"14px"}
                     marginBottom={"1rem"}
                   >
-                    Video : {item.duration} min
+                    Video : {item.duration}
                   </Badge>
                   <Text
                     as={"h2"}
diff --git a/src/components/ResourcesPage/tableContent/VideoTable.jsx b/src/components/ResourcesPage/tableContent/VideoTable.jsx
index e650dc8..1a8f43f 100644
--- a/src/components/ResourcesPage/tableContent/VideoTable.jsx
+++ b/src/components/ResourcesPage/tableContent/VideoTable.jsx
@@ -144,7 +144,7 @@ const VideoTable = () => {
                 </Text>
 
                 <Text marginBottom={"20px"} fontSize={"12px"}>
-                  Duration : {content.duration} min
+                  Duration : {content.duration}
                 </Text>
                 <Box
                   display={"flex"}