Changes carousel logo and added pdf in security page

This commit is contained in:
rockyeverlast
2024-05-02 20:02:02 +05:30
parent 211c4a2ac3
commit 84958115ec
17 changed files with 235 additions and 22 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 338 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 67 KiB

BIN
src/assets/images/ymca.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 156 KiB

View File

@@ -37,10 +37,11 @@ import "swiper/css/navigation";
import { Navigation, Pagination, Autoplay } from "swiper/modules";
import { useState } from "react";
import { Link } from "react-router-dom";
const imgWidth = {
width: "180px",
height: "82px",
width: "210px",
height: "140px",
objectFit: "contain",
filter: "grayscale(1)",
transition: "0.5s",
@@ -123,10 +124,19 @@ export default function Partner() {
}}
>
<Image src={chainx} sx={imgWidth} />
<Image src={jupiter} sx={imgWidth} />
<Image src={finalo} sx={imgWidth} />
<Image src={ymca} sx={imgWidth} />
<Image src={ondc} sx={imgWidth} />
<Link to="https://jupitermeta.io/" target="_blank">
<Image src={jupiter} sx={imgWidth} />
</Link>
<Link to="https://www.finaoeducation.com/" target="_blank">
<Image src={finalo} sx={imgWidth} />
</Link>
<Link to="https://www.ymca.org/" target="_blank">
<Image src={ymca} sx={imgWidth} />
</Link>
<Link to="https://ondc.org/" target="_blank">
<Image src={ondc} sx={imgWidth} />
</Link>
</Box>
<Box
display={"flex"}
@@ -137,11 +147,27 @@ export default function Partner() {
"@media (max-width: 996px)": {},
}}
>
<Image src={ensurity} sx={imgWidth} />
<Image src={exr} sx={imgWidth} />
<Image src={iskon} sx={imgWidth} />
<Image src={smartcity} sx={imgWidth} />
<Image src={bescom} sx={imgWidth} />
<Link to="https://www.ensurity.com/" target="_blank">
<Image src={ensurity} sx={imgWidth} />
</Link>
<Link to="https://getfexr.com/" target="_blank">
<Image src={exr} sx={imgWidth} />
</Link>
<Link to="https://www.iskcon.org/" target="_blank">
<Image src={iskon} sx={imgWidth} />
</Link>
<Link
to="https://smartcityresearch.iiit.ac.in/"
target="_blank"
>
<Image src={smartcity} sx={imgWidth} />
</Link>
<Link
to="https://bescom.co.in/bescom/main/home"
target="_blank"
>
<Image src={bescom} sx={imgWidth} />
</Link>
</Box>
</Box>
</SwiperSlide>
@@ -160,9 +186,18 @@ export default function Partner() {
>
<Image src={kpmg} sx={imgWidth} />
<Image src={cwde} sx={imgWidth} />
<Image src={tzero} sx={imgWidth} />
<Image src={irctc} sx={imgWidth} />
<Image src={hdfc} sx={imgWidth} />
<Link to="https://www.tzero.com/" target="_blank">
<Image src={tzero} sx={imgWidth} />
</Link>
<Link
to="https://www.irctc.co.in/nget/train-search"
target="_blank"
>
<Image src={irctc} sx={imgWidth} />
</Link>
<Link to="https://www.hdfcbank.com/" target="_blank">
<Image src={hdfc} sx={imgWidth} />
</Link>
</Box>
<Box
display={"flex"}
@@ -173,11 +208,30 @@ export default function Partner() {
"@media (max-width: 996px)": {},
}}
>
<Image src={bharat} sx={imgWidth} />
<Image src={zing} sx={imgWidth} />
<Image src={iskon} sx={imgWidth} />
<Image src={smartcity} sx={imgWidth} />
<Image src={bescom} sx={imgWidth} />
<Link
to="https://bharat6galliance.com/index.php"
target="_blank"
>
<Image src={bharat} sx={imgWidth} />
</Link>
<Link to="https://www.zinghr.com/" target="_blank">
<Image src={zing} sx={imgWidth} />
</Link>
<Link to="https://www.iskcon.org/" target="_blank">
<Image src={iskon} sx={imgWidth} />
</Link>
<Link
to="https://smartcityresearch.iiit.ac.in/"
target="_blank"
>
<Image src={smartcity} sx={imgWidth} />
</Link>
<Link
to=" https://bescom.co.in/bescom/main/home"
target="_blank"
>
<Image src={bescom} sx={imgWidth} />
</Link>
</Box>
</Box>
</SwiperSlide>

