/* global React, ReactDOM */ const { useState, useEffect } = React; // ============ Logo Lockup ============ function Logo({ size = "md" }) { const scale = size === "lg" ? 1.8 : size === "sm" ? 0.8 : 1; return (
J R JOHNSON Resources
); } // ============ Header ============ function Header({ active = "home" }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 80); window.addEventListener("scroll", onScroll); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); const links = [ { key: "home", label: "Home", href: "Johnson Resources Homepage.html" }, { key: "products", label: "Products", href: "Johnson Resources Products.html" }, { key: "applications", label: "Applications", href: "#applications" }, { key: "contact", label: "Contact", href: "#contact" }, ]; return (
); } // ============ Footer ============ function Footer() { return ( ); } // Expose to window for cross-file use Object.assign(window, { Logo, Header, Footer });