/* global React */
const { useState, useEffect, useRef } = React;
// ============================================================
// Worldonix Infotech — shared chrome (Navbar / Footer / etc.)
// ============================================================
function Navbar() {
const { go, path } = useRouter();
const { open } = useBooking();
const [scrolled, setScrolled] = useState(false);
const [menuOpen, setMenuOpen] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 12);
onScroll();
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
useEffect(() => {
document.body.style.overflow = menuOpen ? "hidden" : "";
return () => {
document.body.style.overflow = "";
};
}, [menuOpen]);
const navItems = [
{ to: "/", label: "Home" },
{ to: "/about", label: "About" },
{ to: "/services", label: "Services" },
{ to: "/industries", label: "Industries" },
{ to: "/delivery", label: "Delivery" },
{ to: "/contact", label: "Contact" },
];
const isHome = path === "/";
const dark = scrolled || !isHome;
return (
Worldonix
Infotech
{menuOpen && (
Worldonix
)}
);
}
// ============================================================
function Footer() {
const { open } = useBooking();
return (
);
}
// ============================================================
function Marquee({ items, speed = "slow", dark = false }) {
const content = (
{[...items, ...items, ...items].map((it, i) => (
{it}
))}
);
return {content}
;
}
// ============================================================
function CTASection() {
const { open } = useBooking();
return (
Ready when you are
A 30-minute call with one of our principals. No deck. No sales
pitch. Just a clear answer to: where are you stuck, and what does it
take to fix it.
{/* spike mark watermark */}
);
}
Object.assign(window, { Navbar, Footer, Marquee, CTASection });