"use client"; import React, { useState } from "react"; import Link from "next/link"; import Image from "next/image"; const Header = () => { const [isMenuOpen, setIsMenuOpen] = useState(false); const [openDropdown, setOpenDropdown] = useState([]); const toggleDropdown = (dropdownName, event) => { if (event) { event.stopPropagation(); } setOpenDropdown(current => { if (current.includes(dropdownName)) { // Remove this dropdown and any child dropdowns return current.filter(name => !name.startsWith(dropdownName)); } else { // Add this dropdown return [...current, dropdownName]; } }); }; const closeAllMenus = () => { setIsMenuOpen(false); setOpenDropdown([]); }; return (
{/* Logo */}
Operify Tech
{/* Desktop Navigation */} {/* Right side buttons */}
Get In Touch Contact {/* Mobile menu button */}
{/* Mobile Menu */} {isMenuOpen && (
)}
); }; export default Header;