// Shared chrome: logo, nav, footer, theme toggle. // Loaded on every page. const CobaltLogo = ({ size = 22 }) => { // 18 radial bars, every 3rd longer+thicker. Monochrome currentColor. const bars = []; const r1 = 5.5; // inner radius const r2Short = 9; // short bar end const r2Long = 10.5; // long bar end for (let i = 0; i < 18; i++) { const angle = (i * 20 - 90) * (Math.PI / 180); const long = i % 3 === 0; const r2 = long ? r2Long : r2Short; const w = long ? 1.6 : 1; const x1 = 12 + Math.cos(angle) * r1; const y1 = 12 + Math.sin(angle) * r1; const x2 = 12 + Math.cos(angle) * r2; const y2 = 12 + Math.sin(angle) * r2; bars.push( ); } return ( ); }; const CobaltWordmark = ({ size = 22 }) => (
Cobalt
); const Icon = { chev: () => , arrow: () => , bank: () => , card: () => , coin: () => , send: () => , doc: () => , book: () => , vault: () => , shield: () => , code: () => , people: () => , sun: () => , moon: () => , check: () => , plus: () => , bolt: () => , globe: () => , sparkles: () => , }; const products = [ { href: "products/banking.html", icon: "bank", label: "Banking", sub: "AUD accounts & sub-accounts" }, { href: "products/payments.html", icon: "send", label: "Payments", sub: "NPP, Osko, PayID" }, { href: "products/cards.html", icon: "card", label: "Cards", sub: "Virtual cards with controls" }, { href: "products/getpaid.html", icon: "sparkles", label: "Get Paid", sub: "AI collections, payment pages, reconciliation" }, { href: "products/crypto.html", icon: "coin", label: "Stablecoins", sub: "Cross-border in seconds" }, { href: "products/invoicing.html", icon: "doc", label: "Invoicing", sub: "GST-compliant, PayID, BPAY" }, { href: "products/accounting.html", icon: "book", label: "Accounting", sub: "Xero, MYOB, QBO, NetSuite" }, { href: "products/treasury.html", icon: "vault", label: "Treasury", sub: "Yield on idle capital" }, { href: "products/rewards.html", icon: "bolt", label: "Rewards", sub: "Points on every dollar moved" }, ]; const company = [ { href: "about.html", icon: "people", label: "About", sub: "Why Cobalt exists" }, { href: "contact.html", icon: "send", label: "Contact", sub: "Get in touch" }, ]; const Nav = ({ active = "", path = "" }) => { // path = "" for root pages, "../" for /products pages const p = path; const [open, setOpen] = React.useState(false); React.useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); return ( ); }; const Footer = ({ path = "" }) => { const p = path; return ( ); }; Object.assign(window, { CobaltLogo, CobaltWordmark, Nav, Footer, Icon, cobaltProducts: products });