diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx index 4f6ecef..418defa 100644 --- a/src/components/Contact/Form.jsx +++ b/src/components/Contact/Form.jsx @@ -136,10 +136,10 @@ const Contact = () => { width: "60%", }, "@media (max-width: 1080px)": { - width: "42%", + width: "100%", minH: "490px", }, - "@media (max-width: 820px)": { width: "55%" }, + "@media (max-width: 820px)": { width: "100%" }, "@media (max-width: 535px)": { width: "95%", padding: "10px", diff --git a/src/components/MobileComponent/MobileSubnet.jsx b/src/components/MobileComponent/MobileSubnet.jsx index 1f21d9b..2f4f015 100644 --- a/src/components/MobileComponent/MobileSubnet.jsx +++ b/src/components/MobileComponent/MobileSubnet.jsx @@ -16,7 +16,7 @@ const MobileSubnet = () => { return ( <> { as={"h2"} paddingTop={"2rem"} fontWeight={500} - fontSize={"20px"} + fontSize={"22px"} textTransform={"capitalize"} color={"#fff"} sx={{ diff --git a/src/components/MobileComponent/MobileSubnet2.jsx b/src/components/MobileComponent/MobileSubnet2.jsx index 4226aea..65573fe 100644 --- a/src/components/MobileComponent/MobileSubnet2.jsx +++ b/src/components/MobileComponent/MobileSubnet2.jsx @@ -22,7 +22,7 @@ const MobileSubnet2 = ({ font }) => { as={"h2"} paddingTop={"2rem"} fontWeight={500} - fontSize={"20px"} + fontSize={"22px"} textTransform={"capitalize"} color={"#fff"} sx={{ diff --git a/src/components/MobileComponent/MobileSubnet3.jsx b/src/components/MobileComponent/MobileSubnet3.jsx index be2c36f..6de9c6b 100644 --- a/src/components/MobileComponent/MobileSubnet3.jsx +++ b/src/components/MobileComponent/MobileSubnet3.jsx @@ -24,7 +24,7 @@ const MobileSubnet3 = ({ font }) => { as={"h2"} paddingTop={"2rem"} fontWeight={500} - fontSize={"20px"} + fontSize={"22px"} textTransform={"capitalize"} color={"#fff"} sx={{ @@ -200,7 +200,7 @@ const MobileSubnet3 = ({ font }) => { }, }} > - Fixed Supply.Hardcapped + Fixed Supply. Hardcapped diff --git a/src/components/MobileComponent/ResourcesMobile.jsx b/src/components/MobileComponent/ResourcesMobile.jsx index 0100a11..b2cd930 100644 --- a/src/components/MobileComponent/ResourcesMobile.jsx +++ b/src/components/MobileComponent/ResourcesMobile.jsx @@ -10,6 +10,12 @@ import { Swiper, SwiperSlide } from "swiper/react"; import MobileHomeCard from "../Card/MobileHomeCard"; const content = [ + { + id: 7, + date: `Published: January 12, 2022`, + text: `Rubix Video`, + link: `rubix-video`, + }, { id: 1, date: `Published: January 5, 2023`, @@ -47,12 +53,6 @@ const content = [ text: `Rubix: The Sustainable Blockchain Solution — a Green Initiative`, link: `rubix-the-sustainable-blockchain-solution-a-green-initiative`, }, - // { - // id: 7, - // date: `Published: January 12, 2022`, - // text: `Enterprise blockchains on a Public Chain`, - // link: `enterprise-blockchains-on-a-public-chain`, - // }, ]; const Content = { diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx index 062921e..0fa7d03 100644 --- a/src/components/NavBar/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -31,8 +31,6 @@ 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"; -import security from "../../assets/images/Navicons/security.png"; -import telecom from "../../assets/images/Navicons/telecom.png"; import { useGetUseCaseQuery } from "../../Redux/slice/useCaseSlice"; const NavBar = () => { @@ -507,38 +505,87 @@ const NavBar = () => { onMouseLeave={() => setIsHoveredCases(false)} > - - - {useCase?.map((slug) => ( - - - - {`${slug.title}`} - - - ))} - - + + + + + FinTech + + + + + + + + + AdTech + + + + + + + + + MarTech + + + + + + + + + HealthTech + + + diff --git a/src/components/SubnetsComponent/NewSubnetComp.jsx b/src/components/SubnetsComponent/NewSubnetComp.jsx index 91ca45c..1df02be 100644 --- a/src/components/SubnetsComponent/NewSubnetComp.jsx +++ b/src/components/SubnetsComponent/NewSubnetComp.jsx @@ -462,7 +462,7 @@ export const NewSubnetComp = () => { > 51.4 Million RBT - Fixed Supply.Hardcapped + Fixed Supply. Hardcapped diff --git a/src/components/UseCase/UseCase.jsx b/src/components/UseCase/UseCase.jsx index 9e81868..3bda6ce 100644 --- a/src/components/UseCase/UseCase.jsx +++ b/src/components/UseCase/UseCase.jsx @@ -3,14 +3,9 @@ /* eslint-disable no-unused-vars */ // eslint-disable-next-line no-unused-vars import React, { useEffect } from "react"; -import { Box, Button, Image, Text } from "@chakra-ui/react"; -import pdf from "../../assets/pdf/Rubix.pdf"; -import cardimg from "../../assets/images/CardImg.png"; -import img from "../../assets/images/pdfscreen.png"; +import { Box, Text } from "@chakra-ui/react"; import { useParams } from "react-router-dom"; import { useGetUseCaseQuery } from "../../Redux/slice/useCaseSlice"; -import Loader from "../Loader/Loader"; -import NotFound from "../../pages/NotFound"; // eslint-disable-next-line react/prop-types const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => { @@ -36,87 +31,86 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => { console.log(matchingUseCase); return ( - <> - {matchingUseCase ? ( -
+
+ + - - - - {matchingUseCase.title} - - - {matchingUseCase.meta_description} - - - + {bannerHeading} + + + {bannerSubHeading} + + + - + + {useCase.map( + ({ useCaseHeading, useCaseSubHeading, useCaseDetails }) => ( { - - - {matchingUseCase.problem} - - - {matchingUseCase.solution} - - - - - {/* - {useCase.map((item) => ( - <> - {item.documents ? ( - - Use Cases - - ) : ( - "" - )} - - ))} - {useCase.map(({ documents }) => ( + {useCaseDetails.map(({ title, description }, index) => ( - {documents?.map((item) => ( - - - - - - {item.title} - - - - { - - - - } - - - - - ))} + + {title} + + + {description} + ))} - */} - -
- ) : ( - - )} - + + ) + )} + +
); }; diff --git a/src/data/useCase.jsx b/src/data/useCase.jsx index 989035a..d5584ae 100644 --- a/src/data/useCase.jsx +++ b/src/data/useCase.jsx @@ -368,9 +368,9 @@ export const IdentitySecurityContent = [ }, { id: 3, - title: "Rubix VC Framework Ver1", + title: " Rubix Verifiable Credentials", link: secuirty3, - name: `Rubix_VC_Framework_Ver1`, + name: ` Rubix_Verifiable_Credentials`, }, { id: 4, diff --git a/src/index.css b/src/index.css index 45c71a6..454e25f 100644 --- a/src/index.css +++ b/src/index.css @@ -180,7 +180,8 @@ span.swiper-pagination-bullet { @media only screen and (max-width: 600px) { .swiper-button-prev:after, .swiper-button-next:after { - font-size: 20px; + font-size: 30px; + font-weight: bolder; } .swiper-pagination-bullets { diff --git a/src/routes/_routes.jsx b/src/routes/_routes.jsx index 24a2aff..29dc2dd 100644 --- a/src/routes/_routes.jsx +++ b/src/routes/_routes.jsx @@ -4,6 +4,8 @@ import ArticleInternalSix from "../components/ArticleInternalSix/ArticleInternal import ArticleInternalThree from "../components/ArticleInternalThree/ArticleInternalThree"; import ArticleInternalTwo from "../components/ArticleInternalTwo/ArticleInternalTwo"; import ArticleInternalfive from "../components/ArticleInternalfive/ArticleInternalfive"; +import ArticleInternalSeven from "../components/ArticleInternalSeven/ArticleInternalSeven"; +import ArticleInternalEight from "../components/ArticleInternalEight/ArticleInternalEigth"; import { IdentitySecurityContent, adTechContent, @@ -24,6 +26,8 @@ import martech from "../assets/images/martech.png"; import security from "../assets/images/i&security-bg.png"; import tele from "../assets/images/Telecom-bg.png"; import healthTech from "../assets/images/health-tech.png"; +import security from "../assets/images/i&security-bg.png"; +import tele from "../assets/images/Telecom-bg.png"; import Form from "../components/Contact/Form"; import ResourcesPage from "../pages/ResourcesPage"; import VideoInternal from "../components/VideoInternal/VideoInternal"; @@ -79,6 +83,14 @@ export const route = [ path: "multichain-over-blockchain-a-reality-check-on-security-threat", element: , }, + { + path: "building-blocks-of-next-gen-blockchain", + element: , + }, + { + path: "driving-sustainable-innovations", + element: , + }, { path: "Contact", element:
,