From 632d08cd2903888da10e45507c7f99581326ce75 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Wed, 12 Nov 2025 12:33:36 +0000
Subject: [PATCH] Refactor header, side navigation, and navbar components to
 update logo links to the home page. Enhance consistency in navigation across
 the admin panel and main application.

---
 app/(admin)/_components/header.tsx   |  2 +-
 app/(admin)/_components/side-nav.tsx |  8 ++++----
 components/Navbar.tsx                | 20 +++++++++++---------
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/app/(admin)/_components/header.tsx b/app/(admin)/_components/header.tsx
index bd15560..a2cae72 100644
--- a/app/(admin)/_components/header.tsx
+++ b/app/(admin)/_components/header.tsx
@@ -53,7 +53,7 @@ export function Header() {
       <div className="px-3 sm:px-4 md:px-6 lg:px-8">
         <div className="flex items-center justify-between h-14 sm:h-16">
           {/* Logo */}
-          <Link href="/admin/dashboard" className="flex items-center gap-2 sm:gap-3">
+          <Link href="/" className="flex items-center gap-2 sm:gap-3">
             <div className="flex items-center justify-center w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-linear-to-r from-rose-100 to-pink-100">
               <Heart className="w-4 h-4 sm:w-6 sm:h-6 text-rose-600" fill="currentColor" />
             </div>
diff --git a/app/(admin)/_components/side-nav.tsx b/app/(admin)/_components/side-nav.tsx
index f512a8e..58d21e1 100644
--- a/app/(admin)/_components/side-nav.tsx
+++ b/app/(admin)/_components/side-nav.tsx
@@ -44,12 +44,12 @@ export default function SideNav() {
     <>
       {/* Mobile Top Bar */}
       <div className="flex md:hidden items-center justify-between px-4 py-3 border-b border-gray-200 bg-white z-30 fixed top-0 left-0 right-0">
-        <div className="flex items-center gap-3">
+        <Link href="/" className="flex items-center gap-3">
           <div className="flex items-center justify-center w-8 h-8 rounded-lg bg-linear-to-r from-rose-100 to-pink-100">
             <Heart className="w-5 h-5 text-rose-600" fill="currentColor" />
           </div>
           <span className="text-lg font-semibold text-gray-900">Attune Heart Therapy</span>
-        </div>
+        </Link>
         <Button
           variant="ghost"
           size="icon"
@@ -76,12 +76,12 @@ export default function SideNav() {
       >
         {/* Logo Section */}
         <div className="shrink-0 px-3 pb-4 flex flex-col gap-1 md:block mb-5 pt-16 md:pt-4">
-          <div className="flex items-center gap-2 mb-1 ml-2 md:ml-3">
+          <Link href="/" className="flex items-center gap-2 mb-1 ml-2 md:ml-3">
             <div className="flex items-center justify-center w-8 h-8 rounded-lg bg-linear-to-r from-rose-100 to-pink-100">
               <Heart className="w-5 h-5 text-rose-600" fill="currentColor" />
             </div>
             <span className="text-sm font-semibold text-gray-900">Attune Heart</span>
-          </div>
+          </Link>
         </div>
 
         <hr className="shrink-0 -mt-10 mb-4 mx-3 border-gray-200 md:block hidden" />
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 9826e01..aab93a4 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -7,6 +7,7 @@ import { ThemeToggle } from "@/components/ThemeToggle";
 import { useEffect, useState } from "react";
 import { LoginDialog } from "@/components/LoginDialog";
 import { useRouter } from "next/navigation";
+import Link from "next/link";
 
 export function Navbar() {
   const [isDark, setIsDark] = useState(false);
@@ -52,19 +53,20 @@ export function Navbar() {
     >
       <div className="container mx-auto px-4">
         <div className="flex items-center justify-between h-16">
-          <motion.a
-            href="#home"
+          <motion.div
             className="flex items-center gap-2"
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}
           >
-            <div className="bg-linear-to-r from-rose-500 to-pink-600 p-2 rounded-xl">
-              <Heart className="h-5 w-5 text-white fill-white" />
-            </div>
-            <span className="font-bold text-lg bg-linear-to-r from-rose-600 via-pink-600 to-orange-600 bg-clip-text text-transparent">
-              Attune Heart Therapy
-            </span>
-          </motion.a>
+            <Link href="/" className="flex items-center gap-2">
+              <div className="bg-linear-to-r from-rose-500 to-pink-600 p-2 rounded-xl">
+                <Heart className="h-5 w-5 text-white fill-white" />
+              </div>
+              <span className="font-bold text-lg bg-linear-to-r from-rose-600 via-pink-600 to-orange-600 bg-clip-text text-transparent">
+                Attune Heart Therapy
+              </span>
+            </Link>
+          </motion.div>
 
           <div className="hidden md:flex items-center gap-6">
             <button