mirror of
https://github.com/WDI-Ideas/rubix.git
synced 2026-04-27 21:55:50 +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>
|
||||
);
|
||||
|
||||
@@ -3,8 +3,9 @@
|
||||
import { Box, Container, Text, Image, Button } from "@chakra-ui/react";
|
||||
import { ArrowForwardIcon } from "@chakra-ui/icons";
|
||||
import Arrow from "../../assets/images/arrow-right.png";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const PlaceCard = ({ key, text, cardicon, title, button }) => {
|
||||
const PlaceCard = ({ key, text, cardicon, title, button, link }) => {
|
||||
return (
|
||||
<Box padding={"1px"} borderRadius={"10px"}>
|
||||
<Box
|
||||
@@ -59,31 +60,37 @@ const PlaceCard = ({ key, text, cardicon, title, button }) => {
|
||||
{text}
|
||||
</Text>
|
||||
<Box display={"flex"} alignItems={"center"}>
|
||||
<Text
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
color={"#DE858E"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
fontSize: "12px",
|
||||
},
|
||||
}}
|
||||
>
|
||||
{button}
|
||||
<Image
|
||||
src={Arrow}
|
||||
style={{ width: "30px", marginLeft: "8px" }}
|
||||
<Link to={link}>
|
||||
<Text
|
||||
position={"relative"}
|
||||
backgroundColor={"transparent"}
|
||||
color={"#DE858E"}
|
||||
fontFamily={"Poppins"}
|
||||
fontWeight={"400"}
|
||||
display={"flex"}
|
||||
alignItems={"center"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
width: "25px",
|
||||
fontSize: "12px",
|
||||
},
|
||||
"&:hover .arrowimg": {
|
||||
transform: "rotate(45deg)",
|
||||
},
|
||||
}}
|
||||
/>
|
||||
</Text>
|
||||
>
|
||||
{button}
|
||||
<Image
|
||||
className="arrowimg"
|
||||
src={Arrow}
|
||||
style={{ width: "30px", marginLeft: "8px" }}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
width: "25px",
|
||||
},
|
||||
}}
|
||||
/>
|
||||
</Text>
|
||||
</Link>
|
||||
</Box>
|
||||
</Box>
|
||||
</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/`,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -152,75 +159,40 @@ 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"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
width: "50px",
|
||||
},
|
||||
}}
|
||||
/>
|
||||
<Image src={item.logo1} margin={"0 auto 20px auto"} />
|
||||
</Box>
|
||||
<Text
|
||||
fontSize={"17px"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
fontSize: "12px",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<Text className="rubix-text-small" fontWeight={"400"}>
|
||||
{item.social1}
|
||||
</Text>
|
||||
</Link>
|
||||
<Link placeContent={"center"}>
|
||||
<Image
|
||||
src={item.logo2}
|
||||
margin={"0 auto 20px auto"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
width: "50px",
|
||||
},
|
||||
}}
|
||||
/>
|
||||
<Text
|
||||
fontSize={"17px"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
fontSize: "12px",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<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"}>
|
||||
<Image
|
||||
src={item.logo3}
|
||||
margin={"0 auto 20px auto"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
width: "50px",
|
||||
},
|
||||
}}
|
||||
/>
|
||||
<Text
|
||||
fontSize={"17px"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
sx={{
|
||||
"@media (max-width: 500px)": {
|
||||
fontSize: "12px",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<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}
|
||||
</Text>
|
||||
</Link>
|
||||
|
||||
@@ -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!`,
|
||||
@@ -69,116 +70,120 @@ const LearnMore = () => {
|
||||
{SectionContent.subContent}
|
||||
</Text>
|
||||
<Text>
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
height={"54px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 10px"}
|
||||
// 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",
|
||||
},
|
||||
"@media (max-width: 500px)": {
|
||||
padding: "5px 15px",
|
||||
height: "40px",
|
||||
fontSize: "14px",
|
||||
margin: "0 7px",
|
||||
bgGradient:
|
||||
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
|
||||
<Link to="/BuildPage">
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
height={"54px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 10px"}
|
||||
// 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",
|
||||
},
|
||||
"@media (max-width: 500px)": {
|
||||
padding: "5px 15px",
|
||||
height: "40px",
|
||||
fontSize: "14px",
|
||||
margin: "0 7px",
|
||||
bgGradient:
|
||||
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
|
||||
color: "#000",
|
||||
fontWeight: "600",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
fontWeight: "600",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnBild}
|
||||
</Button>
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
height={"54px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 10px"}
|
||||
// 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",
|
||||
},
|
||||
"@media (max-width: 500px)": {
|
||||
padding: "5px 15px",
|
||||
height: "40px",
|
||||
fontSize: "14px",
|
||||
margin: "0 7px",
|
||||
bgGradient:
|
||||
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnBild}
|
||||
</Button>
|
||||
</Link>
|
||||
<Link to="/Contact">
|
||||
<Button
|
||||
fontSize={"20px"}
|
||||
// minW={"284px"}
|
||||
height={"54px"}
|
||||
fontFamily={"Poppins"}
|
||||
backgroundColor={"transparent"}
|
||||
border={"1px solid #fff"}
|
||||
color={"#fff"}
|
||||
fontWeight={"400"}
|
||||
margin={"0 10px"}
|
||||
// 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",
|
||||
},
|
||||
"@media (max-width: 500px)": {
|
||||
padding: "5px 15px",
|
||||
height: "40px",
|
||||
fontSize: "14px",
|
||||
margin: "0 7px",
|
||||
bgGradient:
|
||||
"radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
|
||||
color: "#000",
|
||||
fontWeight: "600",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
fontWeight: "600",
|
||||
},
|
||||
}}
|
||||
_hover={{
|
||||
color: "#000",
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnContent}
|
||||
</Button>
|
||||
border: "1px solid white",
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
{SectionContent.btnContent}
|
||||
</Button>
|
||||
</Link>
|
||||
</Text>
|
||||
</Container>
|
||||
</Box>
|
||||
|
||||
@@ -12,6 +12,7 @@ const content = [
|
||||
cardicon: Partner,
|
||||
text: `Our partners strengthen our foundation and the utility offered by the revolutionary L1 Rubix platform through the development and scaling of groundbreaking apps for ESG, media, real estate, construction, telecom, pharma, NFT, metaverse, DeFi, GameFi, cybersecurity, cloud, and more.`,
|
||||
button: "Explore our ecosystem",
|
||||
link: `/`,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
@@ -19,6 +20,7 @@ const content = [
|
||||
cardicon: Enterprise,
|
||||
text: `Rubix’s unique, lightweight subnet architecture and revolutionary Proof-of-Pledge protocol enables our partner DEVS to build secure, reliable, and efficient dApps that enable enterprises to realize their transformation goals.`,
|
||||
button: "See how it works",
|
||||
link: `/LearnPage`,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
@@ -26,6 +28,7 @@ const content = [
|
||||
cardicon: Enterprise,
|
||||
text: `Our developers bring the passion, knowledge, and technical resources needed to deliver next-generation Web3 and Web5 platforms and through innovative, scalable solutions.`,
|
||||
button: "Start Building",
|
||||
link: `/BuildPage`,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
@@ -33,6 +36,7 @@ const content = [
|
||||
cardicon: Enterprise,
|
||||
text: `Our Advisors Share Our Passion For Making This Word A Better Place Through Web3. They Inspire Our Core Team To Change The Status Quo And Make The Impossible Possible.`,
|
||||
button: "Contact Us",
|
||||
link: `/Contact`,
|
||||
},
|
||||
];
|
||||
|
||||
@@ -100,6 +104,7 @@ const Place = () => {
|
||||
date={item.date}
|
||||
text={item.text}
|
||||
button={item.button}
|
||||
link={item.link}
|
||||
/>
|
||||
))}
|
||||
</Box>
|
||||
|
||||
@@ -172,9 +172,15 @@ const Contact = () => {
|
||||
marginTop={"20px"}
|
||||
gap={"2rem"}
|
||||
>
|
||||
<Image src={formx} />
|
||||
<Image src={formfb} />
|
||||
<Image src={forml} />
|
||||
<Link to="https://twitter.com/rubixchain">
|
||||
<Image src={formx} />
|
||||
</Link>
|
||||
<Link to="https://www.facebook.com/RubixChain">
|
||||
<Image src={formfb} />
|
||||
</Link>
|
||||
<Link to="https://www.linkedin.com/company/rubixnet/">
|
||||
<Image src={forml} />
|
||||
</Link>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
@@ -290,7 +296,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
First Name*
|
||||
@@ -328,7 +334,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
Last Name*
|
||||
@@ -387,7 +393,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
Email*
|
||||
@@ -425,7 +431,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
Phone*
|
||||
@@ -471,7 +477,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
Choose type of inquiry
|
||||
@@ -530,7 +536,7 @@ const Contact = () => {
|
||||
fontSize: "20px",
|
||||
color: "#DFDFDF",
|
||||
fontFamily: "Poppins",
|
||||
fontWeight:'400'
|
||||
fontWeight: "400",
|
||||
}}
|
||||
>
|
||||
Message*
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
/* eslint-disable no-unused-vars */
|
||||
import CommunityBanner from "../components/Community/CommunityBanner";
|
||||
import CommunityCard from "../components/Community/CommunityCard";
|
||||
import Place from "../components/Community/Place";
|
||||
@@ -37,8 +38,8 @@ const Community = () => {
|
||||
{!isMobile ? <CommunityCard /> : <MobileCommunityCard />}
|
||||
<Place />
|
||||
<Connect />
|
||||
<Happen />
|
||||
<Insights />
|
||||
{/* <Happen />
|
||||
<Insights /> */}
|
||||
<LearnMore />
|
||||
<Footer />
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user