diff --git a/yoga-app/src/components/nav.component.tsx b/yoga-app/src/components/nav.component.tsx
index e1d12d7..0ec5fd0 100644
--- a/yoga-app/src/components/nav.component.tsx
+++ b/yoga-app/src/components/nav.component.tsx
@@ -2,6 +2,7 @@
 import {FC} from "react";
 import YogaImageComponent from "@/components/yoga.image.component";
 import clsx from "clsx";
+import Link from "next/link";
 
 export interface MenuItem{
     href?: string;
@@ -23,10 +24,10 @@ const Nav: FC<Props> = ({menuItems}:Props) => {
             <div className="main_header">
                 <div className="container-fluid">
                     <nav className="navbar navbar-expand-lg navbar-light p-0">
-                        <a className="navbar-brand" href="/">
+                        <Link className="navbar-brand" href="/">
                             <figure className="mb-0"><YogaImageComponent src="/assets/images/yogastic_logo.png" alt=""/>
                             </figure>
-                        </a>
+                        </Link>
                         <button className="navbar-toggler collapsed" type="button" data-toggle="collapse"
                                 data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                 aria-expanded="false" aria-label="Toggle navigation">