Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-28 14:05:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated UseCases and Home page links and Learn page links

Browse Source
This commit is contained in:
rockyeverlast
2024-04-11 21:00:19 +05:30
parent 006c44e673
commit bc8749f7d2
15 changed files with 594 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/BuildPage/LearnMore.jsx
View File

@@ -98,7 +98,7 @@ const LearnMore = () => {
}}
_hover={{
color: "#000",
border: "none",
border: "1px solid white",
zIndex: 1,
}}
>

29
src/components/Card/LearnCard.jsx
View File

@@ -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>

16
src/components/Community/CommunityCard.jsx
View File

@@ -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 = () => {

163
src/components/Footer/Footer.jsx
View File

@@ -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>

99
src/components/HomePage/HomeBanner.jsx
View File

@@ -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>

19
src/components/HomePage/Resources.jsx
View File

@@ -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>

99
src/components/LearnPage/LearnBanner.jsx
View File

@@ -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>

17
src/components/LearnPage/LearnDev.jsx
View File

@@ -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>

81
src/components/NavBar/NavBar.jsx
View File

@@ -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