// Shared components: Nav, Footer, Currency, Cart, Logo const { useState, useEffect, useRef, useMemo, useCallback } = React; const D = window.FBO_DATA; // ----- Logo ----- function Logo({ size = 22 }) { return (
FBO For Best Offer
); } // ----- Masthead (editorial strip above nav) ----- function Masthead({ ccy, setCode }) { const today = new Date().toLocaleDateString("en-GB", { weekday: "long", day: "2-digit", month: "long", year: "numeric" }).toUpperCase(); return (
LIVE BANK VOL. IV · ISSUE 02
{today}
{ccy && setCode && (
{D.currencies.map((c, i) => ( ))}
)}
); } // ----- Section opener (editorial divider) ----- function SectionOpener({ num, label, title, sub }) { return (
{num}. {label}

{title}

{sub &&

{sub}

}
); } // ----- Currency context (just a ref-style helper) ----- function useCurrency() { const [code, setCode] = useState(() => localStorage.getItem("fbo-ccy") || "GBP"); useEffect(() => { localStorage.setItem("fbo-ccy", code); }, [code]); const ccy = D.currencies.find(c => c.code === code) || D.currencies[0]; const fmt = (gbp) => { const v = gbp * ccy.rate; const rounded = v >= 100 ? Math.round(v) : v.toFixed(v < 10 ? 2 : 0); return `${ccy.symbol}${rounded}`; }; return { code, setCode, ccy, fmt }; } // ----- Currency switcher ----- function CurrencySwitch({ ccy, setCode, compact }) { return (
{D.currencies.map(c => ( ))}
); } // ----- Cart hook ----- function useCart() { const [items, setItems] = useState(() => { try { return JSON.parse(localStorage.getItem("fbo-cart") || "[]"); } catch { return []; } }); const [open, setOpen] = useState(false); useEffect(() => { localStorage.setItem("fbo-cart", JSON.stringify(items)); }, [items]); const add = (company, role, variant) => { const key = `${company.t}|${role}|${variant.id}`; setItems(prev => { const exists = prev.find(x => x.key === key); if (exists) return prev.map(x => x.key === key ? { ...x, qty: x.qty + 1 } : x); return [...prev, { kind: "bank", key, company: company.n, ticker: company.t, role, variant: variant.name, gbp: variant.gbp, qty: 1 }]; }); setOpen(true); }; const addService = (svc) => { const key = `svc|${svc.id}`; setItems(prev => { const exists = prev.find(x => x.key === key); if (exists) return prev.map(x => x.key === key ? { ...x, qty: x.qty + 1 } : x); return [...prev, { kind: "service", key, company: svc.name, ticker: svc.ticker, role: svc.sub, variant: "1:1 session", gbp: svc.gbp, qty: 1 }]; }); setOpen(true); }; const remove = (key) => setItems(items.filter(x => x.key !== key)); const clear = () => setItems([]); const total = items.reduce((s, x) => s + x.gbp * x.qty, 0); const count = items.reduce((s, x) => s + x.qty, 0); return { items, open, setOpen, add, addService, remove, clear, total, count }; } // ----- Cart drawer ----- function CartDrawer({ cart, fmt, ccy, setPage }) { return (
cart.setOpen(false)} style={{ position: "fixed", inset: 0, background: "rgba(0,0,0,0.6)", backdropFilter: "blur(4px)", zIndex: 90, opacity: cart.open ? 1 : 0, pointerEvents: cart.open ? "auto" : "none", transition: "opacity 0.3s", }} /> ); } // ----- Nav ----- function Nav({ page, setPage, cart, fmt, ccy, setCode, account }) { const items = [ { id: "home", label: "Home" }, { id: "shop", label: "Question Banks" }, { id: "coaching", label: "Coaching" }, { id: "pricing", label: "Pricing" }, { id: "blog", label: "Journal" }, { id: "about", label: "About" }, ]; return (
{account && account.user ? ( ) : ( )}
); } // ----- Footer ----- function Footer({ setPage }) { return (
{/* Brand block */}

The question bank built by candidates who sat the interview last month — not by recruiters guessing what’s typical.

EDITION INDEX
VOL. IV · ISSUE 02
83 FIRMS · 240+ ROLES · 720+ MODULES
{/* Link columns */}
setPage("shop")], ["Consulting", () => setPage("shop")], ["Big Four", () => setPage("shop")], ["Quant & Trading", () => setPage("shop")], ["Asset Management", () => setPage("shop")], ]} /> setPage("shop")], ["1:1 Coaching", () => setPage("coaching")], ["Mock Interviews", () => setPage("coaching")], ["Pricing", () => setPage("pricing")], ]} /> setPage("blog")], ["About FBO", () => setPage("about")], ["My Library", () => setPage("library")], ["Order History", () => setPage("orders")], ["Account Settings", () => setPage("settings")], ]} /> setPage("terms")], ["Privacy Policy", () => setPage("privacy")], ["Refund Policy", () => setPage("refund")], ["Admin (internal)", () => setPage("admin")], ["Email templates", () => setPage("emails")], ]} />
For Best Offer.
© 2026 FOR BEST OFFER LTD · LONDON · HONG KONG VERSION 4.2 · UPDATED MAY 2026
); } function FooterCol({ title, items }) { return (
{title}
    {items.map(([label, fn], i) => (
    • ))}
); } // ----- Price ticker (continuously scrolling editorial strip) ----- function PriceTicker() { const items = [ { tag: "NEW", t: "Lazard IBD SA", p: 15, kind: "OT" }, { tag: "↑", t: "McKinsey BA case", p: 30, kind: "FULL" }, { tag: "REFRESHED", t: "Optiver Trader", p: 18, kind: "VI" }, { tag: "NEW", t: "Citi Markets", p: 30, kind: "FULL" }, { tag: "↑", t: "Goldman IBD", p: 30, kind: "FULL" }, { tag: "REFRESHED", t: "Bain AC", p: 30, kind: "FULL" }, { tag: "NEW", t: "DBS Management Trainee", p: 18, kind: "VI" }, { tag: "↑", t: "Blackstone PE", p: 30, kind: "FULL" }, { tag: "REFRESHED", t: "Barclays Spring", p: 15, kind: "OT" }, { tag: "NEW", t: "EY-Parthenon", p: 30, kind: "FULL" }, { tag: "↑", t: "SIG Quant", p: 18, kind: "VI" }, { tag: "REFRESHED", t: "Standard Chartered IG", p: 30, kind: "FULL" }, ]; return (
BANK FEED
{[...items, ...items].map((it, i) => ( {it.tag} {it.t} {it.kind} £{it.p} • ))}
); } // ----- Marquee of company names ----- function CompanyMarquee() { const list = D.companies.filter(c => c.hot).concat(D.companies.slice(0, 30)); const items = list.map(c => `${c.n} · ${c.t}`); return (
{[...items, ...items].map((s, i) => ( {s} ◆ ))}
); } // ----- Section header ----- function SectionHeader({ eyebrow, title, sub, align = "left" }) { return (
{eyebrow}

{title}

{sub &&

{sub}

}
); } // expose globals Object.assign(window, { D, useCurrency, useCart, CurrencySwitch, CartDrawer, Nav, Footer, Logo, CompanyMarquee, SectionHeader, SectionOpener, Masthead, PriceTicker, });