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

Updated links and content/ added Captcha on Contact form

Browse Source
This commit is contained in:
rockyeverlast
2024-04-12 16:21:09 +05:30
parent 19e77f0337
commit 92483a613d
25 changed files with 510 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
package-lock.json generated
View File

@@ -18,6 +18,7 @@
"react": "^18.2.0",
"react-countup": "^6.5.2",
"react-dom": "^18.2.0",
"react-google-recaptcha": "^3.1.0",
"react-hook-form": "^7.51.2",
"react-intersection-observer": "^9.8.1",
"react-router-dom": "^6.22.3",
@@ -4790,6 +4791,18 @@
"node": ">=0.10.0"
}
},
"node_modules/react-async-script": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
"integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
"dependencies": {
"hoist-non-react-statics": "^3.3.0",
"prop-types": "^15.5.0"
},
"peerDependencies": {
"react": ">=16.4.1"
}
},
"node_modules/react-clientside-effect": {
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/react-clientside-effect/-/react-clientside-effect-1.2.6.tgz",
@@ -4851,6 +4864,18 @@
}
}
},
"node_modules/react-google-recaptcha": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
"integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
"dependencies": {
"prop-types": "^15.5.0",
"react-async-script": "^1.2.0"
},
"peerDependencies": {
"react": ">=16.4.1"
}
},
"node_modules/react-hook-form": {
"version": "7.51.2",
"resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.2.tgz",

1
package.json
View File

@@ -20,6 +20,7 @@
"react": "^18.2.0",
"react-countup": "^6.5.2",
"react-dom": "^18.2.0",
"react-google-recaptcha": "^3.1.0",
"react-hook-form": "^7.51.2",
"react-intersection-observer": "^9.8.1",
"react-router-dom": "^6.22.3",

BIN
src/assets/images/Navicons/adTech.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
src/assets/images/Navicons/healthTech.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
src/assets/images/Navicons/marTech.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
src/assets/pdf/RubiX_WhitePaper.pdf Normal file
View File

Binary file not shown.

1
src/components/ArticleInternalPage/ArticleInternalPage.jsx
View File

@@ -30,6 +30,7 @@ const ArticleInternalPage = () => {
>
<Text
textAlign={"center"}
fontFamily={"Poppins"}
className="rubix-text-heading-2 rubix-fw-600"
>
The Proofchain Technical Whitepaper

3
src/components/BuildPage/BuildBanner.jsx
View File

@@ -31,6 +31,7 @@ const BuildBanner = () => {
},
"@media (max-width: 600px)": {
height: "85vh",
backgroundPositionX: "center",
},
}}
>
@@ -96,12 +97,14 @@ const BuildBanner = () => {
fontWeight={"400"}
lineHeight={"37.5px"}
fontFamily={"Poppins"}
width={"88%"}
sx={{
"@media (max-width: 1024px)": {
fontSize: "22px",
},
"@media (max-width: 600px)": {
fontSize: "17px",
width: "100%",
},
}}
>

17
src/components/BuildPage/Solve.jsx
View File

@@ -28,12 +28,12 @@ const items = [
id: 1,
img: image1,
title: "DeFi Apps",
content: `Use Rubix to develop DeFi apps with improved payment processing,
money transfers, record keeping, and compliance reporting.</br>
content: `Use Rubix to develop DeFi apps with improved payment processing,
money transfers, record keeping, and compliance reporting.</br>
</br>
Use Rubix to develop a variety of DeFi apps. Rubix can also help
you with improving payment processing, money transfers, record
keeping, and compliance reporting.`,
Use Rubix to develop a variety of DeFi apps.
Rubix can also help you with improving payment processing,
money transfers, record keeping, and compliance reporting.`,
},
{
id: 2,
@@ -42,8 +42,9 @@ const items = [
content: `Rubix allows you to build ultra-scalable, interoperable,
and permissioned networks across industries at low or no cost, without any intermediaries.</br>
</br>
Rubix allows you to build ultra-scalable, interoperable, and permissioned
networks to build asset tokenization use cases across industries at low or no cost, without any intermediaries.
Rubix allows you to build ultra-scalable, interoperable,
and permissioned networks to build asset tokenization use cases across industries at low or no cost,
without any intermediaries.
`,
},
{
@@ -62,7 +63,7 @@ const items = [
id: 4,
img: loyalty,
title: "Brand Loyalty",
content: `RBuild token-gated NFTs to provide a tiered experience to different segments. Mount ROI enhancing cross-brand open loyalty programs.</br>
content: `Build token-gated NFTs to provide a tiered experience to different segments. Mount ROI enhancing cross-brand open loyalty programs.</br>
</br>
Brands looking for innovative mechanisms to engage and retain customers can quickly build token-gated NFTs to provide a tiered experience to different segments.</br>

1
src/components/BuildPage/Tools.jsx
View File

@@ -25,6 +25,7 @@ const items = [
id: 1,
img: read,
title: "Read our </br> Resources",
link: `/`,
},
{
id: 2,

30
src/components/BuildPage/WhyBuild.jsx
View File

@@ -16,23 +16,28 @@ const accordion = [
id: 1,
title: `Truly Decentralised, Fully Scalable`,
content: `With its peer-to-peer and decentralised architecture, Rubix is a one-of-a-kind network that can rapidly grow its validators – a critical threshold to realise the full potential of Web3. A Rubix node can run on any laptop, computer, or server. Once Rubix is installed on a system,
it’s automatically connected to the peers in the network to start validation.
This is why Rubix is able to offer unlimited concurrent transactions and validators,
as each transaction happens between peers without the need to queue transactions to commit to the blockchain.
`,
it’s automatically connected to the peers in the network to start validation.`,
contenttwo: `This is why Rubix is able to offer unlimited concurrent transactions and validators,
as each transaction happens between peers without the need to queue transactions to commit to the blockchain.`,
},
{
id: 2,
title: `A Network of Subnets`,
content: `With its peer-to-peer and decentralised architecture, Rubix is a one-of-a-kind network that can rapidly grow its validators – a critical threshold to realise the full potential of Web3.
A Rubix node can run on any laptop, computer, or server.
Once Rubix is installed on a system, it’s automatically connected to the peers in the network to start validation.`,
content: `One of Rubix’s most powerful features is its decentralised design and support for subnets. When a Rubix node is installed on a laptop or server, it instantly becomes part of the network. Nodes on the network can easily be grouped together to create a Rubix subnet, which in turn can create further subnets of their own, allowing for the possibility of unlimited subnets. Each of the subnets can also have its own set of validators,
giving enterprises the flexibility, privacy, agility,
and scalability to embrace Web3 with minimal effort and zero gas fees.`,
contenttwo: `In contrast to other blockchains, Rubix subnets and nodes bring their own blockspace to the network, ensuring every transaction commits and exists in its own block.
This allows for concurrent and faster processing of transactions, avoids MEV attacks,
and enables the rollback of any committed blocks in the future. In short,
a Rubix subnet acts as a private blockchain connected to a public network, or as an application layer of an L1 network – eliminating the need to have L2 blockchains.`,
},
{
id: 3,
title: `Highly Secure`,
content: `With its peer-to-peer and decentralised architecture, Rubix is a one-of-a-kind network that can rapidly grow its validators – a critical threshold to realise the full potential of Web3.
A Rubix node can run on any laptop, computer, or server.`,
content: `In the Rubix decentralised design, each node stores its own data and doesn’t replicate it on the blockchain. Instead, only the hash key is stored to enable traceability of transactions. And it is virtually impossible for a hacker to gain total control of the network,
as that would mean taking control of each and every decentralised node.`,
contenttwo: `Rubix uses a proprietary NLSS signature process to further secure the private key and make it quantum immune. Proof-of-Pledge is also a critical component of Rubix’s security,
as a malicious node forming Sybil nodes has to offer the same amount of proof credits and do the same amount of cryptographic signature work as a genuine node to successfully validate a transaction.`,
},
];
@@ -146,7 +151,12 @@ const WhyBuild = () => {
},
}}
>
{accord.content}
<span style={{ paddingBottom: "2rem" }}>
{accord.content}
</span>
<br />
<br />
<span>{accord.contenttwo}</span>
</AccordionPanel>
</AccordionItem>
</>

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

@@ -3,8 +3,9 @@
import { Box, Container, Text, Image, Button } from "@chakra-ui/react";
import cardimg from "../../assets/images/CardImg.png";
import { Badge } from "@chakra-ui/react";
import { Link } from "react-router-dom";
const HomeCard = ({ key, date, text }) => {
const HomeCard = ({ key, date, text, link }) => {
return (
<Box
backgroundImage={
@@ -77,18 +78,20 @@ const HomeCard = ({ key, date, text }) => {
zIndex: "2",
}}
></Box>
<Button
position={"relative"}
backgroundColor={"transparent"}
color={"#fff"}
fontFamily={"Poppins"}
fontWeight={"400"}
_hover={{
backgroundColor: "transparent",
}}
>
Read More
</Button>
<Link to={link}>
<Button
position={"relative"}
backgroundColor={"transparent"}
color={"#fff"}
fontFamily={"Poppins"}
fontWeight={"400"}
_hover={{
backgroundColor: "transparent",
}}
>
Read More
</Button>
</Link>
</Box>
</Box>
</Box>

5
src/components/Community/Place.jsx
View File

@@ -85,7 +85,8 @@ const Place = () => {
>
{Content.heading}
</Text>
<Box
<Container
maxW="1440px"
display={"flex"}
alignItems={"center"}
gap={"25px"}
@@ -107,7 +108,7 @@ const Place = () => {
link={item.link}
/>
))}
</Box>
</Container>
</Box>
</Box>
);

90
src/components/Contact/Form.jsx
View File

@@ -20,12 +20,14 @@ import {
ModalBody,
ModalFooter,
Button,
Spinner,
} from "@chakra-ui/react";
import BGimage from "../../assets/images/form.webp";
import formx from "../../assets/images/formx.png";
import formfb from "../../assets/images/formfb.png";
import forml from "../../assets/images/forml.png";
import { Link } from "react-router-dom";
import ReCAPTCHA from "react-google-recaptcha";
const Contact = () => {
const {
@@ -37,36 +39,53 @@ const Contact = () => {
} = useForm();
const { isOpen, onOpen, onClose } = useDisclosure();
const [isLoading, setIsLoading] = useState(false);
const [recaptchaToken, setRecaptchaToken] = useState(null);
const [captchaError, setCaptchaError] = useState("");
const email = "rubix@gmail.com";
const handleVerify = (token) => {
setRecaptchaToken(token);
};
const onSubmit = async (data) => {
// console.log(data);
setIsLoading(true);
try {
const formdata = new FormData();
formdata.append("Email", data.Email);
formdata.append("Phone", data.Phone);
formdata.append("Text", data.Text);
formdata.append("firstName", data.firstName);
formdata.append("lastName", data.lastName);
formdata.append(
"subject",
`Thank you for cantact us | ${data.firstName + " " + data.lastName}`
);
// formdata.append("html", html);
// await contactUs(formdata);
setIsLoading(false);
} catch (error) {
setIsLoading(false);
console.log(error);
if (!recaptchaToken) {
setCaptchaError("Please complete the reCAPTCHA.");
} else {
setIsLoading(true);
try {
const formdata = new FormData();
formdata.append("email", data.email);
formdata.append("phone", data.phone);
formdata.append("message", data.message);
formdata.append("firstname", data.firstName);
formdata.append("lastname", data.lastName);
formdata.append("typeofenquiry", data.typeofenquiry);
// formdata.append(
// "subject",
// `Thank you for contacting us | ${data.firstName + " " + data.lastName}`
// );
for (const pair of formdata.entries()) {
console.log(pair[0] + ":", pair[1]);
}
// formdata.append("html", html);
// await contactUs(formdata);
setIsLoading(false);
} catch (error) {
setIsLoading(false);
setCaptchaError("Failed to submit the form. Please try again.");
console.log(error);
}
reset();
onOpen();
}
reset();
onOpen();
};
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<Box
backgroundImage={`url(${BGimage})`}
@@ -410,7 +429,7 @@ const Contact = () => {
}}
// placeholder="Email"
type="email"
{...register("Email", {
{...register("email", {
pattern: {
value: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
message: "Please enter a valid email address",
@@ -448,7 +467,7 @@ const Contact = () => {
}}
// placeholder="Phone"
type="tel"
{...register("Phone", {
{...register("phone", {
pattern: {
value: /^[0-9]*$/,
message: "Phone number should contain only digits",
@@ -484,7 +503,7 @@ const Contact = () => {
</label>
<Controller
name="selectOption"
name="typeofenquiry"
control={control}
defaultValue=""
rules={{ required: "Please select an option" }}
@@ -506,9 +525,11 @@ const Contact = () => {
<option value="" disabled>
Select Options
</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="general">General</option>
<option value="support">Support</option>
<option value="investing">Investing</option>
<option value="events">Events</option>
<option value="media">Media</option>
</select>
)}
/>
@@ -551,11 +572,22 @@ const Contact = () => {
backgroundColor={"#1E1E23"}
border={"none"}
marginTop={"10px"}
marginBottom={"30px"}
borderRadius="5px"
type="text"
required
{...register("Text", { required: true })}
{...register("message", { required: true })}
/>
<ReCAPTCHA
style={{ display: "grid", placeContent: "left" }}
sitekey="6LdVPyUoAAAAACTtDn6ehSDNqdydOJOh5qJksCg5"
onChange={handleVerify}
/>
{captchaError && (
<div style={{ color: "red", fontSize: "1.2rem" }}>
{captchaError}
</div>
)}
<Button
type="submit"
border={"none"}
@@ -564,7 +596,7 @@ const Contact = () => {
fontFamily={"poppins"}
fontSize={"22px"}
variant="outline"
margin={"4rem 0"}
margin={"3rem 0"}
background={"#DE858E"}
minWidth={"210px"}
color={"#fff"}
@@ -576,7 +608,7 @@ const Contact = () => {
color: "#fff",
}}
>
Submit
{isLoading ? <Spinner /> : "Submit"}
</Button>
</Container>
</form>

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

@@ -111,6 +111,7 @@ const Footer = () => {
padding={"1.5rem"}
borderTopLeftRadius={"5px"}
borderBottomLeftRadius={"5px"}
color={"#fff"}
// value={}
// onChange={(e) => setEmail(e.target.value)}
/>
@@ -168,7 +169,13 @@ const Footer = () => {
<ListItem marginBottom={"1rem"}>Community</ListItem>
</Link>
<ListItem marginBottom={"1rem"}>Wallet</ListItem>
<Link
to="https://getfexr.com/"
target="_blank"
rel="noopener noreferrer"
>
<ListItem marginBottom={"1rem"}>Wallet</ListItem>
</Link>
<ListItem marginBottom={"1rem"}>Careers</ListItem>
</UnorderedList>
</Box>
@@ -180,7 +187,7 @@ const Footer = () => {
fontSize={"22px"}
marginBottom={"1rem"}
>
Social
Socials
</Text>
<UnorderedList
listStyle={"none"}
@@ -342,30 +349,38 @@ const Footer = () => {
>
<Image src={logo} width={"100px"} paddingBottom={"5px"} />
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
All rights reserved.
</Text>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
Privacy Policy
</Text>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
Terms Conditions
</Text>
<Link>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
All rights reserved.
</Text>
</Link>
<Link>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
Privacy Policy
</Text>
</Link>
<Link>
<Text
color={"#fff"}
fontFamily={"Poppins"}
fontSize={"15px"}
fontWeight={"400"}
>
Terms Conditions
</Text>
</Link>
</Container>
</Box>
</>

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

@@ -5,33 +5,45 @@ import HomeCard from "../Card/HomeCard";
const content = [
{
id: 1,
date: `Published: March 13, 2020`,
date: `Published: December 19, 2021`,
text: `Multichain over Blockchain — A reality check on security threat`,
link: `multichain-over-blockchain-a-reality-check-on-security-threat`,
},
{
id: 2,
date: `Published: March 13, 2020`,
date: `Published: December 30, 2021`,
text: `Financial Times Crypto & Digital Assets Summit Panel`,
link: `enterprise-blockchains-on-a-public-chain`,
},
{
id: 3,
date: `Published: March 13, 2020`,
date: `Published: December 30, 2021`,
text: `Enterprise blockchains on a Public Chain!`,
link: `enterprise-blockchains-on-a-public-chain`,
},
{
id: 4,
date: `Published: March 13, 2020`,
text: `Enterprise blockchains on a Public Chain!`,
date: `Published: March 11, 2022`,
text: `Bring your own blockspace`,
link: `bring-your-own-blockspace`,
},
{
id: 5,
date: `Published: March 13, 2020`,
text: `Enterprise blockchains on a Public Chain!`,
date: `Published: January 28, 2022`,
text: `Rubix: The Sustainable Blockchain Solution - A Green Initiative`,
link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`,
},
{
id: 6,
date: `Published: March 13, 2020`,
text: `Enterprise blockchains on a Public Chain!`,
date: `Published: January 12, 2022`,
text: `Mining Rubix Tokens - What You Need To Know`,
link: `mining-rubix-tokens-what-you-need-to-know`,
},
{
id: 7,
date: `Published: January 12, 2022`,
text: `Enterprise blockchains on a Public Chain`,
link: `enterprise-blockchains-on-a-public-chain`,
},
];
@@ -75,7 +87,8 @@ const Resources = () => {
},
}}
>
<Box
<Container
maxW="1440px"
display={"flex"}
alignItems={"center"}
// justifyContent={"flex-end"}
@@ -88,9 +101,14 @@ const Resources = () => {
}}
>
{content.map((item) => (
<HomeCard key={item.id} date={item.date} text={item.text} />
<HomeCard
key={item.id}
date={item.date}
text={item.text}
link={item.link}
/>
))}
</Box>
</Container>
<Box textAlign={"center"} marginTop={"4rem"}>
{/* <Button
position={"relative"}

2
src/components/HomePage/Stats.jsx
View File

@@ -290,7 +290,7 @@ const Stats = () => {
"@media (max-width: 375px)": {},
}}
>
Transacitons
Transactions
</Text>
</Box>
</Box>

101
src/components/HomePage/WhitePaper.jsx
View File

@@ -63,55 +63,60 @@ const WhitePaper = () => {
>
{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"}
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: 600px)": {
fontSize: "13px",
minW: "147px",
minH: "39px",
},
}}
_hover={{
color: "#000",
border: "1px solid white",
zIndex: 1,
}}
<a
download="RubiX_WhitePaper.pdf"
href="../../assets/pdf/RubiX_WhitePaper.pdf"
>
{SectionContent.btnContent}
</Button>
<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"}
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: 600px)": {
fontSize: "13px",
minW: "147px",
minH: "39px",
},
}}
_hover={{
color: "#000",
border: "1px solid white",
zIndex: 1,
}}
>
{SectionContent.btnContent}
</Button>
</a>
</Container>
</Box>
);

181
src/components/LearnPage/Faq.jsx
View File

@@ -1,4 +1,6 @@
// import banner from "../../assets/images/faqBg.webp";
import { ChevronRightIcon } from "@chakra-ui/icons";
import {
Accordion,
AccordionButton,
@@ -15,34 +17,166 @@ const accordion = [
{
id: 1,
title: `What is blockchain?`,
content: `Blockchain technology is an advanced database mechanism that allows transparent information sharing within a business network.
A blockchain database stories data in blocks that are linked together in a chain. The data is chronologically consistent because you cannot delete or modify the chain without consensus from the network.
As a result, you can use blockchain technology to create an immutable ledger, ensuring data security.\n\n
Blockchain technology is one of the most innovative and disruptive developments in the digital world.\n\n
It has the potential to transform various sectors and industries – from finance to healthcare to energy to agriculture and beyond.
The main benefits of blockchain technology `,
content: [
{
item: "Blockchain technology is an advanced database mechanism that allows transparent information sharing within a business network. A blockchain database stories data in blocks that are linked together in a chain. The data is chronologically consistent because you cannot delete or modify the chain without consensus from the network. As a result, you can use blockchain technology to create an immutable ledger, ensuring data security.",
},
{
item: "While there are many use cases for blockchain technology, one of its most powerful uses is that it can be leveraged to create new opportunities for social impact. Rubix was founded on the idea of “blockchain for good.” Our goal is to leverage blockchain technology to solve some of the world’s biggest societal issues including climate change, income inequality and empowering marginalized groups.",
},
],
},
{
id: 2,
title: `What is Proof-Of-Pledge?`,
content: `Blockchain technology is one of the most innovative and disruptive developments in the digital world.\n\n
It has the potential to transform various sectors and industries – from finance to healthcare to energy to agriculture and beyond.
The main benefits of blockchain technology`,
content: [
{
item: "Rubix is powered by a breakthrough Proof-of-Pledge consensus protocol that allows it to rapidly grow its validators without energy-intensive mining, making it the first true L1 green blockchain in the world. What makes Proof-of-Pledge unique and advanced is that each Rubix node installed on an existing system has negligible incremental energy usage, resulting in a carbon neutral impact.",
},
{
item: "A blockchain is spread across nodes who job it is to verify transactions on the network – this is one of the central ideas behind blockchain and gives it is decentralized nature. As a result, anyone can submit information to be stored onto a blockchain and therefore it is important that there are processes in place that can ensure everyone agrees on what information to add and what to discard. These rules are known as consensus protocols; they verify transactions and help keep the network safe and secure. A consensus protocol is traditionally set before the blockchain is first created.",
},
{
item: "Most blockchains use either Proof-of-Work (PoW) or Proof-of-Stake (PoS) as their consensus protocol, but these are very energy-intensive and result in significant storage inefficiencies because they require every node to store an entire transaction history. Recognizing the integrity of transactions PoW provided and the speed of PoS, we expanded on both protocols to create the ultimate system: Proof-of-Pledge. Years of research from top experts in crypto, cyber security, computer science, applied finance and green initiatives went into the development of Proof-of-Pledge.",
},
],
},
{
id: 3,
title: `What are RBT Tokens?`,
content: `Blockchain technology is one of the most innovative and disruptive developments in the digital world.\n\n
It has the potential to transform various sectors and industries – from finance to healthcare to energy to agriculture and beyond.
The main benefits of blockchain technology`,
content: [
{
item: "Every transaction in the Rubix network is bound to one or a set of tokens. Similar to bitcoin, Rubix has a limited supply of tokens with a maximum of 51.4 million native utility tokens (called Ruix or RBT tokens) possible on the network. Despite the maximum token supply, it has enough tokens available to validate unlimited transactions.",
},
{
item: "Unlike other monolithic blockchains, Rubix’s design prevents increase in token supply or burning of tokens, protecting it from the lack of credibility or predictability inherent in central banks. It is no secret that tokens define and retain the value in a blockchain and are the currency for transparency. Hence, the Rubix algorithm limits the generation of tokens in supply and at scale, so the value of the transparency currency is high.",
},
{
item: "In contrast to all other blockchains, Rubix’s unique architecture ensures that even with increasing market value of tokens, gas fees remain at zero. This allows anyone using Rubix to innovate new business models at lower transaction costs to deliver higher business value. This is a key differentiator – Rubix is the only token on the market today with zero gas fees.",
},
],
},
{
id: 4,
title: `What are Nodes?`,
content: `Blockchain technology is one of the most innovative and disruptive developments in the digital world.\n\n
It has the potential to transform various sectors and industries – from finance to healthcare to energy to agriculture and beyond.
The main benefits of blockchain technology`,
title: `What ais Nodes?`,
content: [
{
item: "Instead of relying on a central entity to validate and store data, the governing infrastructure of a blockchain is a node – a device, such as a computer, laptop or server, that contains a full copy of the transaction history of the blockchain.",
},
{
item: "One of the key features of the Rubix network is that it is truly decentralized; each node stores its own data and does not replicate it on the blockchain. Instead, only the hash key is stored to enable traceability of transactions. This helps the Rubix reduce storage, infrastructure and operational costs to offer zero gas fees in contrast to all other blockchains.",
},
{
item: "Unlike energy-intensive blockchain networks of the past, a Rubix node can fit on any laptop, computer or server. Once Rubix is installed on a system, it is automatically connected to the network to start validation.",
},
],
},
{
id: 5,
title: `What is DiD`,
content: [
{
item: "Decentralized identifiers (or DIDs) are a type of globally unique identifier that enables an entity to be identified in a way that is verifiable and does not require the use of a centralized registry. DIDs enable a new model of decentralized digital identity and are an important component of decentralized web applications.",
},
],
},
{
id: 6,
title: `What is dApps`,
content: [
{
item: "Decentralized applications, or dApps, are software programs that run on a blockchain or peer-to-peer network of computers instead of on a single computer.",
},
{
item: "The Rubix platform allows for development of a whole new generation of Web3 based dApps & DAOs for ESG, media, real estate, construction, telecom, pharma, NFT, Metaverse, DeFI, GameFI, cybersecurity, cloud and more. We have partnered with leading developers who are building dApps on the Rubix chain that support a variety of use cases. Each of them share a passion to leverage their dApps to build a better world – and each of their applications solves a crucial business and societal issue.",
},
],
},
{
id: 7,
title: `What is DAOs`,
content: [
{
item: "Decentralized Autonomous Organizations (or DAOs) are organizations managed in whole or in part by a decentralized computer program, with voting and finances handled through a blockchain. To put it simply: they are member-owned communities without centralized leadership.",
},
],
},
{
id: 8,
title: `What is BYOB?`,
content: [
{
item: "BYOB refers to Be Your Own Bank. Bitcoin and cryptocurrency were created during the height of the global financial crisis to eliminate the need for middlemen in peer-to-peer financial transactions. The crypto market has continued to evolve since then and grown into its own global financial system and with recent developments in the space, people no longer need banks – they can be their own.",
},
],
},
{
id: 9,
title: `What makes Rubix green?`,
content: [
{
item: "Rubix is the first L1 green blockchain in the world thanks to its highly secure, decentralized and peer to peer architecture. It’s revolutionary Proof-of-Pledge protocol allows each transaction to achieve finality without expensive mining so it doesn’t consume energy like other monolithic blockchains operating on Proof-of-Pledge and Proof-of-Stake. A Rubix node installed on an existing computer/system has negligible incremental energy usage, resulting in a carbon neutral impact. It also has zero gas fees.",
},
{
item: "Thanks to its low energy and carbon footprint, Rubix is in a unique position to serve as a tool to curb climate change, rather than contribute to it. Rubix’s robust architecture helps with the digitization of climate data and decentralization of climate action. Rubix helps digitizing climate data by helping to collect, store, process and share data related to climate change and its impacts. It also helps to improve the accuracy, accessibility and usability of climate information by various stakeholders. Rubix helps with decentralization of climate action by helping the effectiveness, efficiency and equity of climate responses by taking advantage of the local knowledge, capacities and preferences of subnational actors. This fosters coordination between local governments and various stakeholders thereby increasing awareness and acceleration of climate actions including net zero, ESG and UN SDGs.",
},
{
item: "Rubix has a number of applications within the environmental sector from decentralizing and gamifying climate action, to enabling businesses to meet net zero targets, to streamlining ESG reporting and carbon tracking while preventing greenwashing, to improving carbon markets and climate finance and beyond.",
},
],
},
{
id: 10,
title: `what is subnet?`,
content: [
{
item: "A subnet is a dynamic set of validators working together to achieve consensus on the state of a set of blockchains. Each blockchain is validated by exactly one subnet. A subnet can validate many blockchains. A node may be a member of many subnets.",
},
{
item: "A subnet manages its own membership, and it may require that its constituent validators have certain properties.",
},
{
item: "One of the most powerful features of the Rubix blockchain is its decentralized design and support for subnets. When a Rubix node is installed on a laptop or server, it instantly becomes part of the network. However, nodes on the network can also be grouped together to create a Rubix subnet. This subnet allows enterprises the flexibility, privacy, agility and scalability to embrace Web3 with minimal effort. Every enterprise or app can run its own subnet to benefit from Rubix’s zero gas fees, but third parties can run subnets for other users at cost.",
},
{
item: "A Rubix subnet is always in sync with the network, avoiding the need for bridge interfaces required in other blockchains. Also in contrast to all other blockchains, Rubix subnets and nodes bring their own blockspace to the network, ensuring every transaction commits and exists in its own block. This allows for faster processing of transactions, avoids MEV attacks and facilitates roll back of any committed blocks in the future.",
},
{
item: "In short, a Rubix subnet acts as a private blockchain connected to a public network, or as an application layer of an L1 network eliminating the need to have L2 blockchains.",
},
],
},
{
id: 11,
title: `How can subnet help enterprises scale ?`,
content: [
{
item: "The Rubix subnet allows enterprises, apps and users to create their own set of validators by choosing 21 nodes from their network. For a node to validate a transaction on the network, it needs to have sufficient credits or Rubix tokens (RBTs) to stake. The amount of credits and tokens required is based on the value of the transaction being validated. This design allows enterprises to create their own app tokens (which will be linked to Rubix tokens) to conduct transactions over the network, enabling a seamless business process flow, reducing payment costs and allowing instant settlements. For users of the subnet, the app token alone is visible, as the link to RBTs is handled in the background.",
},
{
item: "If desired, an enterprise can list its app tokens on an exchange to help its stakeholders to trade their assets. Any enterprise can get started with a Rubix subnet by acquiring a certain amount of Rubix tokens and staking them in bulk to enable transaction flow within their subnet. As more validations are performed on the subnet, the enterprise will accumulate more credits from its proof of work efforts, increasing its staking power and the value of the transactions the subnet can validate.",
},
{
item: "Similar to enterprises using Rubix subnets, dApps can leverage Rubix subnets to implement their use cases and tokenize assets. Rubix subnets act like an L2 blockchain but without any of their costs, deficiencies and risks. Every dApp naturally benefits from the inherent decentralized security, privacy and scalability offered by Rubix subnets. Hypothetically, if one or two subnets were to go offline, the remaining subnets and network would continue to operate without any impact – a feature that is unique to Rubix.",
},
{
item: "An enterprise using a Rubix subnet can easily implement a tiered pricing model for its transactions, which would be impossible on any other existing blockchains,designed for linear pricing;the more transactions a blockchain processes, the higher its processing cost will be.",
},
{
item: "Rubix subnets offer the greatest opportunity for migrating Web2 applications to Web3 and tokenizing assets without compromising user experiences. With bulk staking offered by Rubix subnets, enterprises can validate and settle their transactions instantly and independently of banks, payment processors and any other intermediaries.",
},
],
},
{
id: 12,
title: `How is rubix diffrent from other blockchains?`,
content: [
{
item: "The first green blockchain platform in the world, Rubix is a shared, decentralized and secure Web3 and Web5 platform, designed to eliminate the flaws and setbacks of traditional blockchains. The deep tech platform of tomorrow, Rubix has a number of differentiators that set it apart from others:",
bullet:
"Millions of concurrent transactions can seamlessly happen on the Rubix network.",
},
],
},
];
@@ -127,6 +261,7 @@ export const Faq = () => {
)}
</AccordionButton>
</h2>
<AccordionPanel
pb={4}
fontFamily={"Poppins"}
@@ -145,7 +280,17 @@ export const Faq = () => {
},
}}
>
{accord.content}
{accord.content.map(({ item, bullet }) => (
<>
<Text marginBottom={4}>{item}</Text>
{bullet && (
<p>
<ChevronRightIcon fontSize={"3xl"} />
{bullet}
</p>
)}
</>
))}
</AccordionPanel>
</>
)}

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

@@ -11,12 +11,6 @@ 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: 2,
src: ensurity,
@@ -24,13 +18,7 @@ const content = [
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,
@@ -45,6 +33,19 @@ const content = [
text: `Mobile-based wallet that generates and stores private keys on a mobile device`,
href: `https://jupitermeta.io/`,
},
{
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: 1,
src: `${chainx}`,
alt: "ChainX",
text: `Building a Web3 infrastructure to support nonprofit communities, starting with YMCA`,
},
];
const Content = {

15
src/components/LearnPage/WhyRubix.jsx
View File

@@ -20,23 +20,20 @@ const accordion = [
{
id: 2,
title: `Scalability`,
content: `The Rubix network supports millions of concurrent transactions
by eliminating the need to queue transactions for the
blockchain.`,
content: `Every project has its own unique definition and requirement of infra scaling.
One Size doesn’t fit all!! The atomic & on-demand clustered object chain architecture of Rubix lets dApps control and auto scale their TPS.`,
},
{
id: 3,
title: `Truly decentralised, secure and private`,
content: `The Rubix network supports millions of concurrent transactions
by eliminating the need to queue transactions for the
blockchain.`,
content: `The tamper-proof DID architecture and a quantum-resistant
NLSS algorithm enable true decentralisation without any vulnerabilities.`,
},
{
id: 4,
title: `ROI friendly`,
content: `The Rubix network supports millions of concurrent transactions
by eliminating the need to queue transactions for the
blockchain.`,
content: `Whether you are migrating your architecture from Web2 to Web3, defining a brand new paradigm,
or developing your next dApp, Rubix allows you flexibility to build incrementally with ZERO gas fees.`,
},
];

4
src/components/MobileComponent/MobileSubnet3.jsx
View File

@@ -127,8 +127,8 @@ const MobileSubnet3 = () => {
</Text>
<UnorderedList color={"#E1E1E1"}>
<ListItem>
100,000 Rubix transactions consume &lt; 10 kWh &lt; 100000 Visa
transactions
100,000 Rubix transactions consume &lt; 10 kWh <br /> &lt;
100000 Visa transactions
</ListItem>
</UnorderedList>
</Box>

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

@@ -27,6 +27,9 @@ import nodeIcon from "../../assets/images/Navicons/nodeIcon.png";
import quorumIcon from "../../assets/images/Navicons/quorumIcon.png";
import subnetsIcon from "../../assets/images/Navicons/subnetsIcon.png";
import fintechIcon from "../../assets/images/Navicons/fintechIcon.png";
import adTech from "../../assets/images/Navicons/adTech.png";
import marTech from "../../assets/images/Navicons/marTech.png";
import healthTech from "../../assets/images/Navicons/healthTech.png";
const NavBar = () => {
const [isScrolled, setIsScrolled] = useState(false);
@@ -244,13 +247,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="https://learn.rubix.net/pop/"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -266,13 +269,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="/https://learn.rubix.net/smartcontract/"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -288,13 +291,13 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="https://learn.rubix.net/tokenomics/"
className="link"
// style={
// location.pathname === "/LearnPage"
// ? highlight
// : normal
// }
style={
location.pathname === "/LearnPage"
? highlight
: normal
}
>
<Box
display={"flex"}
@@ -374,10 +377,10 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="https://learn.rubix.net/node-setup/"
className="link"
// style={
// location.pathname === "/LearnPage"
// location.pathname === "/BuildPage"
// ? highlight
// : normal
// }
@@ -396,10 +399,10 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="https://learn.rubix.net/quorum/"
className="link"
// style={
// location.pathname === "/LearnPage"
// location.pathname === "/BuildPage"
// ? highlight
// : normal
// }
@@ -418,10 +421,10 @@ const NavBar = () => {
<PopoverBody>
<Link
to="/LearnPage"
to="https://learn.rubix.net/subnets/"
className="link"
// style={
// location.pathname === "/LearnPage"
// location.pathname === "/BuildPage"
// ? highlight
// : normal
// }
@@ -461,7 +464,12 @@ const NavBar = () => {
USE CASES
<span
style={
location.pathname === "/UseCases" ? active : linkStyle
location.pathname === "/fin-tech" ||
location.pathname === "/ad-tech" ||
location.pathname === "/mar-tech" ||
location.pathname === "/heath-tech"
? active
: linkStyle
}
/>
</Button>
@@ -483,7 +491,7 @@ const NavBar = () => {
to="/fin-tech"
className="link"
style={
location.pathname === "/UseCases" ? highlight : normal
location.pathname === "/fin-tech" ? highlight : normal
}
>
<Box
@@ -503,9 +511,7 @@ const NavBar = () => {
to="/ad-tech"
className="link"
style={
location.pathname === "/LearnPage"
? highlight
: normal
location.pathname === "/ad-tech" ? highlight : normal
}
>
<Box
@@ -514,7 +520,7 @@ const NavBar = () => {
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={nodeIcon} width={`${iconwidth}`} />
<Image src={adTech} width={`${iconwidth}`} />
AdTech
</Box>
</Link>
@@ -525,9 +531,7 @@ const NavBar = () => {
to="/mar-tech"
className="link"
style={
location.pathname === "/LearnPage"
? highlight
: normal
location.pathname === "/mar-tech" ? highlight : normal
}
>
<Box
@@ -536,7 +540,7 @@ const NavBar = () => {
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={quorumIcon} width={`${iconwidth}`} />
<Image src={marTech} width={`${iconwidth}`} />
MarTech
</Box>
</Link>
@@ -547,7 +551,7 @@ const NavBar = () => {
to="/health-tech"
className="link"
style={
location.pathname === "/LearnPage"
location.pathname === "/health-tech"
? highlight
: normal
}
@@ -558,7 +562,7 @@ const NavBar = () => {
gap={"1rem"}
marginBottom={"1rem"}
>
<Image src={subnetsIcon} width={`${iconwidth}`} />
<Image src={healthTech} width={`${iconwidth}`} />
HealthTech
</Box>
</Link>
@@ -738,9 +742,9 @@ const NavBar = () => {
>
FOUNDATION
</Button>
<span
{/* <span
style={location.pathname === "/" ? active : linkStyle}
/>
/> */}
</Link>
<Link

2
src/components/SubnetsComponent/Component4.jsx
View File

@@ -63,7 +63,7 @@ export const Component4 = () => {
<ListItem fontSize={"14px"}>
Permissioned subnets with no oracles and <br /> intermediaries
</ListItem>
<ListItem fontSize={"14px"}>INo block space ransom</ListItem>
<ListItem fontSize={"14px"}>No block space ransom</ListItem>
<ListItem fontSize={"14px"}>
Zero risk of transactions being blocked out of <br />
chain.

20
src/index.css
View File

@@ -55,7 +55,7 @@ span.swiper-pagination-bullet {
}
.team-slider .swiper-button-next:after {
position: absolute;
top: 185px;
top: 185px;
width: 38px;
height: 38px;
display: flex;
@@ -66,7 +66,14 @@ span.swiper-pagination-bullet {
color: #000;
font-weight: 700;
right: 110px;
background-image: radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e);
background-image: radial-gradient(
circle,
#ffffff,
#eee2f2,
#e7c3dc,
#e5a3ba,
#de858e
);
}
.team-slider .swiper-button-prev:after {
position: absolute;
@@ -81,7 +88,14 @@ span.swiper-pagination-bullet {
color: #000;
font-weight: 700;
left: 110px;
background-image: radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e);
background-image: radial-gradient(
circle,
#ffffff,
#eee2f2,
#e7c3dc,
#e5a3ba,
#de858e
);
}
.swiper-pagination {