/* ============================================================ * Voice Agent Capabilities, 12-card grid below the Aria hero. * Same visual pattern as the inbox.html "Every guest intent has * a path" section: 3-up grid, illustration + num/category + * title + 1-line promise + 2 bullets + italic trigger quote. * * Card structure: { num, cat, label, desc, bullets[2], trigger, visual } * Visual key drives the inline SVG (viewBox 200×80, fuchsia on cream). * ============================================================ */ const VC_FUCHSIA = "#ED4D86"; const VC_FUCHSIA_DEEP = "#B8336A"; const VC_FUCHSIA_RGB = "237, 77, 134"; const VC_INK = "#1a1a1a"; const VC_DIM = "#6e6363"; const VC_FAINT = "#a99fa3"; const VC_RULE = "#e3ddcf"; const VC_CREAM = "#f6f4ef"; const VC_BG2 = "#f0ebe2"; const VC_CAPABILITIES = [ { num: "01", cat: "VOICE LIBRARY", label: "700+ Voices", desc: "Pick the right voice for each brand from a curated library across 27 languages.", bullets: [ "Warm, crisp, energetic, formal, male or female, regional accents.", "Per-hotel mapping: boutique-soft for one brand, corporate-crisp for another.", ], trigger: '"Sophia for the spa resort, James for the corporate trunk."', visual: "voices", }, { num: "02", cat: "VOICE LIBRARY", label: "Custom Greetings", desc: "Brand-perfect opening line the moment the line picks up.", bullets: [ "Per-hotel scripts plus time-of-day variants, morning, afternoon, evening.", "AI rewrites your greeting to match each caller's language and context.", ], trigger: '"Good evening, Olea Cliffside reservations, how can I help you tonight?"', visual: "greetings", }, { num: "03", cat: "VOICE LIBRARY", label: "Behaviour & Emotions", desc: "Fine-tune speaking rhythm, warmth, energy and laughter per agent.", bullets: [ "Emotion controls (positivity, curiosity, surprise) blended live per turn.", "Custom system prompt per tenant: persona, tone, escalation rules, hard limits.", ], trigger: '"Speed 0.95, positivity high, laughter on. Sounds like home."', visual: "emotions", }, { num: "04", cat: "INTELLIGENCE", label: "Language Detection", desc: "Auto-detects the caller's language and switches voice on the fly.", bullets: [ "Inferred from phone country code, then confirmed in the first sentence.", "Mid-call switching: caller drifts into Spanish, the voice follows in 0.3s.", ], trigger: '"+34 caller, switched to ES voice before the first reply."', visual: "language", }, { num: "05", cat: "INTELLIGENCE", label: "Returning Caller Memory", desc: "Recognises every returning caller and continues from where the last call ended.", bullets: [ "Voice + phone match against your contact graph, memories surface in 0.5s.", "Past requests, preferences, allergies and bookings loaded before hello.", ], trigger: '"Welcome back, Sara. Last time we discussed your Krabi stay in November."', visual: "memory", }, { num: "06", cat: "INTELLIGENCE", label: "Travel Agent Skills", desc: "Pre-trained for hospitality, geography, OTA/TTOO context, consultative selling.", bullets: [ "Knows Booking.com vs Expedia behaviour, decomposes vague queries (\"Spanish islands\").", "Recommends, qualifies, upsells, books, with Best Price Guarantee logic baked in.", ], trigger: '"Adult-only, wellness, beach, here are three matches across Tenerife and Lanzarote."', visual: "skills", }, { num: "07", cat: "RESOLUTION", label: "Knowledge Base Resolution", desc: "Resolves any question from your full Knowledge Base, never escalates a fact.", bullets: [ "F&B, spa, policies, transport, parking, breakfast hours, cancellation rates.", "Multi-hotel scoping with citations, never invents, never improvises.", ], trigger: '"Yes, Verde serves a vegan tasting menu, eight courses, refreshed seasonally."', visual: "kb", }, { num: "08", cat: "RESOLUTION", label: "Parallel Availability", desc: "Queries multiple hotels in parallel with live rates and the right room types.", bullets: [ "Booking engine adapters: Roiback, Hotetec, Mirai, Witbooking, Neobookings, iTrip.", "Room types, board plans, loyalty rates and deep links, all in seconds.", ], trigger: '"Sea View at €640. Cliff Suite at €820. Aphrodite Suite at €1,180."', visual: "availability", }, { num: "09", cat: "RESOLUTION", label: "Low Latency, Smart Recovery", desc: "Sub-second turn time, graceful interruption handling, no caller ever stalls.", bullets: [ "Average TTFB 190ms, below the threshold where callers feel held up.", "Barge-in detection: agent pauses mid-sentence, listens, picks up the right beat.", ], trigger: '"Caller cut in. Agent paused, listened, resumed exactly where she left off."', visual: "latency", }, { num: "10", cat: "HANDOFF", label: "Theme-Based Routing", desc: "The right call to the right team, group bookings, modifications, complaints.", bullets: [ "14 themes: cancellation, modification, MICE, weddings, complaints, accessibility.", "Branded escalation email with translated summary and conversation transcript.", ], trigger: '"MICE for 80, routed to Events with date, headcount, AV needs."', visual: "routing", }, { num: "11", cat: "HANDOFF", label: "Transfer & Recovery", desc: "Live transfer to a human, with a safety net if the line doesn't pick up.", bullets: [ "SIP REFER to your phone tree: front desk, reservations, manager on duty.", "29s no-answer → agent recaptures the caller and offers email or SMS follow-up.", ], trigger: '"Transferred to reservations. No answer. Caller stayed with the agent."', visual: "transfer", }, { num: "12", cat: "HANDOFF", label: "Helpdesk Integrations", desc: "Tickets land in your existing helpdesk, no copy-paste, no swivel-chair.", bullets: [ "Salesforce, Zendesk, Freshdesk, ServiceNow, HubSpot, connected in minutes.", "Summary, audio link, language, sentiment and theme on every ticket.", ], trigger: '"Ticket #4827 → Freshdesk · Reservations queue · Medium priority."', visual: "helpdesk", }, ]; function VcVisual({ kind }) { const acc = VC_FUCHSIA; const accD = VC_FUCHSIA_DEEP; const h = VC_RULE; const bg2 = VC_BG2; const ink3 = VC_DIM; const ink4 = VC_FAINT; const mono = "'JetBrains Mono', ui-monospace, monospace"; const cream = VC_CREAM; if (kind === "voices") return ( {/* Microphone */} {/* Five voice waveform rows */} {[18, 28, 40, 52, 62].map((y, i) => ( {Array.from({ length: 9 }).map((_, k) => { const phase = (i * 0.7 + k * 0.5); const hgt = 3 + Math.abs(Math.sin(phase)) * 5; return ; })} {Array.from({ length: 9 }).map((_, k) => { const phase = (i * 0.7 + k * 0.5 + 0.3); const hgt = 3 + Math.abs(Math.sin(phase)) * 5; return ; })} ))} ); if (kind === "greetings") return ( {/* Sun rising over horizon */} {/* Speech bubble with greeting */} GOOD EVENING {[0,1,2].map(i => ( ))} ); if (kind === "emotions") return ( {/* Three sliders */} {[ { y: 18, label: "WARMTH", pos: 0.78 }, { y: 40, label: "ENERGY", pos: 0.55 }, { y: 62, label: "LAUGHTER", pos: 0.40 }, ].map((s, i) => ( {s.label} ))} ); if (kind === "language") return ( {/* Phone */} {/* Country code */} +34 {/* Arrow */} {/* Language chip */} ESPAÑOL ); if (kind === "memory") return ( {/* Past call cards stacked */} CALL · 14 MAR {/* Brain / memory icon */} {/* Connection line */} {/* Active call card */} SARA · LIVE ); if (kind === "skills") return ( {/* Globe */} {/* Hotel icons */} {[ { x: 88, y: 22, label: "★★★★★" }, { x: 88, y: 42, label: "OTA" }, { x: 88, y: 60, label: "TTOO" }, ].map((b, i) => ( {b.label} ))} {/* Arrow to recommendation */} ); if (kind === "kb") return ( {/* Stacked KB documents */} {[0, 1, 2].map(i => ( ))} {/* Top doc lines */} F&B / SPA / POLICIES {/* Search → result */} {/* Resolved card */} RESOLVED ); if (kind === "availability") return ( {/* 3 hotel cards in parallel */} {[ { x: 10, selected: false, price: "640" }, { x: 72, selected: true, price: "820" }, { x: 134, selected: false, price: "1180" }, ].map((card, i) => ( €{card.price} {card.selected && ( )} {card.selected && ( PICKED )} ))} ); if (kind === "latency") return ( {/* Speedometer arc */} {/* Tick marks */} {[0, 0.25, 0.5, 0.75, 1].map((t, i) => { const ang = Math.PI * (1 - t); const x1 = 100 + Math.cos(ang) * 50; const y1 = 60 - Math.sin(ang) * 50; const x2 = 100 + Math.cos(ang) * 56; const y2 = 60 - Math.sin(ang) * 56; return ; })} {/* Needle */} {/* Reading */} 190ms TURN LATENCY ); if (kind === "routing") return ( {/* Center node */} AI {/* Branches */} {[ { y: 16, label: "RESERVATIONS" }, { y: 32, label: "EVENTS" }, { y: 48, label: "FRONT DESK" }, { y: 64, label: "FINANCE" }, ].map((b, i) => ( {b.label} ))} ); if (kind === "transfer") return ( {/* AI agent icon */} AGENT {/* Arrow + recovery loop */} SAFETY NET {/* Front desk */} FRONT DESK {/* Phone with X */} 29s · BUSY ); if (kind === "helpdesk") return ( {/* Conversation bubble at top */} TICKET #4827 {/* Lines down */} {/* Three helpdesk logos */} {[ { x: 22, label: "SF", full: "SALESFORCE" }, { x: 80, label: "ZD", full: "ZENDESK" }, { x: 138, label: "FD", full: "FRESHDESK" }, ].map((dest, i) => ( {dest.label} {dest.full} ))} ); return null; } function VoiceCapabilities() { return (
{/* Header */}
12 BUILT-IN CAPABILITIES

Trained for hospitality.{" "} Wired for every call.

Out of the box: 700+ voices in 27 languages, smart caller recognition, full Knowledge Base resolution, theme-based escalation, and helpdesk tickets in Salesforce, Zendesk and Freshdesk. The agent ships ready and adapts to your brand the day you turn it on.

{/* Cards grid */}
{VC_CAPABILITIES.map((c) => (
{c.num} / {c.cat}

{c.label}

{c.desc}

    {c.bullets.map((b, j) =>
  • {b}
    • )}
{c.trigger}
))}
); } window.VoiceCapabilities = VoiceCapabilities;