Images and routes updated in useCases

src/components/UseCase/UseCase.jsx

@@ -22,6 +22,7 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
         backgroundRepeat={"no-repeat"}
         backgroundSize={"cover"}
         position="relative"
+        backgroundPosition={"center"}
         sx={{
           "@media (max-width: 600px)": {
             height: "400px",
@@ -198,7 +199,7 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
                     },
                   }}
                 >
-                  Documents to Use Cases
+                  Use Cases
                 </Text>
               ) : (
                 ""

src/routes/_routes.jsx

@@ -22,6 +22,8 @@ import fintech from "../assets/images/usecase-bg.png";
 import adTech from "../assets/images/addtech.jpg";
 import martech from "../assets/images/martech.png";
 import healthTech from "../assets/images/health-tech.png";
+import security from "../assets/images/i&security-bg.png";
+import tele from "../assets/images/Telecom-bg.png";
 import Form from "../components/Contact/Form";
 import UseCase from "../components/UseCase/UseCase";
 import ResourcesPage from "../pages/ResourcesPage";
@@ -171,7 +173,7 @@ export const route = [
         bannerSubHeading={
           "Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
         }
-        bannerImage={healthTech}
+        bannerImage={security}
         useCase={IdentitySecurityContent}
       />
     ),
@@ -184,7 +186,7 @@ export const route = [
         bannerSubHeading={
           "Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
         }
-        bannerImage={healthTech}
+        bannerImage={tele}
         useCase={telecom}
       />
     ),