// ============================================================ // DEMIURGE — AGENT TEAM CARDS + WORKFLOW VIZ // ============================================================ // Each agent gets a unique mechanical sigil (brass + cyan accent) const AgentGlyph = ({ kind }) => { const common = { viewBox: '0 0 80 80', xmlns: 'http://www.w3.org/2000/svg' }; const stroke = '#c9a674'; const cy = '#4be8ff'; switch (kind) { case 'atlas': // Globe with crosshair — sales/pipeline return ( ); case 'mercury': // Bolts + signal radiating — support return ( ); case 'iris': // Concentric eye / iris — analytics return ( {Array.from({length: 12}).map((_, i) => { const a = (i * 30) * Math.PI / 180; const x1 = 40 + Math.cos(a) * 8; const y1 = 40 + Math.sin(a) * 8; const x2 = 40 + Math.cos(a) * 13; const y2 = 40 + Math.sin(a) * 13; return ; })} ); case 'vulcan': // Anvil / forge gear — operations return ( {Array.from({length: 8}).map((_, i) => { const a = (i * 45) * Math.PI / 180; const x1 = 40 + Math.cos(a) * 22; const y1 = 40 + Math.sin(a) * 22; const x2 = 40 + Math.cos(a) * 30; const y2 = 40 + Math.sin(a) * 30; return ; })} ); case 'orpheus': // Lyre / waveform — content/marketing return ( {[26, 32, 38, 44, 50, 56].map((x, i) => { const h = [12, 30, 22, 36, 18, 26][i]; return ; })} ); case 'artemis': // Crosshair / arrow — lead-gen return ( {/* Arrow pinned center */} ); case 'hermes': // Envelope with wings — comms/inbox return ( ); case 'midas': // Coin / cog / value — pricing return ( {Array.from({length: 12}).map((_, i) => { const a = (i * 30) * Math.PI / 180; const x = 40 + Math.cos(a) * 33; const y = 40 + Math.sin(a) * 33; return ; })} M ); default: return null; } }; const AGENTS = [ { kind: 'atlas', name: 'Atlas', role: 'Lead Generation Operator', desc: 'Identifies your TAM from public records and intent signals. Runs the multi-touch outbound. Hands warm prospects to the closer.', stats: [['Leads sourced', '9,200/mo'], ['ICP fit', '92%'], ['Reply rate', '14.7%']], live: '41 meetings booked today' }, { kind: 'hermes', name: 'Hermes', role: 'AI Phone Agent', desc: 'Picks up in two rings, day or night. Handles intake, booking, qualification, and recall calls with the bedside manner of senior staff.', stats: [['Calls / week', '14,800'], ['Pickup time', '0.4s'], ['Booking rate', '64%']], live: 'On 84 live calls right now' }, { kind: 'orpheus', name: 'Calliope', role: 'Content Operator', desc: 'Generates copy, image, video, and avatar/clone content in your brand voice. Broadcasts natively to TikTok, IG, YouTube, LinkedIn, X, Threads, Bluesky, Pinterest, Telegram, WhatsApp.', stats: [['Assets / mo', '2,400'], ['Channels live', '11'], ['CPM Δ', '-34%']], live: '184 assets shipped today' }, { kind: 'iris', name: 'Vesta', role: 'Lead Qualification', desc: 'Reads every inbound — form, call, DM, ad click. Scores against your ICP in real time. Routes only the qualified to your closers.', stats: [['Leads scored', '12,402/mo'], ['ICP precision', '92%'], ['False-positive', '1.4%']], live: 'Live-scoring 47 leads' }, { kind: 'midas', name: 'Orion', role: 'Ad Optimisation', desc: 'Re-allocates spend across Meta, Google, TikTok, LinkedIn hourly. Builds creative variants. Kills underperformers. Optimises to revenue, not clicks.', stats: [['Channels live', '5'], ['ROAS', '6.2x'], ['CPM Δ', '-34%']], live: 'Re-balancing £42k/day' }, { kind: 'mercury', name: 'Iris', role: 'Customer Support', desc: 'Handles tier-1 and tier-2 across email, chat, voice and DM in 31 languages. Escalates the 4% that need a human, with full context attached.', stats: [['CSAT', '4.91 / 5'], ['Deflection', '96%'], ['Resp. time', '22s']], live: '847 conversations open' } ]; const AgentSection = () => (
/ 02 · The workforce

Your competitors hire staff.
You deploy operators.

Each operator runs autonomously in its lane and coordinates with the rest through a shared model of your business. Not six chatbots glued together — one organism.

{AGENTS.map((a, i) => (
/ {String(i + 1).padStart(2, '0')}
{a.live}
{a.name}
{a.role}
{a.desc}
{a.stats[0][0]}{a.stats[0][1]}
{a.stats[1][0]}{a.stats[1][1]}
{a.stats[2][0]}{a.stats[2][1]}
))}
); window.AgentSection = AgentSection; window.AGENTS = AGENTS;