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