// AirStep — multi-page site controller // Each page's HTML sets and loads this file AFTER // icons.jsx, shoe.jsx, sections.jsx and buy-flow.jsx. One topic per page so // visitors read in digestible chunks instead of one endless scroll. const goToShop = () => { goToStore(); }; // Canonical reading order — drives the prev/next footer navigation. const PAGE_FLOW = [ { key: "home", href: "index.html", label: "Home" }, { key: "diabetes", href: "diabetes.html", label: "Diabetes & Neuropathy" }, { key: "just-diagnosed", href: "just-diagnosed.html", label: "Just Diagnosed" }, { key: "technology", href: "technology.html", label: "The Technology" }, { key: "endorsements", href: "endorsements.html", label: "Endorsements" }, { key: "support", href: "support.html", label: "Support & NAPPI" }, { key: "shop", href: "shop.html", label: "Shop Airstep" }, ]; // ── Bottom-of-page previous / next navigation ─────────────────────── const PageEnd = ({ pageKey }) => { const i = PAGE_FLOW.findIndex(p => p.key === pageKey); const prev = i > 0 ? PAGE_FLOW[i - 1] : null; const next = i >= 0 && i < PAGE_FLOW.length - 1 ? PAGE_FLOW[i + 1] : null; return (
{prev ? ( Previous {prev.label} ) : } {next ? ( Next {next.label} ) : }
); }; // ── Shared chrome wrapper ─────────────────────────────────────────── const Shell = ({ pageKey, children, end = true }) => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 700); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (