From 006c44e6737e68adb13ad8e5b96cea962a4bccaa Mon Sep 17 00:00:00 2001 From: rockyeverlast Date: Thu, 11 Apr 2024 19:33:00 +0530 Subject: [PATCH] Fixed nav and Desktop pages and responsive design --- src/App.jsx | 2 + src/assets/images/communityBanner.webp | Bin 0 -> 19600 bytes src/components/BuildPage/BuildBanner.jsx | 2 +- src/components/BuildPage/Connect.jsx | 1 + src/components/BuildPage/Tools.jsx | 14 +- src/components/Card/HomeCard.jsx | 14 +- src/components/Card/MobileHomeCard.jsx | 2 +- src/components/Card/PlaceCard.jsx | 18 +- src/components/Community/CommunityBanner.jsx | 12 +- src/components/Community/CommunityCard.jsx | 6 +- src/components/Community/Happen.jsx | 148 +++++----- src/components/Community/Insights.jsx | 2 +- src/components/Community/LearnMore.jsx | 230 ++++++++-------- src/components/Community/Place.jsx | 36 +-- src/components/HomePage/HomeBanner.jsx | 2 +- src/components/HomePage/Partner.jsx | 10 +- src/components/HomePage/Resources.jsx | 2 +- src/components/HomePage/WhitePaper.jsx | 2 +- src/components/LearnPage/LearnBanner.jsx | 11 +- src/components/LearnPage/LearnDev.jsx | 55 ++-- .../MobileComponent/MobileSubnet.jsx | 260 ++++++++++-------- .../MobileComponent/MobileSubnet2.jsx | 12 +- .../MobileComponent/MobileSubnet3.jsx | 13 +- .../MobileComponent/ResourcesMobile.jsx | 8 +- src/components/NavBar/NavBar.jsx | 33 ++- .../SubnetsComponent/NewSubnetComp.jsx | 10 +- src/pages/Community.jsx | 33 ++- src/pages/NotFound.jsx | 31 +++ 28 files changed, 545 insertions(+), 424 deletions(-) create mode 100644 src/assets/images/communityBanner.webp create mode 100644 src/pages/NotFound.jsx diff --git a/src/App.jsx b/src/App.jsx index e6eff08..70ae5ee 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -12,6 +12,7 @@ import Community from "./pages/Community"; import Contact from "./pages/Contact"; import UseCases from "./pages/UseCases"; import ArticleInternalPage from "./components/ArticleInternalPage/ArticleInternalPage"; +import NotFound from "./pages/NotFound"; const router = createBrowserRouter( createRoutesFromElements( @@ -23,6 +24,7 @@ const router = createBrowserRouter( } /> } /> } /> + } /> ) ); diff --git a/src/assets/images/communityBanner.webp b/src/assets/images/communityBanner.webp new file mode 100644 index 0000000000000000000000000000000000000000..df4629dd9daf19823f12b4d161b496a737be1c8d GIT binary patch literal 19600 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�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 { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/BuildPage/Connect.jsx b/src/components/BuildPage/Connect.jsx index a160602..813b9d1 100644 --- a/src/components/BuildPage/Connect.jsx +++ b/src/components/BuildPage/Connect.jsx @@ -82,6 +82,7 @@ const Connect = () => { // fontSize={"40px"} color={"#fff"} marginBottom={"3rem"} + textAlign={"center"} > Connect with Rubix community diff --git a/src/components/BuildPage/Tools.jsx b/src/components/BuildPage/Tools.jsx index 6fa7cf9..f555b54 100644 --- a/src/components/BuildPage/Tools.jsx +++ b/src/components/BuildPage/Tools.jsx @@ -94,7 +94,11 @@ const Tools = () => { borderRadius={"10px"} height={"100%"} > - + {/* */} @@ -112,7 +116,11 @@ const Tools = () => { dangerouslySetInnerHTML={{ __html: item.title }} /> - + { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/Card/HomeCard.jsx b/src/components/Card/HomeCard.jsx index 92cc926..bfef239 100644 --- a/src/components/Card/HomeCard.jsx +++ b/src/components/Card/HomeCard.jsx @@ -8,10 +8,10 @@ const HomeCard = ({ key, date, text }) => { return ( { }} > { INSIGHT - + {date} {text} diff --git a/src/components/Card/MobileHomeCard.jsx b/src/components/Card/MobileHomeCard.jsx index bd0864d..55e1501 100644 --- a/src/components/Card/MobileHomeCard.jsx +++ b/src/components/Card/MobileHomeCard.jsx @@ -30,7 +30,7 @@ const MobileHomeCard = ({ key, date, text }) => { background={"#151419"} borderRadius={"10px"} minHeight={"415px !important"} - key={key} + // key={key} sx={{ "@media (max-width: 600px)": { width: "100%", diff --git a/src/components/Card/PlaceCard.jsx b/src/components/Card/PlaceCard.jsx index a41c604..205ecbc 100644 --- a/src/components/Card/PlaceCard.jsx +++ b/src/components/Card/PlaceCard.jsx @@ -1,3 +1,4 @@ +/* eslint-disable react/prop-types */ /* eslint-disable no-unused-vars */ import { Box, Container, Text, Image, Button } from "@chakra-ui/react"; import { ArrowForwardIcon } from "@chakra-ui/icons"; @@ -17,7 +18,7 @@ const PlaceCard = ({ key, text, cardicon, title, button }) => { "@media (max-width: 500px)": { width: "320px", fontWeight: "400", - minHeight:'290px' + minHeight: "290px", }, }} > @@ -30,11 +31,14 @@ const PlaceCard = ({ key, text, cardicon, title, button }) => { }} /> - @@ -44,7 +48,7 @@ const PlaceCard = ({ key, text, cardicon, title, button }) => { color={"#D4D4D4"} fontSize={"16px"} marginBottom={"20px"} - minHeight={"73px"} + minHeight={"135px"} maxWidth={"460px"} sx={{ "@media (max-width: 500px)": { @@ -70,8 +74,10 @@ const PlaceCard = ({ key, text, cardicon, title, button }) => { }} > {button} - { "@media (max-width: 600px)": { fontSize: "40px", marginBottom: "0rem", - lineHeight:'54px' + lineHeight: "54px", }, }} > @@ -109,7 +109,7 @@ const CommunityBanner = () => { }, "@media (max-width: 500px)": { fontSize: "16px", - lineHeight:'28px' + lineHeight: "28px", }, }} > @@ -161,13 +161,13 @@ const CommunityBanner = () => { marginTop: "2rem", bgGradient: "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)", - color:'#000', - fontWeight:'600' + color: "#000", + fontWeight: "600", }, }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/Community/CommunityCard.jsx b/src/components/Community/CommunityCard.jsx index 077f669..f2277c7 100644 --- a/src/components/Community/CommunityCard.jsx +++ b/src/components/Community/CommunityCard.jsx @@ -1,3 +1,4 @@ +/* eslint-disable no-unused-vars */ import { Box, Card, @@ -23,7 +24,6 @@ import imgnine from "../../assets/images/Component123.png"; import imgten from "../../assets/images/Component128.png"; import imgeleven from "../../assets/images/Component127.png"; - const individuals = [ { location: "india", @@ -128,8 +128,8 @@ const CommunityCard = () => { <> { return ( +const Happen = () => { + return ( { return ( padding: "3rem", }, "@media (max-width: 500px)": { - padding:'1rem' + padding: "1rem", }, }} > @@ -71,7 +72,7 @@ const Happen = () => { return ( sx={{ "@media (max-width: 500px)": { fontSize: "22px", - fontWeight:'400' + fontWeight: "400", }, }} > @@ -88,17 +89,17 @@ const Happen = () => { return ( > {Latest.map((item) => ( { return ( ))} - - - + + diff --git a/src/components/Community/Insights.jsx b/src/components/Community/Insights.jsx index e29cdb3..635ced4 100644 --- a/src/components/Community/Insights.jsx +++ b/src/components/Community/Insights.jsx @@ -135,7 +135,7 @@ const Insights = () => { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/Community/LearnMore.jsx b/src/components/Community/LearnMore.jsx index b10bb74..90bf20d 100644 --- a/src/components/Community/LearnMore.jsx +++ b/src/components/Community/LearnMore.jsx @@ -5,7 +5,7 @@ const SectionContent = { heading: `Connect with us to learn more!`, subContent: `With countless applications, there's a place for everyone in the Rubix community.`, btnContent: `Contact Us`, - btnBild:"Build with Rubix", + btnBild: "Build with Rubix", }; const LearnMore = () => { @@ -37,8 +37,8 @@ const LearnMore = () => { "@media (max-width: 1024px)": {}, "@media (max-width: 500px)": { fontSize: "20px", - fontWeight:'500', - marginBottom:'5px' + fontWeight: "500", + marginBottom: "5px", }, }} > @@ -54,131 +54,131 @@ const LearnMore = () => { > {SectionContent.subContent} - - + color: "#000", + fontWeight: "600", + }, + }} + _hover={{ + color: "#000", + border: "1px solid white", + zIndex: 1, + }} + > + {SectionContent.btnBild} + + diff --git a/src/components/Community/Place.jsx b/src/components/Community/Place.jsx index 39dce4a..7f8fdd8 100644 --- a/src/components/Community/Place.jsx +++ b/src/components/Community/Place.jsx @@ -1,6 +1,6 @@ /* eslint-disable no-unused-vars */ import { Box, Container, Text, Image, Button } from "@chakra-ui/react"; -import Partner from "../../assets/images/partner.png" +import Partner from "../../assets/images/partner.png"; import PlaceCard from "../Card/PlaceCard"; import Enterprise from "../../assets/images/enterprise.png"; import Banner from "../../assets/images/place-banner.png"; @@ -8,31 +8,31 @@ import Banner from "../../assets/images/place-banner.png"; const content = [ { id: 1, - title:'Partners', + title: "Partners", 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', + button: "Explore our ecosystem", }, { id: 2, - title:'Enterprises', + title: "Enterprises", 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', + button: "See how it works", }, { id: 3, - title:'Developers', + title: "Developers", 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', + button: "Start Building", }, { id: 4, - title:'Advisors', + title: "Advisors", 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', + button: "Contact Us", }, ]; @@ -73,9 +73,9 @@ const Place = () => { textTransform={"capitalize"} color={"#fff"} sx={{ - "@media (max-width: 500px)": { + "@media (max-width: 500px)": { fontSize: "22px", - fontWeight:'400', + fontWeight: "400", }, }} > @@ -93,13 +93,13 @@ const Place = () => { }} > {content.map((item) => ( - ))} diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx index 1444431..911a9e2 100644 --- a/src/components/HomePage/HomeBanner.jsx +++ b/src/components/HomePage/HomeBanner.jsx @@ -178,7 +178,7 @@ const HomeBanner = () => { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/HomePage/Partner.jsx b/src/components/HomePage/Partner.jsx index e755fcf..30b6f2d 100644 --- a/src/components/HomePage/Partner.jsx +++ b/src/components/HomePage/Partner.jsx @@ -28,7 +28,7 @@ import "swiper/css"; import "swiper/css/pagination"; import "swiper/css/navigation"; -import { Navigation, Pagination } from "swiper/modules"; +import { Navigation, Pagination, Autoplay } from "swiper/modules"; import { useState } from "react"; const imgWidth = { @@ -91,8 +91,12 @@ export default function Partner() { {/* Box1 */} { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/HomePage/WhitePaper.jsx b/src/components/HomePage/WhitePaper.jsx index 6814dc6..3751e46 100644 --- a/src/components/HomePage/WhitePaper.jsx +++ b/src/components/HomePage/WhitePaper.jsx @@ -106,7 +106,7 @@ const WhitePaper = () => { }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/LearnPage/LearnBanner.jsx b/src/components/LearnPage/LearnBanner.jsx index 283eb84..5707c5a 100644 --- a/src/components/LearnPage/LearnBanner.jsx +++ b/src/components/LearnPage/LearnBanner.jsx @@ -3,7 +3,7 @@ import banner from "../../assets/images/learnBanner.webp"; const BannerContent = [ { - head:'Powerful', + head: "Powerful", heading1: ` blockchain tools`, heading2: `for developers`, }, @@ -58,8 +58,7 @@ const LearnBanner = () => { width: "100%", }, }} - > - + > { style={{ color: "#fff", }} - >{BannerContent[0].head} + > + {BannerContent[0].head} + {BannerContent[0].heading1}
{ }} _hover={{ color: "#000", - border: "none", + border: "1px solid white", zIndex: 1, }} > diff --git a/src/components/LearnPage/LearnDev.jsx b/src/components/LearnPage/LearnDev.jsx index 60a030c..48cf6a5 100644 --- a/src/components/LearnPage/LearnDev.jsx +++ b/src/components/LearnPage/LearnDev.jsx @@ -58,34 +58,33 @@ const LearnDev = () => { backgroundRepeat={"no-repeat"} padding={"2rem 0 4rem 0"} > - - - {Content.heading} {isSmallScreen ? null :
} - {Content.span} - - + + {Content.heading} {isSmallScreen ? null :
} + {Content.span} + { return ( <> - - - - {/* Subnet1 */} - - - - decentralised Auto Syncing subnets - - - + + + + {/* Subnet1 */} - + { textTransform={"capitalize"} color={"#fff"} > - P2P + decentralised Auto Syncing subnets - - Only L1 powering full mobile nodes - - Mobile nodes with full state data will settle P2P . - Consensus provided by nearby node validators. - - - High scalability, Partition tolerance and portability - - + {/* */} - - - Self Sovereign - - - - Permissioned subnets with no oracles and
{" "} - intermediaries - - INo block space ransom - - Zero risk of transactions being blocked out of
- chain. - - - + + + P2P + + + Only L1 powering full mobile nodes + + Mobile nodes with full state data will settle P2P . + Consensus provided by nearby node validators. + + + High scalability, Partition tolerance and portability + + + - - - Easier - - - - Leverage own infrastructure for block space - - - Smart contracts in Rust , GoLang and C/C++ - - WASM compiler for smooth code migration - - + + + Self Sovereign + + + + Permissioned subnets with no oracles and
{" "} + intermediaries + + INo block space ransom + + Zero risk of transactions being blocked out of
+ chain. + + + - - - cheaper - - - No GAS fees - - Incremental and modular infrastructure ask - - - No expensive re training of development
- resources - - + + + Easier + + + + Leverage own infrastructure for block space + + + Smart contracts in Rust , GoLang and C/C++ + + WASM compiler for smooth code migration + + + + + + cheaper + + + No GAS fees + + Incremental and modular infrastructure ask + + + No expensive re training of development
+ resources + + + - - - - - + + + + + + + ); diff --git a/src/components/MobileComponent/MobileSubnet2.jsx b/src/components/MobileComponent/MobileSubnet2.jsx index c4a1579..647f0d5 100644 --- a/src/components/MobileComponent/MobileSubnet2.jsx +++ b/src/components/MobileComponent/MobileSubnet2.jsx @@ -4,7 +4,13 @@ import cube from "../../assets/images/cube.png"; const MobileSubnet2 = () => { return ( - + {/* Subnet1 */} { > With unmatched privacy and scalability - { }, }, }} - /> + /> */} diff --git a/src/components/MobileComponent/MobileSubnet3.jsx b/src/components/MobileComponent/MobileSubnet3.jsx index 6238515..fcfc937 100644 --- a/src/components/MobileComponent/MobileSubnet3.jsx +++ b/src/components/MobileComponent/MobileSubnet3.jsx @@ -4,7 +4,14 @@ import stack from "../../assets/images/stacksmall.png"; const MobileSubnet3 = () => { return ( - + {/* Subnet1 */} { > All In One Composable Stack - { }, }, }} - /> + /> */} diff --git a/src/components/MobileComponent/ResourcesMobile.jsx b/src/components/MobileComponent/ResourcesMobile.jsx index 3c104c5..a06a43d 100644 --- a/src/components/MobileComponent/ResourcesMobile.jsx +++ b/src/components/MobileComponent/ResourcesMobile.jsx @@ -5,7 +5,7 @@ import "swiper/css"; import "swiper/css/pagination"; import "swiper/css/navigation"; -import { Navigation, Pagination } from "swiper/modules"; +import { Navigation, Pagination, Autoplay } from "swiper/modules"; import { Swiper, SwiperSlide } from "swiper/react"; import MobileHomeCard from "../Card/MobileHomeCard"; @@ -55,8 +55,12 @@ const ResourcesMobile = () => { {content.map((item) => ( <> diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx index ea117a7..1382d1e 100644 --- a/src/components/NavBar/NavBar.jsx +++ b/src/components/NavBar/NavBar.jsx @@ -46,7 +46,7 @@ const NavBar = () => { position: "absolute", bottom: "0px", left: "50%", - width: "130%", + width: "100%", height: "3px", backgroundColor: "#DE858E", borderRadius: "10px", @@ -168,7 +168,7 @@ const NavBar = () => { { - FOUNDATION + + { arrowRight.style.transform = "none"; }} > - CONTACT US + { start: "top top", scrub: 1, pin: true, - end: "bottom bottom-=100vh", + end: "bottom bottom-=500vh", markers: false, }, }) @@ -95,7 +95,13 @@ export const NewSubnetComp = () => { display={"grid"} alignContent={"center"} > - + { const [windowWidth, setWindowWidth] = useState(window.innerWidth); @@ -31,19 +31,18 @@ const Community = () => { const isMobile = windowWidth <= 996; - return ( <> - + {!isMobile ? : } - + - +