diff --git a/src/components/BuildPage/BuildBanner.jsx b/src/components/BuildPage/BuildBanner.jsx index c2e751b..65f629e 100644 --- a/src/components/BuildPage/BuildBanner.jsx +++ b/src/components/BuildPage/BuildBanner.jsx @@ -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} - + + diff --git a/src/components/BuildPage/Connect.jsx b/src/components/BuildPage/Connect.jsx index 813b9d1..a820fab 100644 --- a/src/components/BuildPage/Connect.jsx +++ b/src/components/BuildPage/Connect.jsx @@ -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"} > - + @@ -136,14 +148,25 @@ const Connect = () => { {item.social1} - + {item.social2} {item.social3 ? ( - + {item.social3} diff --git a/src/components/BuildPage/LearnMore.jsx b/src/components/BuildPage/LearnMore.jsx index bacbdcc..4e0174a 100644 --- a/src/components/BuildPage/LearnMore.jsx +++ b/src/components/BuildPage/LearnMore.jsx @@ -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} - + + + ); diff --git a/src/components/BuildPage/Tools.jsx b/src/components/BuildPage/Tools.jsx index f555b54..f85b4bd 100644 --- a/src/components/BuildPage/Tools.jsx +++ b/src/components/BuildPage/Tools.jsx @@ -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
For Support", + link: `/Contact`, }, { id: 3, img: access, title: "Access The
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"} > - + {item.link && ( + + + + )} ))} - + */} ); diff --git a/src/components/Card/PlaceCard.jsx b/src/components/Card/PlaceCard.jsx index 205ecbc..6334b89 100644 --- a/src/components/Card/PlaceCard.jsx +++ b/src/components/Card/PlaceCard.jsx @@ -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 ( { {text} - - {button} - + - + > + {button} + + + diff --git a/src/components/Community/Connect.jsx b/src/components/Community/Connect.jsx index 831313c..484df95 100644 --- a/src/components/Community/Connect.jsx +++ b/src/components/Community/Connect.jsx @@ -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"} > - + - + - + {item.social1} - - - + + + {item.social2} {item.social3 ? ( - - - + + + {item.social3} diff --git a/src/components/Community/LearnMore.jsx b/src/components/Community/LearnMore.jsx index 90bf20d..8445e2b 100644 --- a/src/components/Community/LearnMore.jsx +++ b/src/components/Community/LearnMore.jsx @@ -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} - - + + + + border: "1px solid white", + zIndex: 1, + }} + > + {SectionContent.btnContent} + + diff --git a/src/components/Community/Place.jsx b/src/components/Community/Place.jsx index 7f8fdd8..48cdacf 100644 --- a/src/components/Community/Place.jsx +++ b/src/components/Community/Place.jsx @@ -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} /> ))} diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx index 22734e4..a2f0db5 100644 --- a/src/components/Contact/Form.jsx +++ b/src/components/Contact/Form.jsx @@ -172,9 +172,15 @@ const Contact = () => { marginTop={"20px"} gap={"2rem"} > - - - + + + + + + + + + @@ -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* diff --git a/src/pages/Community.jsx b/src/pages/Community.jsx index 422e401..ecb5d87 100644 --- a/src/pages/Community.jsx +++ b/src/pages/Community.jsx @@ -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 ? : } - - + {/* + */}