// Top nav — Logo on top, menu below, HRD logo at bottom function Nav({ t }) { const [scrolled, setScrolled] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); const [trainingOpen, setTrainingOpen] = React.useState(false); const [consultancyOpen, setConsultancyOpen] = React.useState(false); const [mobileTrainingOpen, setMobileTrainingOpen] = React.useState(false); const [mobileConsultancyOpen, setMobileConsultancyOpen] = React.useState(false); const trainingItems = [ { label: "EHS Training", href: "training.html#ehs-trainings" }, { label: "Engineering & Technical Training", href: "training.html#engineering-trainings" }, { label: "Root Cause Analysis (RCA) Training", href: "training.html#rca-trainings" }, { label: "Integrated Training", href: "training.html#integrated-trainings" }, { label: "Process Safety Programs", href: "training.html#process-safety-trainings" }, { label: "Lean Manufacturing Program", href: "training.html#lean-manufacturing-trainings" }, { label: "Psychology & Behaviour Based Safety", href: "training.html#psychology-trainings" }, { label: "Governance and Legal Training", href: "training.html#governance-training" }, { label: "Electronics & Semiconductor Training", href: "training.html#electronics-training", exclusive: true }, { label: "Heavy Machineries Programs", href: "training.html#heavy-machineries-trainings" }, ]; const consultancyItems = [ { label: "ISO Professional Consultation and Audits", href: "consultancy.html" }, ]; React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); React.useEffect(() => { const handleResize = () => { if (window.innerWidth > 850 && mobileOpen) { setMobileOpen(false); } }; window.addEventListener("resize", handleResize, { passive: true }); return () => window.removeEventListener("resize", handleResize); }, [mobileOpen]); const handleMobileLink = (e, href) => { if (href.startsWith('#')) { e.preventDefault(); setMobileOpen(false); setTimeout(() => { document.querySelector(href)?.scrollIntoView({ behavior: 'smooth' }); }, 100); } else { setMobileOpen(false); } }; return ( ); } window.Nav = Nav;