/* LogiBell — site chrome: AnnouncementBar, TopNav (with Services dropdown), Footer. One consistent nav + footer is reused across every routed page. */ (function () { const { Button } = window.DS; const Icon = window.Icon; const LOGO = "./assets/logo/logibell-wordmark.png"; const LOGO_NAVY = "./assets/logo/logibell-wordmark-onnavy.png"; function AnnouncementBar() { return (
Published dispatch pricing Semi 6% · Box / Hotshot 6–8% No setup fees · No monthly minimums
); } /* Services dropdown — core flow in order (Dispatch → Operations → Partner & Growth → Special Treatment); LogiGuard rides along as an added feature. */ const SERVICES_MENU = [ { label: "Dispatch & Load Sourcing", desc: "Stay loaded and represented in the market.", icon: "route", page: "services", anchor: "dispatch" }, { label: "Operations & Back-Office", desc: "The admin work that keeps the operation organized.", icon: "clipboard-check", page: "services", anchor: "operations" }, { label: "Partner & Growth Support", desc: "Opportunities that open as the relationship develops.", icon: "trending-up", page: "services", anchor: "partner-growth" }, { label: "Special Treatment Program — Newer Authorities", desc: "Authority age isn't the barrier here.", icon: "rocket", page: "authority", feature: true }, ]; const SERVICES_EXTRA = { label: "LogiGuard — free verification check", desc: "Verify any broker, MC, or load before you haul.", icon: "shield-check", page: "services", anchor: "logiguard" }; const NAV = [ { id: "services", label: "Services", page: "services", menu: SERVICES_MENU }, { id: "pricing", label: "Pricing", page: "pricing" }, { id: "about", label: "Who We Are", page: "about" }, { id: "partners", label: "Partner Access", page: "partners" }, { id: "feedback", label: "Feedback", page: "home", anchor: "feedback" }, { id: "contact", label: "Contact", page: "contact" }, ]; function TopNav({ page, navigate }) { const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); // mobile sheet const [menuOpen, setMenuOpen] = React.useState(false); // desktop services dropdown const closeTimer = React.useRef(null); React.useEffect(() => { const el = document.getElementById("lb-scroll") || window; const onScroll = () => setScrolled((el.scrollTop || window.scrollY || 0) > 8); el.addEventListener("scroll", onScroll); return () => el.removeEventListener("scroll", onScroll); }, []); function openMenu() { clearTimeout(closeTimer.current); setMenuOpen(true); } function scheduleClose() { clearTimeout(closeTimer.current); closeTimer.current = setTimeout(() => setMenuOpen(false), 140); } function go(item, e) { if (e) e.preventDefault(); setOpen(false); setMenuOpen(false); navigate(item.page, item.anchor); } return (
{ e.preventDefault(); navigate("home"); }} style={{ display: "flex", alignItems: "center", padding: "4px 0" }} aria-label="LogiBell home"> LogiBell
{/* Phone confirmed by owner (June 2026) */} (909) 277-7177
{open ? (
go({ page: "services" }, e)} style={{ display: "block", fontFamily: "var(--font-display)", fontSize: 19, fontWeight: 600, color: "var(--navy-800)", padding: "14px 0 8px" }}>Services
{SERVICES_MENU.concat([SERVICES_EXTRA]).map((m, i) => ( go(m, e)} style={{ display: "flex", gap: 10, alignItems: "center", fontFamily: "var(--font-sans)", fontSize: 15, fontWeight: 500, color: m.feature ? "var(--gold-700)" : "var(--text-body)", padding: "9px 0" }}> {m.label} ))}
{NAV.filter((n) => n.id !== "services").map((item) => ( go(item, e)} style={{ display: "block", fontFamily: "var(--font-display)", fontSize: 19, fontWeight: 600, color: "var(--navy-800)", padding: "14px 0", borderTop: "1px solid var(--hairline-soft)" }}>{item.label} ))}
Call (909) 277-7177
) : null}
); } /* Footer — every link routes to a real page (no dead preventDefault stubs). */ const FOOT = { Services: [ { label: "Dispatch & Load Sourcing", page: "services", anchor: "dispatch" }, { label: "Operations & Back-Office", page: "services", anchor: "operations" }, { label: "Partner & Growth Support", page: "services", anchor: "partner-growth" }, { label: "Published Pricing", page: "pricing" }, ], Company: [ { label: "Who We Are", page: "about" }, { label: "Special Treatment Program", page: "authority" }, { label: "Partner Access", page: "partners" }, { label: "Contact", page: "contact" }, ], "Get Started": [ { label: "Ring the LogiBell", page: "contact", anchor: "onboard" }, { label: "See Pricing", page: "pricing" }, { label: "Free LogiGuard Check", page: "services", anchor: "logiguard" }, { label: "Referral Program", page: "contact", anchor: "referral" }, { label: "Insurance & Lease-On", page: "partners" }, ], }; function Footer({ navigate }) { const link = (l) => (e) => { e.preventDefault(); navigate(l.page, l.anchor); }; return ( ); } window.LBChrome = { AnnouncementBar, TopNav, Footer }; })();