Featured work { setRoute('work'); close(); }}>View all work ›

{FEATURED_CASES.map((c, i) => (

goCase(c.caseId)}> {c.thumb &&

}

{c.tag}

{c.title}

{c.desc}

))}

); } // ─── Panel: Insights ────────────────────────────────────────────────────────── // Structured for easy swap to dynamic MDX content later const INSIGHTS_ITEMS = [ { tag: 'Field Guide · Foundations', title: 'AI Field Guide for Foundation Leaders: CEO & Executive Director Edition', desc: 'A practical guide to evaluating, adopting, and sustaining AI. Written for foundation CEOs and executive directors who need clarity, not hype.', date: 'May 2026' }, ]; function InsightsPanel({ setRoute, close }) { return (

Latest

{INSIGHTS_ITEMS.map((item, i) => (

{ setRoute('insights'); close(); }}>

{item.tag}

{item.title}

{item.desc &&

{item.desc}

}

{item.date}

))} { setRoute('insights'); close(); }}>All insights ›

From the team

"The organizations that get the most from AI aren't the ones that move fastest — they're the ones that move most deliberately."

— Jonas Clark, Partner

); } // ─── Panel: Team ────────────────────────────────────────────────────────────── const TEAM_PREVIEW = [ { initials: 'AR', name: 'Amanda Rinderle', role: 'Managing Partner', photo: 'assets/team/amanda.jpg', bioId: 'amanda' }, { initials: 'JC', name: 'Jonas Clark', role: 'Partner', photo: 'assets/team/jonas.png', bioId: 'jonas' }, { initials: 'SS', name: 'Sharon Shepard', role: 'Partner', photo: 'assets/team/sharon.png', bioId: 'sharon' }, { initials: 'JH', name: 'Jeff Hunter', role: 'Technical Director', photo: 'assets/team/jeff.png', bioId: 'jeff' }, ]; function TeamPanelMega({ setRoute, close }) { const goBio = (bioId) => { setRoute('bio', bioId); close(); }; return (

Who we are

{TEAM_PREVIEW.map((m, i) => (

goBio(m.bioId)}>

{!m.photo && m.initials}

{m.name}

{m.role}

))}

The firm

Seven people who've spent a long time thinking about strategy and technology. We're based in Providence and we work nationally — across foundations, nonprofits, universities, and businesses.

Every client works directly with the partners — no account managers, no handoffs. { setRoute('team'); close(); }}>Meet the full team ›

); } // ─── Panel: Contact ─────────────────────────────────────────────────────────── function ContactPanel({ close }) { return (

A first conversation is twenty minutes, specific, and free.

If an Initial Evaluation is the right next step, we scope it in writing before you commit to anything.

Email info@quarterdeck.io ›

Based in

Providence, Rhode Island

Working with clients nationally

Insights and firm updates

); } // ─── SiteNav ────────────────────────────────────────────────────────────────── function SiteNav({ route, setRoute, theme }) { const [scrolled, setScrolled] = React.useState(false); const [activePanel, setActivePanel] = React.useState(null); const [activeMarket, setActiveMarket] = React.useState('foundations'); const [menuOpen, setMenuOpen] = React.useState(false); const [mobileWwdOpen, setMobileWwdOpen] = React.useState(false); const [mobileMarket, setMobileMarket] = React.useState(null); const navRef = React.useRef(null); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 16); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); React.useEffect(() => { document.body.style.overflow = (menuOpen || activePanel) ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen, activePanel]); React.useEffect(() => { setActivePanel(null); setMenuOpen(false); setMobileWwdOpen(false); setMobileMarket(null); }, [route]); React.useEffect(() => { if (!activePanel) return; const handler = (e) => { if (navRef.current && !navRef.current.contains(e.target)) setActivePanel(null); }; document.addEventListener('mousedown', handler); return () => document.removeEventListener('mousedown', handler); }, [activePanel]); React.useEffect(() => { const handler = (e) => { if (e.key === 'Escape') { setActivePanel(null); setMenuOpen(false); } }; document.addEventListener('keydown', handler); return () => document.removeEventListener('keydown', handler); }, []); const close = () => setActivePanel(null); const togglePanel = (id) => { setActivePanel(prev => { if (prev === id) return null; if (id === 'what-we-do') setActiveMarket('foundations'); return id; }); }; const isOpen = !!activePanel; const dark = theme === 'dark'; const forceNavy = isOpen || menuOpen; const navClass = [ 'q-nav', (dark || forceNavy) ? 'on-dark' : 'on-light', (!forceNavy && scrolled) && 'scrolled', isOpen && 'panel-open', menuOpen && 'menu-open', ].filter(Boolean).join(' '); const logoFill = (dark || forceNavy) ? '#FAF7F1' : '#0B1F33'; const navItems = [ { id: 'what-we-do', label: 'What We Do' }, { id: 'work', label: 'Work' }, { id: 'insights', label: 'Insights' }, { id: 'team', label: 'Team' }, ]; return ( <>

{/* ── Nav bar ── */}

{ setRoute('home'); setActivePanel(null); setMenuOpen(false); }}> Quarterdeck

togglePanel(item.id)} > {item.label}

togglePanel('contact')} > Contact

{/* ── Mega panels ── */} {isOpen && (

{activePanel === 'what-we-do' && ( )} {activePanel === 'work' && } {activePanel === 'insights' && } {activePanel === 'team' && } {activePanel === 'contact' && }

)}

{/* Backdrop */} {isOpen &&

} {/* ── Mobile drawer ── */}

); } // ─── SiteFooter ─────────────────────────────────────────────────────────────── function SiteFooter({ setRoute }) { return ( ); } Object.assign(window, { QdeckMark, Arrow, Chevron, SiteNav, SiteFooter });