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

@@ -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>

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" />

components/Hero.tsx

@@ -120,7 +120,7 @@ export function HeroSection() {
               animate={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.8, delay: 0.4 }}
             >
-              Nathalie Mac Guffie, LCSW
+              Nathalie Mac-Guffie, LMHC
             </motion.p>
 
             <motion.p
@@ -155,6 +155,12 @@ export function HeroSection() {
                 size="lg" 
                 variant="outline"
                 className="cursor-pointer hover:scale-105 hover:bg-gray-100 dark:hover:bg-gray-800 hover:border-cyan-300 dark:hover:border-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition-all"
+                onClick={() => {
+                  const servicesSection = document.getElementById('services');
+                  if (servicesSection) {
+                    servicesSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                  }
+                }}
               >
                 Learn More
               </Button>

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 }}
           >
+            <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>
-          </motion.a>
+            </Link>
+          </motion.div>
 
           <div className="hidden md:flex items-center gap-6">
             <button