diff --git a/src/components/Community/CommunityBanner.jsx b/src/components/Community/CommunityBanner.jsx index c9adcb0..d0b9277 100644 --- a/src/components/Community/CommunityBanner.jsx +++ b/src/components/Community/CommunityBanner.jsx @@ -1,5 +1,7 @@ +/* eslint-disable react/no-unknown-property */ import { Box, Button, Container, Text } from "@chakra-ui/react"; import banner from "../../assets/images/communityBanner.webp"; +import { Link } from "react-router-dom"; const BannerContent = [ { @@ -86,7 +88,7 @@ const CommunityBanner = () => {
{ {BannerContent[1].subheading} - + border: "1px solid white", + zIndex: 1, + }} + > + {BannerContent[2].btn} + + diff --git a/src/components/Community/CommunityCard.jsx b/src/components/Community/CommunityCard.jsx index d6c4737..6468ee9 100644 --- a/src/components/Community/CommunityCard.jsx +++ b/src/components/Community/CommunityCard.jsx @@ -57,7 +57,7 @@ const individuals = [ name: "Eser Torun, CFA", jobTitle: "Chief Growth Officer", description: - "Deeply passionate about Cryptography, Zero Knowledge Proofs, and Number Theory.", + "Expert at balancing risk-taking with sound business judgment in decision-making.", imageUrl: imgten, link: `https://www.linkedin.com/in/eser-torun-cfa?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`, }, @@ -93,7 +93,7 @@ const individuals = [ name: "Arnab Ghose", jobTitle: "Senior Blockchain Engineer", description: - "Developed revolutionary PoP protocol, P2P data transfer and transaction processing functions.", + "Master at handling complex tasks and gives 100% effort all the time.", imageUrl: imgeleven, link: `https://www.linkedin.com/in/arnabghose997?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app`, }, diff --git a/src/components/MobileComponent/MobileCommunityCard.jsx b/src/components/MobileComponent/MobileCommunityCard.jsx index da0eaf7..b32a598 100644 --- a/src/components/MobileComponent/MobileCommunityCard.jsx +++ b/src/components/MobileComponent/MobileCommunityCard.jsx @@ -1,3 +1,4 @@ +/* eslint-disable no-unused-vars */ import React from "react"; import { Swiper, SwiperSlide } from "swiper/react"; import { Box, Container, SimpleGrid, Text, Image } from "@chakra-ui/react"; @@ -16,7 +17,7 @@ import imgten from "../../assets/images/Component128.png"; import imgeleven from "../../assets/images/Component127.png"; import linkedin from "../../assets/images/linkedin.png"; import games from "../../assets/images/discot.png"; -import {Pagination,Navigation} from "swiper/modules" +import { Pagination, Navigation } from "swiper/modules"; const individuals = [ { @@ -48,7 +49,7 @@ const individuals = [ name: "Eser Torun, CFA", jobTitle: "Chief Growth Officer", description: - "Deeply passionate about Cryptography, Zero Knowledge Proofs, and Number Theory.", + "Expert at balancing risk-taking with sound business judgment in decision-making.", imageUrl: imgten, }, { @@ -80,7 +81,7 @@ const individuals = [ name: "Arnab Ghose", jobTitle: "Senior Blockchain Engineer", description: - "Developed revolutionary PoP protocol, P2P data transfer and transaction processing functions.", + "Master at handling complex tasks and gives 100% effort all the time.", imageUrl: imgeleven, }, { @@ -118,9 +119,9 @@ const individuals = [ ]; const MobileCommunityCard = () => { - return ( + return ( <> - + { padding: "3rem", }, "@media (max-width: 500px)": { - padding:'0 1rem', - paddingBottom:'0rem' + padding: "0 1rem", + paddingBottom: "0rem", }, }} > @@ -147,85 +148,87 @@ const MobileCommunityCard = () => { sx={{ "@media (max-width: 500px)": { fontSize: "22px", - fontWeight:'400', - marginBottom:'0px', - paddingBottom:'30px' + fontWeight: "400", + marginBottom: "0px", + paddingBottom: "30px", }, }} > Rubix Community - console.log("slide change")} - onSwiper={(swiper) => console.log(swiper)} - style={{paddingBottom:'8rem',position:'relative'}} - > - {individuals.map((item) => ( - - - - - - + console.log("slide change")} + onSwiper={(swiper) => console.log(swiper)} + style={{ paddingBottom: "8rem", position: "relative" }} + > + {individuals.map((item, i) => ( + + - {item.name} + - - {item.jobTitle} - - - {item.description} - - - - - - - ))} - + + + {item.name} + + + {item.jobTitle} + + + {item.description} + + + + + + + ))} +