logo change

package.json

@@ -12,6 +12,7 @@
     "lodash": "^4.17.21",
     "react": "16.12.0",
     "react-dom": "16.12.0",
+    "react-icons": "^4.3.1",
     "react-router-dom": "5.2.0",
     "react-scripts": "3.0.1",
     "react-slick": "^0.28.1",

src/components/events.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Box, Flex, Text } from '@chakra-ui/react';
 import Slider from 'react-slick';
-import times from 'lodash/times';
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import "./events.css";

src/components/join.js

@@ -1,5 +1,6 @@
 import React from "react";
-import {Flex, Box, Text, } from "@chakra-ui/react";
+import {Flex, Box, Text, Center, Link,} from "@chakra-ui/react";
+import {FaDiscord, FaTelegram} from "react-icons/all";
 
 export default function Join() {
     return (
@@ -17,8 +18,12 @@ export default function Join() {
                    <li>Sharing your profiles of lab environments like HackTheBox, TryHackMe and others also makes you eligible for membership<br></br></li>
                     <br></br>
                     </ul>
-                <a href="https://t.me/joinchat/QuKJ5QEQAK-6Z__J" style={{color:"blue",fontSize:"17px"}}>Join us on Telegram</a> &ensp;
-                <a href="https://discord.gg/uP3bFcm6yp" style={{color:"blue",fontSize:"17px"}}>Join us on Discord </a>
+
+                    <Center>
+                        <Link href="https://t.me/joinchat/QuKJ5QEQAK-6Z__J" mx="1rem"><FaTelegram
+                            size={'3rem'} color={"#00F40A"}/></Link> &ensp;
+                        <Link href="https://discord.gg/uP3bFcm6yp" mx="1rem"><FaDiscord size={'3rem'} color={"#00F40A"}/></Link>
+                    </Center>
                 </Text>
             </Box>
         </Flex>

yarn.lock

@@ -9221,6 +9221,11 @@ [email protected]:
     use-callback-ref "^1.2.1"
     use-sidecar "^1.0.1"
 
+react-icons@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.3.1.tgz#2fa92aebbbc71f43d2db2ed1aed07361124e91ca"
+  integrity sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==
+
 react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"