rubix/src/components/ArticleInternalThree/ArticleInternalThree.jsx

/* eslint-disable no-unused-vars */
import React, { useEffect } from "react";
import { Box, Text, Image } from "@chakra-ui/react";
import { Avatar, AvatarBadge, AvatarGroup } from "@chakra-ui/react";
import banner from "../../assets/images/articleInternalbanner.png";
import Chip from "../Chip/Chip";
import Footer from "../Footer/Footer";
import { ChevronRightIcon } from "@chakra-ui/icons";
import x from "../../assets/images/x.png";
import linked from "../../assets/images/linked.png";
import github from "../../assets/images/github.png";
import tele from "../../assets/images/tele.png";
import reddit from "../../assets/images/reddit.png";
import fb from "../../assets/images/fb.png";
import profile from "../../assets/images/profile.png";

const ArticleInternalThree = () => {
  useEffect(() => {
    window.scrollTo(0, 0);
  }, []);
  return (
    <>
      <Box
        bg="#000000"
        height={"auto"}
        display={"flex"}
        gap={7}
        justifyContent={"center"}
        alignItems={"center"}
        flexDirection={"column"}
        color="white"
      >
        <Box
          bg="#000000"
          minHeight={"60vh"}
          width={"50vw"}
          display={"flex"}
          gap={5}
          justifyContent={"end"}
          alignItems={"center"}
          flexDirection={"column"}
          color="white"
          sx={{
            "@media (max-width: 600px)": {
              minHeight: "50vh",
              width: "100%",
            },
          }}
        >
          <Text
            textAlign={"center"}
            className="rubix-text-heading-2 rubix-fw-600"
          >
            Mining Rubix Tokens — What You Need To Know
          </Text>

          <Text textAlign={"center"} className="rubix-text-xsmall rubix-fw-500">
            Business Growth January 5, 2023
          </Text>

          <Box display={"flex"} gap={3} textAlign={"center"}>
            <Avatar size="lg" name="Dan Abrahmov" src={profile} />

            <Box
              textAlign={"start"}
              display={"flex"}
              flexDirection={"column"}
              alignItems={"start"}
              justifyContent={"center"}
              className="rubix-text-xsmall rubix-fw-500"
            >
              <Text>Gokul P S</Text>
              <Text>Core Blockchain Developer</Text>
            </Box>
          </Box>
        </Box>
        {/* ========[ Banner ]======= */}
        <Box
          height={"70vh"}
          width={"85vw"}
          backgroundImage={`url(${banner})`}
          backgroundRepeat={"no-repeat"}
          backgroundSize={"cover"}
          position="relative"
        >
          <Box
            position="absolute"
            top={0}
            left={0}
            width="100%"
            height="100%"
            backgroundColor="rgba(0, 0, 0, 0.5)"
          />
        </Box>

        <Box
          bg="#000000"
          width={"85vw"}
          height={"auto"}
          display={"flex"}
          pb={"60px"}
          gap={5}
          justifyContent={"center"}
          alignItems={"center"}
          flexDirection={"column"}
          color="white"
          position={"relative"}
        >
          <Box
            position={"absolute"}
            top={0}
            left={0}
            display={"flex"}
            flexDirection={"column"}
            alignItems={"center"}
            gap={2}
          >
            <Text className="rubix-text-xsmall">Share</Text>

            <Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
            <Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
            <Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
            <Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
          </Box>
          <Box
            bg="#000000"
            width={"68vw"}
            height={"auto"}
            display={"flex"}
            flexDirection={"column"}
            gap={5}
            justifyContent={"start"}
            color="white"
          >
            <Box display={"flex"} gap={5} justifyContent={"start"}>
              <Chip title="INSIGHT" />
              <Chip title="BLOCKSPACE" />
            </Box>

            <Box pt={5} pb={5}>
              <Text pb={5} fontSize="xl">
                To mine Rubix Tokens, you must first download the blockchain
                software and run it on your computer or in the cloud VM. You’ll
                need to provide a createDID.png image during Decentralized
                Identity (DID) setup, this will create a public address where
                you’d like to receive your tokens.
              </Text>
              <Text pb={5} fontSize="xl">
                The next step is to check the Rubix folder created in the
                applications folder or program files based on your OS. Keeping
                your node alive will start the mining process and you should see
                the miner’s output appearing in your terminal window when a
                transaction is being validated by your node.
              </Text>
              <Text pb={5} fontSize="xl">
                The node can take a while before you can mine your first token;
                The good news is that once it finishes syncing, you can leave
                your computer running and mining away — you can have your
                terminal window running 24/7 in the background.
              </Text>
              <Text pb={5} fontSize="xl">
                Mining is based on the credits you earn for validating
                transactions in the network. You earn credits for every
                transaction you validate. Credits are awarded for validating,
                and cannot be purchased or transferable. All transactions made
                using Rubix tokens are recorded on the blockchain and are
                publicly available.
              </Text>
              <Text pb={5} fontSize="xl">
                The first step to mining Rubix tokens is to determine the level
                at which they are being mined. The network has been segmented
                into multiple levels. Each level requires a different amount of
                credits to mine a single token. Refer whitepaper for more info.{" "}
              </Text>
              <Text pb={5} fontSize="xl">
                When a validator calls /mine endpoint in the node, node
                communicates with one of the oracle (advisory service which
                keeps info of other nodes, level, credits required to mine a
                token for the current level, token number etc)
              </Text>
              <Text pb={5} fontSize="xl">
                Mining Rubix Tokens (RBT) is one of the most promising
                investment opportunities of the year. Potential for mining is
                high given the rates at which apps are being built on top of
                network. The mining process and calculations may seem very
                difficult, but it’s easier than you think. If you have a decent
                computer, you can start mining Rubix Tokens right away!
              </Text>
              <Text pb={5} fontSize="xl">
                Here’s what you need to know:
              </Text>

              <Text pb={5} fontSize="xl">
                Mining is CPU based and does not require high end GPU devices.
              </Text>

              <Text pb={5} fontSize="xl">
                Minimum requirement is 4gb ram computer with SSD.
              </Text>

              <Text pb={5} fontSize="xl">
                The faster your internet connection, the more tokens you can
                mine.
              </Text>

              <Text pb={5} fontSize="xl">
                Very low setup cost had proven to help experienced validators to
                setup clusters of nodes instead of individual nodes, in turn
                helping the network
              </Text>
            </Box>

            {/* <Box pt={5}>
              <Text mb={5} className="rubix-fw-700" fontSize="5xl">
                Introduction
              </Text>
              <Text pb={5} fontSize="xl">
                The immutable blockchain technology has emerged as one of the
                most captivating technological innovations of the past decade,
                which has found widespread utility across multiple sectors like
                finance, education, businesses, and more. This distributed
                ledger technology, Blockchain, has notably come a long way from
                its initial use case in cryptocurrencies like Bitcoin and
                Ethereum. Apart from attracting countless individuals to
                speculate for-profits, blockchain has, over time, also enabled
                businesses to optimize their processes for cost-cutting. But,
                the growth has a price. Energy consumption by cryptocurrencies
                has become the latest flashpoint. Every blockchain consumes
                electricity depending on the consensus algorithm used to mine it
                for trading or spending.
              </Text>
              <Text pb={10} pt={5}>
                <img
                  width={"100%"}
                  src="https://www.rubix.net/wp-content/uploads/bitcoin-intro.webp"
                />
              </Text>
              <Text fontSize="xl">
                At present, Bitcoin is using approximately 177.43 TWh of
                electricity, while Ethereum’s consumption lies at about 79.69
                TWh annually. Their mining processes also generate carbon
                emissions — another environmentally disastrous price we pay for
                their widespread use. Therefore, environmentally-conscious
                investors desperately need an alternative blockchain that
                supports their sustainability cause. One such next-generation,
                peer-to-peer, web-scale, sustainable L1 blockchain is “Rubix”.
              </Text>
            </Box> */}
          </Box>
        </Box>
      </Box>
    </>
  );
};

export default ArticleInternalThree;