// Shared chrome for the NeoHelio website: top nav, footer, eyebrow, // CTA blocks, striped image placeholders. Imported by every page. // ────────── Top nav ────────── // Active page is passed in. Status pip on the right uses the same fleet // nominal cue the operator console uses, tying the marketing site to the // product chrome. const SiteNav = ({ active = "home" }) => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 20); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const links = [ ["home", "Home", "index.html"], ["product", "Product", "product.html"], ["company", "Company", "company.html"], ["contact", "Contact", "contact.html"], ]; return ( ); }; // ────────── Footer ────────── const SiteFooter = () => ( ); const FooterColumn = ({ title, links }) => (
◇ {title}
); // ────────── Reusable section eyebrow ────────── const SiteEyebrow = ({ id, children }) => (
◇ {id} {children && <> · {children} }
); // ────────── Stat readout ────────── const SiteStat = ({ k, v, unit, tone = "ink" }) => (
{k}
{v} {unit && {unit}}
); // ────────── Striped placeholder (for non-user images) ────────── const SitePlaceholder = ({ label, style }) => (
{label}
); // ────────── Image-slot wrapper — for the user to drag real photos onto ────────── // The starter component is a custom element . We use it inside // React via React.createElement and pass attrs through. Use distinct ids so // each slot persists its own dropped image across reloads. const SiteImageSlot = ({ id, placeholder, style, shape = "rect", radius }) => ( React.createElement("image-slot", { id, placeholder, shape, ...(radius ? { radius } : {}), style: { display: "block", width: "100%", height: "100%", ...style, }, }) ); // ────────── Big closing CTA strip — reused on Home and Product pages ────────── const SiteCTA = ({ eyebrow = "NH-CTA/01", title, body, primary = "Request access", primaryHref = "contact.html", secondary, secondaryHref = "#" }) => (

{title}

{body && (

{body}

)}
{primary} → {secondary && {secondary}}
◇ NEOHELIO (PTY) LTD
); window.SiteNav = SiteNav; window.SiteFooter = SiteFooter; window.SiteEyebrow = SiteEyebrow; window.SiteStat = SiteStat; window.SitePlaceholder = SitePlaceholder; window.SiteImageSlot = SiteImageSlot; window.SiteCTA = SiteCTA;