// Top navigation with working dropdowns + cross-page links + theme toggle const NAV_PRODUCTS_LIST = [ { name: "CRM & Ninja", desc: "Sales, retention, lead routing", icon: "crm", href: "pages/crm.html" }, { name: "Integrations", desc: "MT4/5, cTrader, PSPs, KYC, comms", icon: "integrations", href: "pages/integrations.html" }, { name: "Client Area", desc: "Registration, KYC, deposits, accounts", icon: "client", href: "pages/client-area.html" }, { name: "Payments", desc: "Cards, crypto, APMs, recovery", icon: "payments", href: "pages/payments.html" }, { name: "KYC, AML & Suitability", desc: "Onboarding workflows + checks", icon: "kyc", href: "pages/kyc.html" }, { name: "Trading Platform", desc: "Infrastructure connected to ops", icon: "trading", href: "pages/trading-platform.html" }, { name: "Web Trader & Mobile App", desc: "Client trading experiences", icon: "mobile", href: "pages/web-trader.html" }, { name: "Mobile Trader App", desc: "Native iOS + Android", icon: "mobile", href: "pages/mobile-trader.html" }, { name: "Prop Trading Suite", desc: "Challenges, funded, payouts", icon: "prop", href: "pages/prop-trading.html" }, { name: "Crypto Operations", desc: "Wallet login, swap, stake, farms, launchpad", icon: "crypto", href: "pages/crypto-trading.html" }, { name: "BI & AI", desc: "Dashboards, alerts, next-best-action", icon: "bi", href: "pages/bi-ai.html" }, { name: "IB System", desc: "Partner trees, commissions, reports", icon: "ib", href: "pages/ib-system.html" }, { name: "Affiliate & Media Buying", desc: "CPA, RevShare, hybrid", icon: "affiliate", href: "pages/affiliate-media.html" }, ]; // Top-3 featured (most-popular). The rest go in a smaller secondary list. const NAV_SOLUTIONS_FEATURED = [ { name: "FX / CFD Brokers", tag: "Most popular", desc: "Launch and scale a brokerage with MT4/5, cTrader, DXTrade — all wired to your CRM, KYC, payments, BI and IB program.", stats: [{ l: "Brokers live", v: "60+" }, { l: "FTD lift", v: "+24%" }], href: "pages/fx-cfd-brokers.html", glyph: "fx", }, { name: "Crypto Trading Companies", tag: "Fastest growing", desc: "Run an exchange or crypto-only brokerage with on-chain KYT, custody connectors, fiat ramps and licensed entity controls.", stats: [{ l: "Chains supported", v: "12+" }, { l: "Withdrawal SLA", v: "minutes" }], href: "pages/crypto-companies.html", glyph: "crypto", }, { name: "Prop Firms", tag: "Built for prop", desc: "Challenges, funded accounts, breach engine, addon upsells and instant payouts in fiat or crypto. Engineered for the prop boom.", stats: [{ l: "Active traders", v: "120K+" }, { l: "Auto-payouts", v: "24/7" }], href: "pages/prop-firms.html", glyph: "prop", }, ]; const NAV_SOLUTIONS_OTHER = [ { name: "Stock & Investment", desc: "Investor onboarding, subscriptions, advisory", href: "pages/stock-investment.html" }, { name: "Multi-License Groups", desc: "One brand, many entities, group P&L", href: "pages/multi-license.html" }, { name: "Financial Call Centers", desc: "Sales CRM, dialer, performance scoring", href: "pages/call-centers.html" }, { name: "Online Academies", desc: "Subscriptions, signals, broker handoff", href: "pages/academies.html" }, ]; // Backwards compat for any code still reading the flat list const NAV_SOLUTIONS = [ ...NAV_SOLUTIONS_FEATURED.map((s) => ({ name: s.name, desc: s.desc, href: s.href })), ...NAV_SOLUTIONS_OTHER, ]; // Resolve a path relative to whether we're at root or in pages/ function resolveHref(href) { if (!href) return "#"; // Detect: are we currently inside /pages/? const inPages = window.location.pathname.includes("/pages/"); if (href.startsWith("http") || href.startsWith("#")) return href; if (href === "index.html" || href === "/") { return inPages ? "../index.html" : "index.html"; } if (href.startsWith("pages/")) { return inPages ? href.replace("pages/", "") : href; } return href; } window.resolveHref = resolveHref; function NavIcon({ kind }) { const stroke = "url(#nav-icon-grad)"; const common = { width: 18, height: 18, viewBox: "0 0 20 20", fill: "none", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" }; const paths = { crm: <>, client: <>, payments: <>, kyc: <>, trading: <>, mobile: <>, prop: <>, crypto: <>, bi: <>, ib: <>, affiliate: <>, }; return ( {paths[kind]} ); } function ThemeToggle({ theme, onToggle }) { return ( ); } function TopNav({ theme, setTheme, currentPage }) { const [open, setOpen] = React.useState(null); const [scrolled, setScrolled] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); const [mobileSection, setMobileSection] = React.useState(null); const wrapRef = React.useRef(null); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); React.useEffect(() => { const onClick = (e) => { if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(null); }; document.addEventListener("mousedown", onClick); return () => document.removeEventListener("mousedown", onClick); }, []); return (
{setTheme && setTheme(theme === "dark" ? "light" : "dark")}/>} Telegram Book a demo
{open === "product" && setOpen(null)} />} {open === "solutions" && setOpen(null)} />} {mobileOpen && ( { setMobileOpen(false); setMobileSection(null); }} section={mobileSection} setSection={setMobileSection} theme={theme} setTheme={setTheme} /> )}
); } function MobileNav({ onClose, section, setSection, theme, setTheme }) { // Lock body in place at current scroll position (iOS-safe) React.useEffect(() => { const scrollY = window.scrollY; const body = document.body; const prevPosition = body.style.position; const prevTop = body.style.top; const prevWidth = body.style.width; const prevOverflow = body.style.overflow; body.style.position = "fixed"; body.style.top = `-${scrollY}px`; body.style.width = "100%"; body.style.overflow = "hidden"; return () => { body.style.position = prevPosition; body.style.top = prevTop; body.style.width = prevWidth; body.style.overflow = prevOverflow; window.scrollTo(0, scrollY); }; }, []); const links = [ { label: "AI Features", href: "pages/ai.html", ai: true }, { label: "Why Antelope", href: "pages/why.html" }, { label: "Pricing", href: "pages/pricing.html" }, { label: "Company", href: "pages/about.html" }, { label: "Security", href: "pages/security.html" }, { label: "Contact", href: "pages/contact.html" }, ]; return (
{section === null && ( <> {links.map((l) => ( {l.ai ? ( <> {l.label} NEW ) : l.label} ))}
Book a demo {setTheme && ( )}
)} {section === "product" && ( <>
Product
{NAV_PRODUCTS_LIST.map((it) => (
{it.name}
{it.desc}
 ))} )} {section === "solutions" && ( <>
Solutions
{NAV_SOLUTIONS.map((s) => (
{s.name}
{s.desc}
 ))} )}
); } function NavTrigger({ label, active, onClick }) { return ( ); } function ProductMega() { return (
Product OS

Everything connected from lead to trading activity

CRM, Client Area, payments, KYC, trading, BI and AI in one platform.

Product overview →
{NAV_PRODUCTS_LIST.map((it) => (
{it.name}
{it.desc}
 ))}
); } function SolutionGlyph({ kind }) { const grad = "url(#sol-glyph-grad)"; const wrap = (children) => ( {children} ); if (kind === "fx") return wrap(<>); if (kind === "crypto") return wrap(<>); if (kind === "prop") return wrap(<>); return null; } function SolutionsMega() { return (
Who we help · By industry

Pick the playbook that matches your business

Each comes with prebuilt workflows, KYC profiles, payment routes and BI dashboards — not a blank canvas.

See all solutions →
{NAV_SOLUTIONS_FEATURED.map((s) => (
{NAV_SOLUTIONS_OTHER.map((s) => (
{s.name}
{s.desc}
→ ))}
); } window.TopNav = TopNav; window.NAV_PRODUCTS_LIST = NAV_PRODUCTS_LIST; window.NAV_SOLUTIONS = NAV_SOLUTIONS;