Refactor navigation and component structure by updating import paths for SideNav and Notifications components. Remove unused Login component and notifications.tsx file. Add Navbar component to the Home page and adjust package.json to specify pnpm as the package manager.

app/(admin)/booking/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import SideNav from "@/components/side-nav";
+import SideNav from "@/app/(admin)/_components/side-nav";
 
 export default function Booking() {
   return (

app/(admin)/dashboard/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import SideNav from "@/components/side-nav";
+import SideNav from "@/app/(admin)/_components/side-nav";
 
 export default function Dashboard() {
   return (

app/(admin)/notifications/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useState } from "react";
-import SideNav from "@/components/side-nav";
-import { Notifications, Notification } from "@/components/notifications";
+import SideNav from "@/app/(admin)/_components/side-nav";
+import { Notifications, Notification } from "@/app/(admin)/_components/notifications";
 
 export default function NotificationsPage() {
   const [notifications, setNotifications] = useState<Notification[]>([

app/(auth)/layout.tsx

@@ -0,0 +1,7 @@
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <div>
+            {children}
+        </div>
+    )
+}

app/page.tsx

@@ -4,10 +4,13 @@ import { HeroSection } from "@/components/Hero";
 import { About } from "@/components/About";
 import { Services } from "@/components/Services";
 import { ContactSection } from "@/components/ContactSection";
+import { Navbar } from "../components/Navbar";
+
 
 export default function Home() {
   return (
     <main>
+      <Navbar />
       <HeroSection />
 
       <About />

app/providers.tsx

@@ -1,13 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "../components/ThemeProvider";
-import { Navbar } from "../components/Navbar";
 import { type ReactNode } from "react";
 
 export function Providers({ children }: { children: ReactNode }) {
   return (
     <ThemeProvider>
-      <Navbar />
       {children}
     </ThemeProvider>
   );

components/Navbar.tsx

@@ -80,7 +80,7 @@ export function Navbar() {
 
           <div className="flex items-center gap-2">
             <Button size="sm" variant="outline" className="hidden sm:inline-flex hover:opacity-90 hover:scale-105 transition-all dark:hover:bg-cyan-900/30" asChild>
-              <a href="#login">Sign In</a>
+              <a href="/login">Sign In</a>
             </Button>
             <ThemeToggle />
             <Button size="sm" className="hidden sm:inline-flex hover:opacity-90 hover:scale-105 transition-all dark:hover:bg-emerald-600" asChild>

package.json

@@ -34,5 +34,6 @@
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5"
-  }
+  },
+  "packageManager": "pnpm@10.12.3+sha512.467df2c586056165580ad6dfb54ceaad94c5a30f80893ebdec5a44c5aa73c205ae4a5bb9d5ed6bb84ea7c249ece786642bbb49d06a307df218d03da41c317417"
 }