// Direction A — Editorial Apple (monochrome, centered, generous whitespace) // Single full landing page with scroll animation, animated chats, grants + dossier mockups. // Header CTA — auth-aware. Signed-out users see "Sign in" → /signup; // signed-in users see "Open exoteam" → /dashboard. site-auth.jsx loads // after site-a.jsx in index.html but mounting happens later, so the // window.exoteamAuth lookup at render time is safe. const NavCTA = () => { const auth = (window.exoteamAuth && window.exoteamAuth.useAuth) ? window.exoteamAuth.useAuth() : { user: null }; const { user } = auth; function go(path) { window.history.pushState({}, '', path); window.dispatchEvent(new PopStateEvent('popstate')); } return user ? ( ) : ( ); }; const SiteA = () => (
{/* ── HERO ── */}

Your other selves,
at work.

Exoteam is a fast set of helpers that reads your inbox, drafts replies in your voice for each relationship, scouts for fitting grants, and brings you a clear plan for the day. It grows with you.

Runs 100% on your machine Data stays in your company
{/* ── SCROLL-DRIVEN LOGO ── */} {/* ── CHAT BAND ── */}
Telegram, iMessage, or web

Your team in your pocket.

Skip the inbox. Ask for the brief, approve a draft, or send the next reply from a single chat. Voice notes work too. The whole conversation stays on your device.

End-to-end encrypted Works offline
{/* ── PERSONALIZATION ── */} {/* ── MULTI-ORG ── */} {/* ── INBOX MOCK SECTION (already shown above hero, here we go deeper into Grants + Dossier) ── */} {/* ── WORKSPACE INTEGRATIONS ── */} {/* ── CONVERGENCE ANIMATION ── */} {/* ── BUNDLE PICKER (was pricing) ── */} {/* ── LOCAL/PRIVATE BAND ── */}
Privacy by architecture

Your inbox is yours.
So is everything in it.

Exoteam runs on your laptop. Your emails, contacts, and drafts live with you — not on a server we own. There's nothing for us to leak, sell, or subpoena.

Local-first runtime
Every helper runs in a process you own. Your inbox, your files, your calendar — they stay on your machine.
Models that forget you
AI inference runs through a hardened Vertex AI proxy. Zero retention, zero training. Your prompts disappear the moment the answer is back.
We don't have your data
Exoteam runs no database of your work. No copies on our side, no shadow index, no analytics warehouse. Inspect the traffic yourself.

You started a company to build something.
So go build it.

30-minute call. We'll set up your team.

); // Tabbed switcher across the three product mockups const DeepMockups = () => { const [tab, setTab] = React.useState('inbox'); return (
The work

Three quiet panels. Real work, done.

Each helper has its own surface. Same calm chrome, different job.

{tab === 'inbox' && } {tab === 'grants' && } {tab === 'outreach' && }
); }; // Personalization — "it knows who you're writing to" const PERSONA_CONTACTS = [ { initials: 'HN', name: 'Helen Ng', role: 'Head of Digital, Tate', bg: 'linear-gradient(135deg, #5b8def, #7c69e0)', relationship: 'Warm · 4 threads', last: 'Mar 14 — runtime demo', style: 'Direct, prefers AM', notes: 'Asked about museum runtime licensing in Mar thread. Friday slots usually work.', tags: [{label: 'Customer', cls: ''}, {label: 'Warm intro', cls: 'warm'}, {label: 'Decision maker', cls: ''}] }, { initials: 'JS', name: 'Juliet Sprake', role: 'Programme Lead, Goldsmiths', bg: 'linear-gradient(135deg, #e07ab0, #e89e5b)', relationship: 'Close · 11 threads', last: 'Yesterday — residency budget', style: 'Warm, informal, long replies', notes: 'Long-standing collaborator. References mutual research and shared students.', tags: [{label: 'Collaborator', cls: ''}, {label: 'Friend', cls: 'warm'}, {label: 'Repeat partner', cls: 'dim'}] }, { initials: 'MR', name: 'Maja Rönnbäck', role: 'Curator, Stedelijk', bg: 'linear-gradient(135deg, #5db98a, #5b8def)', relationship: 'Cold · first reply', last: 'never — scouted Apr 2', style: 'Formal, concise, prefers Dutch context', notes: 'Scout candidate. Public talks emphasise community curation. No prior contact.', tags: [{label: 'Prospect', cls: 'dim'}, {label: 'Cold', cls: 'dim'}] }, ]; const TONE_VARIANTS = { HN: { color: '#5b8def', meta: 'To Helen Ng · warm · 4 prior threads', text: 'Hi Helen,\n\nFriday 14:00 BST is held — I\'ll bring the runtime one-pager and a 5-minute demo. Want me to pull in Sarah from licensing, or keep it just us?\n\nMax', chips: ['Direct opener', 'Skips small talk', 'Refs Mar 14 demo'] }, JS: { color: '#e07ab0', meta: 'To Juliet Sprake · close · 11 prior threads', text: 'Juliet —\n\nWonderful news on the residency, thank you for pushing it through finance. September works on our side. Shall we lock the 14th–18th? I\'ll let the cohort know once we have a date.\n\nMax x', chips: ['First-name only', 'Warmth + signoff', 'Knows the cohort'] }, MR: { color: '#5db98a', meta: 'To Maja Rönnbäck · cold · no prior contact', text: 'Dear Maja,\n\nI hope this finds you well. I\'ve been following your work on community-led curation at Stedelijk and wanted to share a short note about Meadow — a runtime we\'ve built for participatory exhibitions.\n\nWould a 20-minute call in the coming weeks be welcome?\n\nKind regards,\nMax Celar', chips: ['Formal opener', 'Refs public work', 'Full signature'] }, }; const PersonalizationSection = () => { const [sel, setSel] = React.useState('HN'); const selContact = PERSONA_CONTACTS.find(c => c.initials === sel); const tone = TONE_VARIANTS[sel]; return (
Personalisation, by relationship

