mirror of
https://github.com/WDI-Ideas/rubix.git
synced 2026-04-29 06:05:51 +00:00
Links updated on Build/Community and Contact
This commit is contained in:
rockyeverlast
@@ -1,5 +1,6 @@
|
||||
import { Box, Button, Container, Text } from "@chakra-ui/react";
|
||||
import banner from "../../assets/images/BuildBanner.webp";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const BannerContent = [
|
||||
{
|
||||
@@ -107,53 +108,59 @@ const BuildBanner = () => {
|
||||
{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/node-setup/"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
{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>
|
||||
|
||||
@@ -31,6 +31,8 @@ const items = [
|
||||
logo2: red,
|
||||
social1: `Telegram`,
|
||||
social2: `Reddit`,
|
||||
linkone: `https://t.me/rubixblockchain`,
|
||||
linktwo: `https://www.reddit.com/r/rubixchain/`,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
@@ -39,6 +41,8 @@ const items = [
|
||||
logo2: twitch,
|
||||
social1: `GitHub`,
|
||||
social2: `Discord`,
|
||||
linkone: `https://github.com/rubixchain`,
|
||||
linktwo: `https://discord.com/invite/MNYPfhFEEk`,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
@@ -49,6 +53,9 @@ const items = [
|
||||
social1: `Twitter`,
|
||||
social2: `Facebook`,
|
||||
social3: `LinkedIn`,
|
||||
linkone: `https://twitter.com/rubixchain`,
|
||||
linktwo: `https://www.facebook.com/RubixChain`,
|
||||
linkthree: `https://www.linkedin.com/company/rubixnet/`,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -128,7 +135,12 @@ const Connect = () => {
|
||||
justifyContent={"center"}
|
||||
gap={"2.5rem"}
|
||||
>
|
||||
<Link placeContent={"center"}>
|
||||
<Link
|
||||
placeContent={"center"}
|
||||
to={item.linkone}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Box>
|
||||
<Image src={item.logo1} margin={"0 auto 20px auto"} />
|
||||
</Box>
|
||||
@@ -136,14 +148,25 @@ const Connect = () => {
|
||||
{item.social1}
|
||||
</Text>
|
||||
</Link>
|
||||
<Link placeContent={"center"}>
|
||||
<Link
|
||||
placeContent={"center"}
|
||||
to={item.linktwo}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={item.logo2} margin={"0 auto 20px auto"} />
|
||||
<Text className="rubix-text-small" fontWeight={"400"}>
|
||||
{item.social2}
|
||||
</Text>
|
||||
</Link>
|
||||
{item.social3 ? (
|
||||
<Link display={"grid"} placeContent={"center"}>
|
||||
<Link
|
||||
display={"grid"}
|
||||
placeContent={"center"}
|
||||
to={item.linkthree}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image src={item.logo3} margin={"0 auto 20px auto"} />
|
||||
<Text className="rubix-text-small" fontWeight={"400"}>
|
||||
{item.social3}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { Box, Button, Container, Text } from "@chakra-ui/react";
|
||||
import banner from "../../assets/images/moreBanner.png";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const SectionContent = {
|
||||
heading: `Connect with us to learn more!`,
|
||||
@@ -59,51 +60,53 @@ const LearnMore = () => {
|
||||
>
|
||||
{SectionContent.subContent}
|
||||
</Text>
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
minH={"60px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 auto"}
|
||||
// transition="0.3s ease-in-out"
|
||||
zIndex={"1"}
|
||||
overflow={"hidden"}
|
||||
padding={"0 3rem"}
|
||||
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,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnContent}
|
||||
</Button>
|
||||
<Link to="/Contact">
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
minH={"60px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 auto"}
|
||||
// transition="0.3s ease-in-out"
|
||||
zIndex={"1"}
|
||||
overflow={"hidden"}
|
||||
padding={"0 3rem"}
|
||||
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,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnContent}
|
||||
</Button>
|
||||
</Link>
|
||||
</Container>
|
||||
</Box>
|
||||
);
|
||||
|
||||
@@ -18,6 +18,7 @@ import support from "../../assets/images/support.png";
|
||||
import access from "../../assets/images/access.png";
|
||||
import wallet from "../../assets/images/wallet.png";
|
||||
import arrow from "../../assets/images/toolArrow.png";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const items = [
|
||||
{
|
||||
@@ -29,16 +30,19 @@ const items = [
|
||||
id: 2,
|
||||
img: support,
|
||||
title: "Reach Out To Us </br> For Support",
|
||||
link: `/Contact`,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
img: access,
|
||||
title: "Access The </br> Developer Portal",
|
||||
link: `https://learn.rubix.net/node-setup/`,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
img: wallet,
|
||||
title: "Wallet",
|
||||
link: `https://getfexr.com/`,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -121,20 +125,27 @@ const Tools = () => {
|
||||
cursor={"pointer"}
|
||||
paddingTop={"15px"}
|
||||
>
|
||||
<Image
|
||||
src={arrow}
|
||||
transition="all .5s"
|
||||
_hover={{
|
||||
transform: "rotate(45deg)",
|
||||
}}
|
||||
/>
|
||||
{item.link && (
|
||||
<Link
|
||||
to={item.link}
|
||||
target={item.link.startsWith("http") ? "_blank" : ""}
|
||||
>
|
||||
<Image
|
||||
src={arrow}
|
||||
transition="all .5s"
|
||||
_hover={{
|
||||
transform: "rotate(45deg)",
|
||||
}}
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
</CardFooter>
|
||||
</Card>
|
||||
</Box>
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<Button
|
||||
{/* <Button
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
cursor={"pointer"}
|
||||
@@ -181,7 +192,7 @@ const Tools = () => {
|
||||
}}
|
||||
>
|
||||
Learn Now
|
||||
</Button>
|
||||
</Button> */}
|
||||
</Container>
|
||||
</Box>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user