diff --git a/frontend/components/NavBar/Logo.js b/frontend/components/NavBar/Logo.js
index 4e2746b..31b9f26 100644
--- a/frontend/components/NavBar/Logo.js
+++ b/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>
   )
 }
 
diff --git a/frontend/components/NavBar/index.js b/frontend/components/NavBar/index.js
index 9ad70f8..6cca88c 100644
--- a/frontend/components/NavBar/index.js
+++ b/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,
diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css
index 7969cb4..6735050 100644
--- a/frontend/styles/globals.css
+++ b/frontend/styles/globals.css
@@ -50,4 +50,6 @@ body::-webkit-scrollbar-thumb {
   border-width: 2px 0 2px;
   border-radius: 10px;
 }
-
+.home{
+  cursor: pointer;
+}