"use client"; import { useState } from 'react'; import Link from 'next/link'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faWordpressSimple } from '@fortawesome/free-brands-svg-icons'; import { faLink, faHouse, faUser, faPhone, faBars, faTimes, faTerminal, faMusic } from '@fortawesome/free-solid-svg-icons'; import { IconDefinition } from '@fortawesome/fontawesome-svg-core'; interface NavItemProps { href: string; icon: IconDefinition; children: React.ReactNode; } const NavItem = ({ href, icon, children }: NavItemProps) => (
  • {children}
  • ); export default function Header() { const [isOpen, setIsOpen] = useState(false); const toggleMenu = () => setIsOpen(!isOpen); return (
    ); }