From 9b5d233217dcb33af7920b24bb8cd2f2526b4b01 Mon Sep 17 00:00:00 2001
From: rockyeverlast <rockyeverlast@gmail.com>
Date: Tue, 30 Apr 2024 17:26:03 +0530
Subject: [PATCH] Changes to mobileSubnet slider delay and partner sect

---
 src/components/Contact/Form.jsx               |   2 +-
 .../MobileComponent/MobileSubnet.jsx          |  15 +-
 .../MobileComponent/MobileSubnet2.jsx         |   4 +-
 .../MobileComponent/MobileSubnet3.jsx         |   4 +-
 src/components/NavBar/NavBar.jsx              | 163 ++++++++++--------
 src/index.css                                 |   7 +
 6 files changed, 109 insertions(+), 86 deletions(-)

diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx
index 4ddfd16..60e8035 100644
--- a/src/components/Contact/Form.jsx
+++ b/src/components/Contact/Form.jsx
@@ -471,7 +471,7 @@ const Contact = () => {
                         placeholder
                         type="tel"
                         enableSearch={true}
-                        // country={"in"}
+                        country={"in"}
                         inputStyle={{
                           display: "block",
                           marginBottom: "5px !important",
diff --git a/src/components/MobileComponent/MobileSubnet.jsx b/src/components/MobileComponent/MobileSubnet.jsx
index 4af0449..2f4f015 100644
--- a/src/components/MobileComponent/MobileSubnet.jsx
+++ b/src/components/MobileComponent/MobileSubnet.jsx
@@ -16,14 +16,15 @@ const MobileSubnet = () => {
   return (
     <>
       <Swiper
+        className="mobile-subnet"
         pagination={true}
-        navigation={false}
+        navigation={true}
         modules={[Navigation, Pagination, Autoplay]}
         loop={true}
-        // autoplay={{
-        //   delay: 2500,
-        //   disableOnInteraction: false,
-        // }}
+        autoplay={{
+          delay: 10000,
+          disableOnInteraction: false,
+        }}
         style={{
           backgroundColor: "#000",
           paddingBottom: "6rem",
@@ -57,13 +58,13 @@ const MobileSubnet = () => {
                   as={"h2"}
                   paddingTop={"2rem"}
                   fontWeight={500}
-                  fontSize={"20px"}
+                  fontSize={"22px"}
                   textTransform={"capitalize"}
                   color={"#fff"}
                   sx={{
                     "@media (max-width: 1024px)": {},
                     "@media (max-width: 375px)": {
-                      fontSize: "18px",
+                      fontSize: "22px",
                     },
                   }}
                 >
diff --git a/src/components/MobileComponent/MobileSubnet2.jsx b/src/components/MobileComponent/MobileSubnet2.jsx
index bba2856..65573fe 100644
--- a/src/components/MobileComponent/MobileSubnet2.jsx
+++ b/src/components/MobileComponent/MobileSubnet2.jsx
@@ -22,13 +22,13 @@ const MobileSubnet2 = ({ font }) => {
             as={"h2"}
             paddingTop={"2rem"}
             fontWeight={500}
-            fontSize={"20px"}
+            fontSize={"22px"}
             textTransform={"capitalize"}
             color={"#fff"}
             sx={{
               "@media (max-width: 1024px)": {},
               "@media (max-width: 375px)": {
-                fontSize: "18px",
+                fontSize: "22px",
               },
             }}
           >
diff --git a/src/components/MobileComponent/MobileSubnet3.jsx b/src/components/MobileComponent/MobileSubnet3.jsx
index 4b0bd7d..6de9c6b 100644
--- a/src/components/MobileComponent/MobileSubnet3.jsx
+++ b/src/components/MobileComponent/MobileSubnet3.jsx
@@ -24,13 +24,13 @@ const MobileSubnet3 = ({ font }) => {
             as={"h2"}
             paddingTop={"2rem"}
             fontWeight={500}
-            fontSize={"20px"}
+            fontSize={"22px"}
             textTransform={"capitalize"}
             color={"#fff"}
             sx={{
               "@media (max-width: 1024px)": {},
               "@media (max-width: 375px)": {
-                fontSize: "18px",
+                fontSize: "22px",
               },
             }}
           >
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 0d461b1..4528ec1 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -491,6 +491,8 @@ const NavBar = () => {
                     borderRadius={"10px"}
                     border={"none"}
                     padding={"1rem"}
+                    width={"70%"}
+                    margin={"0 auto"}
                     _focus={{
                       boxShadow: "none",
                     }}
@@ -498,87 +500,100 @@ const NavBar = () => {
                     onMouseLeave={() => setIsHoveredCases(false)}
                   >
                     <PopoverArrow backgroundColor={"#0D0B20"} shadow={"none"} />
-                    <PopoverBody>
-                      <Link
-                        to="/fin-tech"
-                        className="link"
-                        style={
-                          location.pathname === "/fin-tech" ? highlight : normal
-                        }
-                      >
-                        <Box
-                          display={"flex"}
-                          alignItems={"center"}
-                          gap={"1rem"}
-                          marginBottom={"1rem"}
+                    <Box
+                      display={"flex"}
+                      alignItems={"center"}
+                      flexWrap={"wrap"}
+                      justifyContent={"space-between"}
+                    >
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/fin-tech"
+                          className="link"
+                          style={
+                            location.pathname === "/fin-tech"
+                              ? highlight
+                              : normal
+                          }
                         >
-                          <Image src={fintechIcon} width={`${iconwidth}`} />
-                          FinTech
-                        </Box>
-                      </Link>
-                    </PopoverBody>
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={fintechIcon} width={`${iconwidth}`} />
+                            FinTech
+                          </Box>
+                        </Link>
+                      </PopoverBody>
 
-                    <PopoverBody>
-                      <Link
-                        to="/ad-tech"
-                        className="link"
-                        style={
-                          location.pathname === "/ad-tech" ? highlight : normal
-                        }
-                      >
-                        <Box
-                          display={"flex"}
-                          alignItems={"center"}
-                          gap={"1rem"}
-                          marginBottom={"1rem"}
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/ad-tech"
+                          className="link"
+                          style={
+                            location.pathname === "/ad-tech"
+                              ? highlight
+                              : normal
+                          }
                         >
-                          <Image src={adTech} width={`${iconwidth}`} />
-                          AdTech
-                        </Box>
-                      </Link>
-                    </PopoverBody>
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={adTech} width={`${iconwidth}`} />
+                            AdTech
+                          </Box>
+                        </Link>
+                      </PopoverBody>
 
-                    <PopoverBody>
-                      <Link
-                        to="/mar-tech"
-                        className="link"
-                        style={
-                          location.pathname === "/mar-tech" ? highlight : normal
-                        }
-                      >
-                        <Box
-                          display={"flex"}
-                          alignItems={"center"}
-                          gap={"1rem"}
-                          marginBottom={"1rem"}
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/mar-tech"
+                          className="link"
+                          style={
+                            location.pathname === "/mar-tech"
+                              ? highlight
+                              : normal
+                          }
                         >
-                          <Image src={marTech} width={`${iconwidth}`} />
-                          MarTech
-                        </Box>
-                      </Link>
-                    </PopoverBody>
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={marTech} width={`${iconwidth}`} />
+                            MarTech
+                          </Box>
+                        </Link>
+                      </PopoverBody>
 
-                    <PopoverBody>
-                      <Link
-                        to="/health-tech"
-                        className="link"
-                        style={
-                          location.pathname === "/health-tech"
-                            ? highlight
-                            : normal
-                        }
-                      >
-                        <Box
-                          display={"flex"}
-                          alignItems={"center"}
-                          gap={"1rem"}
-                          marginBottom={"1rem"}
+                      <PopoverBody width={"45%"}>
+                        <Link
+                          to="/health-tech"
+                          className="link"
+                          style={
+                            location.pathname === "/health-tech"
+                              ? highlight
+                              : normal
+                          }
                         >
-                          <Image src={healthTech} width={`${iconwidth}`} />
-                          HealthTech
-                        </Box>
-                      </Link>
-                    </PopoverBody>
+                          <Box
+                            display={"flex"}
+                            alignItems={"center"}
+                            gap={"1rem"}
+                            marginBottom={"1rem"}
+                          >
+                            <Image src={healthTech} width={`${iconwidth}`} />
+                            HealthTech
+                          </Box>
+                        </Link>
+                      </PopoverBody>
+                    </Box>
                   </PopoverContent>
                 </Popover>
 
diff --git a/src/index.css b/src/index.css
index d66d1a4..45c71a6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -238,6 +238,13 @@ span.swiper-pagination-bullet {
     -ms-transform: translateY(0%);
     -o-transform: translateY(0%);
   }
+
+  .mobile-subnet .swiper-button-next {
+    right: 0px;
+  }
+  .mobile-subnet .swiper-button-prev {
+    left: 0px;
+  }
 }
 
 @media only screen and (max-width: 375px) {