mirror of
https://github.com/WDI-Ideas/rubix.git
synced 2026-04-28 01:35:49 +00:00
Updated UseCases and Home page links and Learn page links
This commit is contained in:
rockyeverlast
63
src/App.jsx
63
src/App.jsx
@@ -13,6 +13,11 @@ import Contact from "./pages/Contact";
|
||||
import UseCases from "./pages/UseCases";
|
||||
import ArticleInternalPage from "./components/ArticleInternalPage/ArticleInternalPage";
|
||||
import NotFound from "./pages/NotFound";
|
||||
import fintech from "../src/assets/images/usecase-bg.png";
|
||||
import adTech from "../src/assets/images/addtech.jpg";
|
||||
import martech from "../src/assets/images/martech.png";
|
||||
import healthTech from "../src/assets/images/health-tech.png";
|
||||
import { useCase } from "./data/useCase";
|
||||
|
||||
const router = createBrowserRouter(
|
||||
createRoutesFromElements(
|
||||
@@ -22,9 +27,65 @@ const router = createBrowserRouter(
|
||||
<Route path="BuildPage" element={<BuildPage />} />
|
||||
<Route path="UseCases" element={<UseCases />} />
|
||||
<Route path="community" element={<Community />} />
|
||||
<Route path="Articles" element={<ArticleInternalPage />} />
|
||||
<Route
|
||||
path="Articles/the_proofchain_technical_whitepaper"
|
||||
element={<ArticleInternalPage />}
|
||||
/>
|
||||
<Route path="Contact" element={<Contact />} />
|
||||
<Route path="*" element={<NotFound />} />
|
||||
<Route
|
||||
path="fin-tech"
|
||||
element={
|
||||
<UseCases
|
||||
bannerHeading={"FinTech"}
|
||||
bannerSubHeading={
|
||||
"Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
|
||||
}
|
||||
bannerImage={fintech}
|
||||
useCase={useCase}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
|
||||
<Route
|
||||
path="ad-tech"
|
||||
element={
|
||||
<UseCases
|
||||
bannerHeading={"AdTech"}
|
||||
bannerSubHeading={
|
||||
"Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
|
||||
}
|
||||
bannerImage={adTech}
|
||||
useCase={useCase}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<Route
|
||||
path="mar-tech"
|
||||
element={
|
||||
<UseCases
|
||||
bannerHeading={"MarTech"}
|
||||
bannerSubHeading={
|
||||
"Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
|
||||
}
|
||||
bannerImage={martech}
|
||||
useCase={useCase}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<Route
|
||||
path="health-tech"
|
||||
element={
|
||||
<UseCases
|
||||
bannerHeading={"HealthTech"}
|
||||
bannerSubHeading={
|
||||
"Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
|
||||
}
|
||||
bannerImage={healthTech}
|
||||
useCase={useCase}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</Route>
|
||||
)
|
||||
);
|
||||
|
||||
BIN
src/assets/images/addtech.jpg
Normal file
BIN
src/assets/images/addtech.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
src/assets/images/health-tech.png
Normal file
BIN
src/assets/images/health-tech.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
src/assets/images/martech.png
Normal file
BIN
src/assets/images/martech.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
@@ -98,7 +98,7 @@ const LearnMore = () => {
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "none",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
/* eslint-disable react/prop-types */
|
||||
/* eslint-disable no-unused-vars */
|
||||
import { Box, Container, Text, Image, Button } from "@chakra-ui/react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const LearnCard = ({ id, src, alt, text }) => {
|
||||
const LearnCard = ({ id, src, alt, text, href }) => {
|
||||
return (
|
||||
<Box padding={"1px"} borderRadius={"10px"}>
|
||||
{/* {images.map((img) => (
|
||||
@@ -59,18 +60,20 @@ const LearnCard = ({ id, src, alt, text }) => {
|
||||
zIndex: "2",
|
||||
}}
|
||||
></Box>
|
||||
<Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
color={"#fff"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
_hover={{
|
||||
backgroundColor: "transparent",
|
||||
}}
|
||||
>
|
||||
Visit Website
|
||||
</Button>
|
||||
<Link to={href} target="_blank" rel="noopener noreferrer">
|
||||
<Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
color={"#fff"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
_hover={{
|
||||
backgroundColor: "transparent",
|
||||
}}
|
||||
>
|
||||
Visit Website
|
||||
</Button>
|
||||
</Link>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -113,14 +113,14 @@ const individuals = [
|
||||
"A highly keen blockchain engineer with a zeal for innovation who brings new ideas to the table.",
|
||||
imageUrl: imgnine,
|
||||
},
|
||||
{
|
||||
location: "india",
|
||||
name: "Maneesha Panda",
|
||||
jobTitle: "Blockchain Engineer",
|
||||
description:
|
||||
"A highly keen blockchain engineer with a zeal for innovation who brings new ideas to the table.",
|
||||
imageUrl: imgnine,
|
||||
},
|
||||
// {
|
||||
// location: "india",
|
||||
// name: "Maneesha Panda",
|
||||
// jobTitle: "Blockchain Engineer",
|
||||
// description:
|
||||
// "A highly keen blockchain engineer with a zeal for innovation who brings new ideas to the table.",
|
||||
// imageUrl: imgnine,
|
||||
// },
|
||||
];
|
||||
|
||||
const CommunityCard = () => {
|
||||
|
||||
@@ -149,7 +149,7 @@ const Footer = () => {
|
||||
fontFamily={"Mona Sans"}
|
||||
fontWeight={"500"}
|
||||
fontSize={"22px"}
|
||||
marginBottom={"2rem"}
|
||||
marginBottom={"1rem"}
|
||||
>
|
||||
Explore
|
||||
</Text>
|
||||
@@ -178,7 +178,7 @@ const Footer = () => {
|
||||
fontFamily={"Mona Sans"}
|
||||
fontWeight={"500"}
|
||||
fontSize={"22px"}
|
||||
marginBottom={"2rem"}
|
||||
marginBottom={"1rem"}
|
||||
>
|
||||
Social
|
||||
</Text>
|
||||
@@ -190,42 +190,69 @@ const Footer = () => {
|
||||
fontWeight={"400"}
|
||||
marginLeft={"0px !important"}
|
||||
>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<Link
|
||||
to="https://t.me/rubixblockchain"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={tele} />
|
||||
telegram
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={tele} />
|
||||
Telegram
|
||||
</ListItem>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to="https://twitter.com/rubixchain"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={x} />
|
||||
Twitter
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={x} />
|
||||
Twitter
|
||||
</ListItem>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to="https://github.com/rubixchain"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={github} />
|
||||
GitHub
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={github} />
|
||||
GitHub
|
||||
</ListItem>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to="https://discord.com/invite/MNYPfhFEEk"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={discord} />
|
||||
Discord
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={discord} />
|
||||
Discord
|
||||
</ListItem>
|
||||
</Link>
|
||||
</UnorderedList>
|
||||
</Box>
|
||||
<Box
|
||||
@@ -244,33 +271,53 @@ const Footer = () => {
|
||||
fontWeight={"400"}
|
||||
marginLeft={"0px !important"}
|
||||
>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<Link
|
||||
to="https://www.reddit.com/r/rubixchain/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={reddit} />
|
||||
Reddit
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={reddit} />
|
||||
Reddit
|
||||
</ListItem>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to="https://www.facebook.com/RubixChain"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={fb} />
|
||||
Facebook
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={fb} />
|
||||
Facebook
|
||||
</ListItem>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
to="https://www.linkedin.com/company/rubixnet/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={linked} />
|
||||
LinkedIn
|
||||
</ListItem>
|
||||
<ListItem
|
||||
marginBottom={"1rem"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
gap={"10px"}
|
||||
>
|
||||
<Image src={linked} />
|
||||
LinkedIn
|
||||
</ListItem>
|
||||
</Link>
|
||||
</UnorderedList>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -2,6 +2,7 @@ import { Box, Button, Text } from "@chakra-ui/react";
|
||||
import { Container } from "@chakra-ui/react";
|
||||
import { useMediaQuery } from "@chakra-ui/react";
|
||||
import banner from "../../assets/images/bannerBg.gif";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const BannerContent = [
|
||||
{
|
||||
@@ -120,7 +121,7 @@ const HomeBanner = () => {
|
||||
fontWeight={"400"}
|
||||
lineHeight={"37.5px"}
|
||||
fontFamily={"Poppins"}
|
||||
width={"80%"}
|
||||
width={"77%"}
|
||||
margin={"20px auto 0 auto"}
|
||||
sx={{
|
||||
"@media (max-width: 1024px)": {
|
||||
@@ -137,53 +138,55 @@ const HomeBanner = () => {
|
||||
</Box>
|
||||
|
||||
{BannerContent[2] && (
|
||||
<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"}
|
||||
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",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{BannerContent[2].btn}
|
||||
</Button>
|
||||
<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"}
|
||||
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",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{BannerContent[2].btn}
|
||||
</Button>
|
||||
</Link>
|
||||
)}
|
||||
</Container>
|
||||
</Box>
|
||||
|
||||
@@ -18,6 +18,21 @@ const content = [
|
||||
date: `Published: March 13, 2020`,
|
||||
text: `Enterprise blockchains on a Public Chain!`,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
date: `Published: March 13, 2020`,
|
||||
text: `Enterprise blockchains on a Public Chain!`,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
date: `Published: March 13, 2020`,
|
||||
text: `Enterprise blockchains on a Public Chain!`,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
date: `Published: March 13, 2020`,
|
||||
text: `Enterprise blockchains on a Public Chain!`,
|
||||
},
|
||||
];
|
||||
|
||||
const Content = {
|
||||
@@ -77,7 +92,7 @@ const Resources = () => {
|
||||
))}
|
||||
</Box>
|
||||
<Box textAlign={"center"} marginTop={"4rem"}>
|
||||
<Button
|
||||
{/* <Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
cursor={"pointer"}
|
||||
@@ -122,7 +137,7 @@ const Resources = () => {
|
||||
}}
|
||||
>
|
||||
View More
|
||||
</Button>
|
||||
</Button> */}
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { Box, Button, Container, Text } from "@chakra-ui/react";
|
||||
import banner from "../../assets/images/learnBanner.webp";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const BannerContent = [
|
||||
{
|
||||
@@ -116,53 +117,59 @@ const LearnBanner = () => {
|
||||
{BannerContent[1].subheading}
|
||||
</Text>
|
||||
</Box>
|
||||
<Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
cursor={"pointer"}
|
||||
transition="0.3s ease-in-out"
|
||||
color={"#fff"}
|
||||
width={"216px"}
|
||||
marginTop={"2rem"}
|
||||
height={"56px"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
border={"1px solid white"}
|
||||
borderRadius={"10px"}
|
||||
fontSize={"20px"}
|
||||
zIndex={"1"}
|
||||
overflow={"hidden"}
|
||||
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",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
<Link
|
||||
to="https://learn.rubix.net/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
{BannerContent[2].btn}
|
||||
</Button>
|
||||
<Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
cursor={"pointer"}
|
||||
transition="0.3s ease-in-out"
|
||||
color={"#fff"}
|
||||
width={"216px"}
|
||||
marginTop={"2rem"}
|
||||
height={"56px"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
border={"1px solid white"}
|
||||
borderRadius={"10px"}
|
||||
fontSize={"20px"}
|
||||
zIndex={"1"}
|
||||
overflow={"hidden"}
|
||||
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",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{BannerContent[2].btn}
|
||||
</Button>
|
||||
</Link>
|
||||
</Box>
|
||||
</Container>
|
||||
</Box>
|
||||
|
||||
@@ -11,35 +11,39 @@ import { useMediaQuery } from "@chakra-ui/react";
|
||||
// import { Badge } from "@chakra-ui/react";
|
||||
|
||||
const content = [
|
||||
{
|
||||
id: 1,
|
||||
src: `${chainx}`,
|
||||
alt: "ChainX",
|
||||
text: `Building a Web3 infrastructure to support nonprofit communities, starting with YMCA`,
|
||||
},
|
||||
// {
|
||||
// id: 1,
|
||||
// src: `${chainx}`,
|
||||
// alt: "ChainX",
|
||||
// text: `Building a Web3 infrastructure to support nonprofit communities, starting with YMCA`,
|
||||
// },
|
||||
{
|
||||
id: 2,
|
||||
src: ensurity,
|
||||
alt: "Ensurity",
|
||||
text: `Building solutions for an easier transition from Web2 to Web3 for global enterprises with a focus on public sector companies.`,
|
||||
href: `https://www.ensurity.com/`,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
src: exr,
|
||||
alt: "EXR",
|
||||
text: `A metaverse, XR, and Web3 entity offering solutions that infuse gamification and tokenomics.`,
|
||||
href: `https://getfexr.com/`,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
src: finalo,
|
||||
alt: "Finalo Education",
|
||||
text: `Delivers KYC/DID solutions for banks, and financial institutions, a highly secure algorithm for quantum security and a password-less authentication process for secure scaling`,
|
||||
href: `https://www.finaoeducation.com/`,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
src: jupiter,
|
||||
alt: "Jupiter",
|
||||
text: `Mobile-based wallet that generates and stores private keys on a mobile device`,
|
||||
href: `https://jupitermeta.io/`,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -117,6 +121,7 @@ const LearnDev = () => {
|
||||
src={item.src}
|
||||
alt={item.alt}
|
||||
text={item.text}
|
||||
href={item.href}
|
||||
/>
|
||||
))}
|
||||
</Box>
|
||||
|
||||
@@ -33,7 +33,7 @@ const NavBar = () => {
|
||||
const [isHoveredLearn, setIsHoveredLearn] = useState(false);
|
||||
const [isHoveredBuild, setIsHoveredBuild] = useState(false);
|
||||
const [isHoveredCases, setIsHoveredCases] = useState(false);
|
||||
const [isHoveredCommunity, setIsHoveredCommunity] = useState(false);
|
||||
// const [isHoveredCommunity, setIsHoveredCommunity] = useState(false);
|
||||
const [windowWidth, setWindowWidth] = useState(window.innerWidth);
|
||||
const location = useLocation();
|
||||
|
||||
@@ -99,7 +99,9 @@ const NavBar = () => {
|
||||
>
|
||||
<Box marginRight={"6%"}>
|
||||
<Link
|
||||
to="/"
|
||||
to="https://getfexr.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style={{
|
||||
color: "#fff",
|
||||
marginRight: "2.5rem",
|
||||
@@ -109,7 +111,9 @@ const NavBar = () => {
|
||||
WALLET
|
||||
</Link>
|
||||
<Link
|
||||
to="/"
|
||||
to="https://rubixexplorer.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style={{
|
||||
color: "#fff",
|
||||
marginRight: "2.5rem",
|
||||
@@ -476,7 +480,7 @@ const NavBar = () => {
|
||||
<PopoverArrow backgroundColor={"#0D0B20"} shadow={"none"} />
|
||||
<PopoverBody>
|
||||
<Link
|
||||
to="/UseCases"
|
||||
to="/fin-tech"
|
||||
className="link"
|
||||
style={
|
||||
location.pathname === "/UseCases" ? highlight : normal
|
||||
@@ -496,13 +500,13 @@ const NavBar = () => {
|
||||
|
||||
<PopoverBody>
|
||||
<Link
|
||||
to="/"
|
||||
to="/ad-tech"
|
||||
className="link"
|
||||
// style={
|
||||
// location.pathname === "/LearnPage"
|
||||
// ? highlight
|
||||
// : normal
|
||||
// }
|
||||
style={
|
||||
location.pathname === "/LearnPage"
|
||||
? highlight
|
||||
: normal
|
||||
}
|
||||
>
|
||||
<Box
|
||||
display={"flex"}
|
||||
@@ -518,13 +522,13 @@ const NavBar = () => {
|
||||
|
||||
<PopoverBody>
|
||||
<Link
|
||||
to="/"
|
||||
to="/mar-tech"
|
||||
className="link"
|
||||
// style={
|
||||
// location.pathname === "/LearnPage"
|
||||
// ? highlight
|
||||
// : normal
|
||||
// }
|
||||
style={
|
||||
location.pathname === "/LearnPage"
|
||||
? highlight
|
||||
: normal
|
||||
}
|
||||
>
|
||||
<Box
|
||||
display={"flex"}
|
||||
@@ -540,13 +544,13 @@ const NavBar = () => {
|
||||
|
||||
<PopoverBody>
|
||||
<Link
|
||||
to="/"
|
||||
to="/health-tech"
|
||||
className="link"
|
||||
// style={
|
||||
// location.pathname === "/LearnPage"
|
||||
// ? highlight
|
||||
// : normal
|
||||
// }
|
||||
style={
|
||||
location.pathname === "/LearnPage"
|
||||
? highlight
|
||||
: normal
|
||||
}
|
||||
>
|
||||
<Box
|
||||
display={"flex"}
|
||||
@@ -562,7 +566,36 @@ const NavBar = () => {
|
||||
</PopoverContent>
|
||||
</Popover>
|
||||
|
||||
<Popover
|
||||
<Link
|
||||
to="/community"
|
||||
className="link"
|
||||
style={
|
||||
location.pathname === "/community" ? highlight : normal
|
||||
}
|
||||
>
|
||||
<Button
|
||||
backgroundColor={"transparent"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
_hover={{
|
||||
backgroundColor: "transparent",
|
||||
}}
|
||||
_focus={{
|
||||
boxShadow: "none",
|
||||
}}
|
||||
>
|
||||
COMMUNITY
|
||||
<span
|
||||
style={
|
||||
location.pathname === "/community" ||
|
||||
location.pathname === "/Articles"
|
||||
? active
|
||||
: linkStyle
|
||||
}
|
||||
/>
|
||||
</Button>
|
||||
</Link>
|
||||
{/* <Popover
|
||||
isOpen={isHoveredCommunity}
|
||||
onClose={() => setIsHoveredCommunity(false)}
|
||||
>
|
||||
@@ -689,7 +722,7 @@ const NavBar = () => {
|
||||
</Link>
|
||||
</PopoverBody>
|
||||
</PopoverContent>
|
||||
</Popover>
|
||||
</Popover> */}
|
||||
|
||||
<Link to="/" className="link" style={{ position: "relative" }}>
|
||||
<Button
|
||||
|
||||
@@ -64,3 +64,204 @@ export const useCase = [
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export const adTech = [
|
||||
{
|
||||
useCaseHeading: "Problems in the FinTech Sector",
|
||||
useCaseSubHeading:
|
||||
"The FinTech sector, aiming to revolutionise wealth management and financial services, encounters several challenges hindering its progress. Key issues include:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Lack of Personalization",
|
||||
description:
|
||||
"Many FinTech platforms struggle to deliver personalized financial advice and services tailored to individual client needs and goals. This limitation inhibits client engagement and satisfaction, as users seek customized solutions aligned with their unique financial situations",
|
||||
},
|
||||
{
|
||||
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: "Complexity and Accessibility",
|
||||
description:
|
||||
"The complexity of financial products and services can deter individuals from actively managing their wealth and investments. Moreover, some FinTech platforms may lack user-friendly interfaces and educational resources, limiting accessibility for less financially savvy users.",
|
||||
},
|
||||
{
|
||||
title: "Limited Investment Options",
|
||||
description:
|
||||
"While FinTech platforms offer access to a range of investment products and strategies, users may face limitations in diversifying their portfolios or accessing alternative investments. This restriction hampers investors' ability to optimize risk-adjusted returns and achieve their long-term financial goals.",
|
||||
},
|
||||
{
|
||||
title: "Security and Compliance Concerns",
|
||||
description:
|
||||
"FinTech platforms handle sensitive financial information, raising concerns about data security and regulatory compliance. Inadequate security measures and non-compliance with financial regulations can expose users to cybersecurity threats, fraud, and legal risks, eroding trust in FinTech providers.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
useCaseHeading: "How Rubix solves them",
|
||||
useCaseSubHeading:
|
||||
"Rubix addresses the challenges faced by both investors and financial institutions while providing personalized, secure, and accessible wealth management tools. Here's how Rubix based solutions can revolutionize FinTech:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Next Gen personalization services",
|
||||
description:
|
||||
"Rubix stack based dAPPs can enable Autonomous Economic Agents ( AEA) offer tokenized services ( leveraging latest Generative AI and machine learning advances) that deliver personalized financial insights and recommendations tailored to each user's financial objectives, risk tolerance, and investment preferences. ",
|
||||
},
|
||||
{
|
||||
title: "Unified Data Aggregation and Integration",
|
||||
description:
|
||||
"Consumer centric insight aggregation and analytics service providers can offer PII protected unified data aggregation that consolidates financial information from various sources, including bank accounts, investment portfolios, and retirement accounts of users. This seamless integration would enable users to access comprehensive view of their financial assets and liabilities, facilitating holistic, fully self sovereign financial planning and analysis",
|
||||
},
|
||||
{
|
||||
title: "User-Friendly Interface",
|
||||
description:
|
||||
"Rubix enables current Web2 apps to migrate to web3 without making any changes in the UI/UX. The Web Assembly compiler helps in easy code migration, with Rust/GoLang/C/c++ based smart contracts making for easy implementation and faster go to market.",
|
||||
},
|
||||
{
|
||||
title: "Diverse Investment Opportunities",
|
||||
description:
|
||||
"Tokenization of assets - financial or physical is made easier and far cheaper on the object chain based Rubix architecture which can support unlimited auto syncing subnets with DID portability across. This would mean that with a single, self sovereign DID an investor can participate in multiple tokenized investment vehicles which suit her risk/return requirements.",
|
||||
},
|
||||
{
|
||||
title: "Robust Security and Compliance Framework",
|
||||
description:
|
||||
"Rubix block chain and DID in conjunction with identity platform providers can enhance the authentication and access management systems of wealth tech providers. ",
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export const marTech = [
|
||||
{
|
||||
useCaseHeading: "Problems in the FinTech Sector",
|
||||
useCaseSubHeading:
|
||||
"The FinTech sector, aiming to revolutionise wealth management and financial services, encounters several challenges hindering its progress. Key issues include:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Lack of Personalization",
|
||||
description:
|
||||
"Many FinTech platforms struggle to deliver personalized financial advice and services tailored to individual client needs and goals. This limitation inhibits client engagement and satisfaction, as users seek customized solutions aligned with their unique financial situations",
|
||||
},
|
||||
{
|
||||
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: "Complexity and Accessibility",
|
||||
description:
|
||||
"The complexity of financial products and services can deter individuals from actively managing their wealth and investments. Moreover, some FinTech platforms may lack user-friendly interfaces and educational resources, limiting accessibility for less financially savvy users.",
|
||||
},
|
||||
{
|
||||
title: "Limited Investment Options",
|
||||
description:
|
||||
"While FinTech platforms offer access to a range of investment products and strategies, users may face limitations in diversifying their portfolios or accessing alternative investments. This restriction hampers investors' ability to optimize risk-adjusted returns and achieve their long-term financial goals.",
|
||||
},
|
||||
{
|
||||
title: "Security and Compliance Concerns",
|
||||
description:
|
||||
"FinTech platforms handle sensitive financial information, raising concerns about data security and regulatory compliance. Inadequate security measures and non-compliance with financial regulations can expose users to cybersecurity threats, fraud, and legal risks, eroding trust in FinTech providers.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
useCaseHeading: "How Rubix solves them",
|
||||
useCaseSubHeading:
|
||||
"Rubix addresses the challenges faced by both investors and financial institutions while providing personalized, secure, and accessible wealth management tools. Here's how Rubix based solutions can revolutionize FinTech:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Next Gen personalization services",
|
||||
description:
|
||||
"Rubix stack based dAPPs can enable Autonomous Economic Agents ( AEA) offer tokenized services ( leveraging latest Generative AI and machine learning advances) that deliver personalized financial insights and recommendations tailored to each user's financial objectives, risk tolerance, and investment preferences. ",
|
||||
},
|
||||
{
|
||||
title: "Unified Data Aggregation and Integration",
|
||||
description:
|
||||
"Consumer centric insight aggregation and analytics service providers can offer PII protected unified data aggregation that consolidates financial information from various sources, including bank accounts, investment portfolios, and retirement accounts of users. This seamless integration would enable users to access comprehensive view of their financial assets and liabilities, facilitating holistic, fully self sovereign financial planning and analysis",
|
||||
},
|
||||
{
|
||||
title: "User-Friendly Interface",
|
||||
description:
|
||||
"Rubix enables current Web2 apps to migrate to web3 without making any changes in the UI/UX. The Web Assembly compiler helps in easy code migration, with Rust/GoLang/C/c++ based smart contracts making for easy implementation and faster go to market.",
|
||||
},
|
||||
{
|
||||
title: "Diverse Investment Opportunities",
|
||||
description:
|
||||
"Tokenization of assets - financial or physical is made easier and far cheaper on the object chain based Rubix architecture which can support unlimited auto syncing subnets with DID portability across. This would mean that with a single, self sovereign DID an investor can participate in multiple tokenized investment vehicles which suit her risk/return requirements.",
|
||||
},
|
||||
{
|
||||
title: "Robust Security and Compliance Framework",
|
||||
description:
|
||||
"Rubix block chain and DID in conjunction with identity platform providers can enhance the authentication and access management systems of wealth tech providers. ",
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export const healthTech = [
|
||||
{
|
||||
useCaseHeading: "Problems in the FinTech Sector",
|
||||
useCaseSubHeading:
|
||||
"The FinTech sector, aiming to revolutionise wealth management and financial services, encounters several challenges hindering its progress. Key issues include:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Lack of Personalization",
|
||||
description:
|
||||
"Many FinTech platforms struggle to deliver personalized financial advice and services tailored to individual client needs and goals. This limitation inhibits client engagement and satisfaction, as users seek customized solutions aligned with their unique financial situations",
|
||||
},
|
||||
{
|
||||
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: "Complexity and Accessibility",
|
||||
description:
|
||||
"The complexity of financial products and services can deter individuals from actively managing their wealth and investments. Moreover, some FinTech platforms may lack user-friendly interfaces and educational resources, limiting accessibility for less financially savvy users.",
|
||||
},
|
||||
{
|
||||
title: "Limited Investment Options",
|
||||
description:
|
||||
"While FinTech platforms offer access to a range of investment products and strategies, users may face limitations in diversifying their portfolios or accessing alternative investments. This restriction hampers investors' ability to optimize risk-adjusted returns and achieve their long-term financial goals.",
|
||||
},
|
||||
{
|
||||
title: "Security and Compliance Concerns",
|
||||
description:
|
||||
"FinTech platforms handle sensitive financial information, raising concerns about data security and regulatory compliance. Inadequate security measures and non-compliance with financial regulations can expose users to cybersecurity threats, fraud, and legal risks, eroding trust in FinTech providers.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
useCaseHeading: "How Rubix solves them",
|
||||
useCaseSubHeading:
|
||||
"Rubix addresses the challenges faced by both investors and financial institutions while providing personalized, secure, and accessible wealth management tools. Here's how Rubix based solutions can revolutionize FinTech:",
|
||||
useCaseDetails: [
|
||||
{
|
||||
title: "Next Gen personalization services",
|
||||
description:
|
||||
"Rubix stack based dAPPs can enable Autonomous Economic Agents ( AEA) offer tokenized services ( leveraging latest Generative AI and machine learning advances) that deliver personalized financial insights and recommendations tailored to each user's financial objectives, risk tolerance, and investment preferences. ",
|
||||
},
|
||||
{
|
||||
title: "Unified Data Aggregation and Integration",
|
||||
description:
|
||||
"Consumer centric insight aggregation and analytics service providers can offer PII protected unified data aggregation that consolidates financial information from various sources, including bank accounts, investment portfolios, and retirement accounts of users. This seamless integration would enable users to access comprehensive view of their financial assets and liabilities, facilitating holistic, fully self sovereign financial planning and analysis",
|
||||
},
|
||||
{
|
||||
title: "User-Friendly Interface",
|
||||
description:
|
||||
"Rubix enables current Web2 apps to migrate to web3 without making any changes in the UI/UX. The Web Assembly compiler helps in easy code migration, with Rust/GoLang/C/c++ based smart contracts making for easy implementation and faster go to market.",
|
||||
},
|
||||
{
|
||||
title: "Diverse Investment Opportunities",
|
||||
description:
|
||||
"Tokenization of assets - financial or physical is made easier and far cheaper on the object chain based Rubix architecture which can support unlimited auto syncing subnets with DID portability across. This would mean that with a single, self sovereign DID an investor can participate in multiple tokenized investment vehicles which suit her risk/return requirements.",
|
||||
},
|
||||
{
|
||||
title: "Robust Security and Compliance Framework",
|
||||
description:
|
||||
"Rubix block chain and DID in conjunction with identity platform providers can enhance the authentication and access management systems of wealth tech providers. ",
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
@@ -1,21 +1,25 @@
|
||||
/* eslint-disable react/prop-types */
|
||||
import { useEffect } from "react";
|
||||
import UseCase from "../components/UseCase/UseCase";
|
||||
import { useCase } from "../data/useCase";
|
||||
import banner from "../assets/images/usecase-bg.png";
|
||||
// import { useCase } from "../data/useCase";
|
||||
// import banner from "../assets/images/usecase-bg.png";
|
||||
import Footer from "../components/Footer/Footer";
|
||||
|
||||
const UseCases = () => {
|
||||
const UseCases = ({
|
||||
bannerHeading,
|
||||
bannerSubHeading,
|
||||
bannerImage,
|
||||
useCase,
|
||||
}) => {
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
<UseCase
|
||||
bannerHeading={"FinTech"}
|
||||
bannerSubHeading={
|
||||
"Stay up to date on what’s happening with Rubix, learn about upcoming events and access important resources."
|
||||
}
|
||||
bannerImage={banner}
|
||||
bannerHeading={bannerHeading}
|
||||
bannerSubHeading={bannerSubHeading}
|
||||
bannerImage={bannerImage}
|
||||
useCase={useCase}
|
||||
/>
|
||||
<Footer />
|
||||
|
||||
Reference in New Issue
Block a user