added redirect on logo (#142)

frontend/components/NavBar/Logo.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import { motion } from 'framer-motion'
+import Link from 'next/link'
 
 const pathvariant = {
   initial: { pathLength: 0, opacity: 0 },
@@ -9,6 +10,8 @@ const pathvariant = {
 
 export default function Logo() {
   return (
+    <div class="home">
+    <Link href="/">
     <div className="logo-wrapper">
       <motion.svg
         initial={{ rotate: -180 }}
@@ -42,6 +45,8 @@ export default function Logo() {
         />
       </motion.svg>
     </div>
+    </Link>
+    </div>
   )
 }
 

frontend/components/NavBar/index.js

@@ -53,6 +53,8 @@ function Index(props) {
           <span>
             <Logo />
           </span>
+          <div class="home">
+          <Link href="/">
           <Typography
             component={motion.div}
             initial={{ y: -50, opacity: 0 }}
@@ -65,6 +67,8 @@ function Index(props) {
           >
             UrlMiniFy
           </Typography>
+          </Link>
+          </div>
           <Box
             sx={{
               flexGrow: 1,

frontend/styles/globals.css

@@ -50,4 +50,6 @@ body::-webkit-scrollbar-thumb {
   border-width: 2px 0 2px;
   border-radius: 10px;
 }
-
+.home{
+  cursor: pointer;
+}