View File

@@ -3,7 +3,9 @@
/* eslint-disable no-unused-vars */
// eslint-disable-next-line no-unused-vars
import React, { useEffect } from "react";
import { Box, Text } from "@chakra-ui/react";
import { Box, Button, Image, Text } from "@chakra-ui/react";
import pdf from "../../assets/pdf/Rubix.pdf";
import cardimg from "../../assets/images/CardImg.png";
// eslint-disable-next-line react/prop-types
const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
@@ -90,7 +92,12 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
w={"100%"}
>
{useCase.map(
({ useCaseHeading, useCaseSubHeading, useCaseDetails }) => (
({
useCaseHeading,
useCaseSubHeading,
useCaseDetails,
documents,
}) => (
<Box
display={"flex"}
justifyContent={"center"}
@@ -140,7 +147,7 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
</Text>
</Box>
{useCaseDetails.map(({ title, description }, index) => (
{useCaseDetails?.map(({ title, description }) => (
<Box
width={"75vw"}
sx={{
@@ -175,6 +182,74 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
</Text>
</Box>
))}
{documents?.map((item) => (
<Box marginBottom={"2rem"} key={item.id}>
<Box
width={"420px"}
background={"#404040"}
borderRadius={"10px"}
minHeight={"340px"}
padding={"15px"}
sx={{
"@media (max-width: 600px)": {
width: "100%",
minHeight: "0",
},
}}
>
<Image src={cardimg} />
<Box padding={"1rem"}>
<Text
color={"#fff"}
fontSize={"25px"}
marginBottom={"20px"}
minHeight={"40px"}
maxWidth={"420px"}
>
{item.title}
</Text>
<Box
display={"flex"}
alignItems={"center"}
_hover={
{
// flexDirection: "column-reverse",
}
}
>
<Box
position={"relative"}
width={"10%"}
_before={{
content: '""',
width: "100%",
position: "absolute",
left: "0",
borderBottom: "2px solid #DE858E",
borderRadius: "5px",
zIndex: "2",
}}
></Box>
<a download="RubiX_WhitePaper.pdf" href={pdf}>
<Button
position={"relative"}
backgroundColor={"transparent"}
color={"#fff"}
fontFamily={"Poppins"}
fontWeight={"400"}
_hover={{
backgroundColor: "transparent",
}}
>
View Document
</Button>
</a>
</Box>
</Box>
</Box>
</Box>
))}
</Box>
)
)}

View File

@@ -270,3 +270,73 @@ export const healthTechContent = [
],
},
];
export const IdentitySecurityContent = [
{
useCaseHeading: "Identity and Security",
useCaseSubHeading:
"The HealthTech sector, while promising significant advancements in healthcare delivery and patient outcomes, faces several challenges that hinder its full potential. Some of the key issues include:",
useCaseDetails: [
{
title: "Data Silos and Interoperability Challenges",
description:
"HealthTech solutions often operate in silos, with patient data fragmented across disparate systems and platforms. This lack of interoperability makes it difficult for healthcare providers to access comprehensive patient information, leading to inefficiencies in care delivery and decision-making.",
},
{
title: "Data Fragmentation and Integration",
description:
"FinTech solutions often grapple with fragmented data sources, including bank accounts, investment portfolios, and retirement accounts. Integrating and aggregating these disparate data sets presents technical challenges, hindering the development of holistic financial management tools and insights.",
},
{
title: "Integration with Legacy Systems",
description:
"Healthcare organizations often rely on legacy systems that may be outdated or incompatible with modern HealthTech solutions. Integrating new technologies with existing infrastructure poses technical challenges and requires substantial time, resources, and expertise, delaying the adoption and implementation of innovative solutions.",
},
{
title: "Regulatory Compliance Burden",
description:
"HealthTech companies must navigate a complex regulatory landscape, including healthcare laws, privacy regulations (such as HIPAA in the United States), and industry standards (such as HL7 and DICOM). Achieving and maintaining regulatory compliance adds complexity and costs to product development and deployment, potentially slowing innovation and market entry.",
},
{
title: "Complexity and Fragmentation",
description:
"The MarTech landscape is characterized by a multitude of disparate tools, platforms, and technologies, leading to fragmentation and interoperability challenges. Integrating and managing these diverse components often requires significant time, resources, and technical expertise.",
},
],
},
{
useCaseHeading: "How Rubix solves them",
useCaseSubHeading:
"Rubix addresses the challenges faced by the healthcare industry while promoting data security, interoperability, and patient empowerment. Here's how Rubix based solutions can  revolutionise HealthTech:",
useCaseDetails: [
{
title: "Patient Centric engagement platforms",
description:
"Rubix powered dAPPs can provide a privacy enhanced, user centric, unified health data service  that aggregates and standardises  health and wellness information from disparate sources, including electronic health records (EHRs), wearable devices, and telehealth platforms. By breaking down data silos and enhancing interoperability, these dAPPs can enable healthcare providers to access comprehensive patient insights and deliver personalized care without compromising on patient privacy",
},
{
title: "Secure Data Sharing and Collaboration",
description:
"dAPPs built on Rubix can prioritize data security and privacy, implementing robust encryption, access controls, and audit trails to safeguard patient information throughout their lifecycle. With end-to-end encryption and secure collaboration features, Rubix facilitates safe and  privacy regulations compliant data sharing among healthcare stakeholders, including providers, patients, researchers, and insurers.",
},
{
title: "Seamless Integration with Legacy Systems",
description:
"Rubix single composable stack with easy to implement smart contract framework can help seamless migration of existing  Web2 based healthcare infrastructure, including legacy EHR systems, medical devices, and administrative systems. By offering flexible APIs, standards-based interfaces, and modular architecture, Rubix simplifies the integration process, accelerates time to market, and minimizes disruption to healthcare operations.",
},
{
title: "Regulatory Compliance Made Easy",
description:
"Rubix powered dAPPs can help healthcare organisations navigate complex regulatory requirements with built-in compliance features and tools. From HIPAA compliance to interoperability standards like HL7 and FHIR, dAPPs can ensure adherence to regulatory guidelines and industry best practices, reducing compliance burden and mitigating risk.",
},
],
},
{
documents: [
{
id: 1,
title: "Regulatory Compliance Made Easy",
},
],
},
];

View File

@@ -5,6 +5,7 @@ import ArticleInternalThree from "../components/ArticleInternalThree/ArticleInte
import ArticleInternalTwo from "../components/ArticleInternalTwo/ArticleInternalTwo";
import ArticleInternalfive from "../components/ArticleInternalfive/ArticleInternalfive";
import {
IdentitySecurityContent,
adTechContent,
healthTechContent,
marTechContent,
@@ -171,4 +172,17 @@ export const route = [
/>
),
},
{
path: "identity-security",
element: (
<UseCase
bannerHeading={"Identity and Security"}
bannerSubHeading={
"Stay up to date on whats happening with Rubix, learn about upcoming events and access important resources."
}
bannerImage={healthTech}
useCase={IdentitySecurityContent}
/>
),
},
];