diff --git a/src/assets/images/Telecom-bg.png b/src/assets/images/Telecom-bg.png new file mode 100644 index 0000000..6bcfea3 Binary files /dev/null and b/src/assets/images/Telecom-bg.png differ diff --git a/src/assets/images/i&security-bg.png b/src/assets/images/i&security-bg.png new file mode 100644 index 0000000..92482f6 Binary files /dev/null and b/src/assets/images/i&security-bg.png differ diff --git a/src/components/UseCase/UseCase.jsx b/src/components/UseCase/UseCase.jsx index 7e4788a..e4eecde 100644 --- a/src/components/UseCase/UseCase.jsx +++ b/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 ) : ( "" diff --git a/src/routes/_routes.jsx b/src/routes/_routes.jsx index 6bf72c7..b79bcfa 100644 --- a/src/routes/_routes.jsx +++ b/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} /> ),