// app/components/Navbar.tsx 'use client'; import Link from 'next/link'; import { useState, useEffect } from 'react'; import Image from 'next/image'; import { useTheme } from 'next-themes'; import { FaSun, FaMoon } from 'react-icons/fa'; export default function Navbar() { const [isExpanded, setIsExpanded] = useState(false); const { theme, setTheme } = useTheme(); const [mounted, setMounted] = useState(false); useEffect(() => { const timer = setTimeout(() => setMounted(true), 0); return () => clearTimeout(timer); }, []); const toggleMenu = () => setIsExpanded(!isExpanded); const closeMenu = () => setIsExpanded(false); return (
); }