It knows who you're writing to.

Every contact has a quiet dossier behind them — prior threads, shared context, how you usually write to them. The same request becomes a different reply for Helen, Juliet, and a curator you've never met.

{selContact.initials}
{selContact.name}
{selContact.role}
Relationship
{selContact.relationship}
Last contact
{selContact.last}
Your style
{selContact.style}
Notes
{selContact.notes}
{selContact.tags.map(t => {t.label})}
{PERSONA_CONTACTS.map(c => ( ))}
{tone.meta}
{tone.text}
{tone.chips.map(c => {c})}
{/* Grows with you */}
It learns as you go

Helps you grow. Grows with you.

Every reply you send, every grant you pursue, every contact you keep — quietly feeds the next draft. The longer you use it, the more it sounds like you.

1
Week one
Reads your inbox
Indexes your contacts, prior threads, your usual phrasing. Drafts cautiously, asks before sending.
2
Month one
Learns your voice
Picks up on tone per relationship. Stops flagging the obvious. Starts proposing whole replies.
3
Month three
Spots what you'd miss
Watches grants for fit. Surfaces dormant contacts at the right moment. Drafts the brief you'd have asked for.
4
Year one
Becomes your team
The chat replaces half your meetings. You ship more. You write less. You're still the one in charge.
); }; window.SiteA = SiteA; window.PersonalizationSection = PersonalizationSection; // Multi-org — founders running more than one company const MULTI_ORGS = [ { initials: 'SC', name: 'The Spatial Computing Company', bg: '#5b8def', tagline: 'XR / spatial' }, { initials: 'UG', name: 'Untold Garden', bg: '#e07ab0', tagline: 'Creative studio' }, { initials: 'TC', name: 'Temporary City', bg: '#5db98a', tagline: 'Urban projects' }, ]; const MultiOrgSection = () => (
For portfolio founders

Multiple inboxes.
One morning brief.

If you're running more than one company, Exoteam knows it. Connect every inbox, calendar, and account once — then read a single coherent plan for the day, with each thread already tagged to the right org.

{MULTI_ORGS.map(o => ( {o.initials} {o.name} ))}
Thursday’s brief 2 May · 07:00 3 orgs · 4 inboxes · 2 calendars
SC
The Spatial Computing Company
· Series A check-in with Sequoia at 10:00 — deck refresh ready
· 2 draft replies pending (Helen Ng, Stripe support)
UG
Untold Garden
· Horizon Europe grant due in 12 days — outline drafted
· Tate runtime call confirmed Friday 14:00
TC
Temporary City
· Quiet day — invoicing chase queued for Friday
One brain, many Workspaces
Every thread, contact, and grant gets tagged to the right company on arrival. Switch focus to one org, or zoom out to the whole portfolio.
Right voice, right org
Spatial Computing writes terse and technical. Untold Garden writes warm and curatorial. The same helper speaks both — because it knows which hat you're wearing.
Calendars that don't double-book you
Holds across every org's calendar at once. Sees the Sequoia call before scheduling an Untold Garden demo. You stop apologising for clashes.
Audit trails per company
Every action is attributed to the company it was taken for. Clean books, clean separation — even when it's all one founder behind the curtain.
); window.MultiOrgSection = MultiOrgSection;