"use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { useState } from "react"; import { ThemeToggle } from "@/components/common/ThemeToggle"; import { useAuth } from "@/hooks/useAuth"; import { LanguageSwitcher } from "@/components/header/LanguageSwitcher"; import { useTranslations } from "next-intl"; // Helper for smooth scrolling const scrollToSection = (id: string) => { const element = document.querySelector(id); if (!element) return; const navbarOffset = 80; const elementPosition = element.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - navbarOffset; window.scrollTo({ top: offsetPosition, behavior: "smooth", }); }; export default function Navbar() { const [mobileOpen, setMobileOpen] = useState(false); const [toolsOpen, setToolsOpen] = useState(false); const pathname = usePathname(); const { user, logout } = useAuth(); const t = useTranslations("Navigation"); // Theme toggle logic simplified for this component or reused from context // Assuming we might want to lift theme state up or use a provider. // For now, I'll add a placeholder toggle or just basic class toggle logic if not globally provided yet. // Note: The Header.tsx used local state or a store. Let's assume a simple toggle for now. return ( ); }