/* ============================================================
* 4. SYSTEM OVERVIEW, 3 PILLARS
* ============================================================ */
/* Editorial illustrations for each pillar */
const PillarVizBrain = () => (
);
/* CHANNELS — ONE THREAD, MANY CHANNELS.
*
* This deliberately does NOT draw lanes converging on an inbox: the
* Channels card two sections above already draws exactly that, and the
* same diagram twice on one page reads as a template rather than an
* argument. The pillar's claim is different — one agent, one memory, one
* history — so it draws the THREAD: consecutive messages in a single
* conversation, each arriving on a different channel.
*
* On hover the thread assembles in order, which is the point: they are
* one conversation, not six.
*/
const PillarVizChannels = () => (
);
const PillarVizEngine = () => (
);
const pillarVizMap = { brain: PillarVizBrain, channels: PillarVizChannels, engine: PillarVizEngine };
/* Each point is a TERM plus what it means, not a sentence with a tick in
front of it. Four near-identical sentences per pillar, three pillars
across, gave three columns of interchangeable grey text — nothing to
scan, nothing to land on. A short term carries the idea and the line
underneath earns its length, so the lengths vary because the content
does rather than because they were padded to match. */
const pillars = [
{
key: "channels",
icon: IconChannels,
name: "The Channels",
promise: "Every guest conversation, on every channel, in one shared inbox.",
points: [
{ term: "Six channels", body: "WhatsApp, Meta Socials, Web Chatbot, Voice, and email inbound and outbound." },
{ term: "One agent behind all of them", body: "The same logic, the same memory, the same guest history." },
{ term: "Escalation that knows who", body: "HQ, property or department, chosen from the conversation itself." },
{ term: "Live availability", body: "Real rates and one-tap booking links, from any channel." },
],
},
{
key: "brain",
icon: IconBrain,
name: "The Brain",
promise: "AI knowledge that learns your hotel and powers every guest interaction.",
points: [
{ term: "Trained on your hotel", body: "SOPs, services, policies and rates, per property and per group." },
{ term: "Any language, in seconds", body: "The guest writes how they speak; the answer comes back the same way." },
{ term: "Knows where the guest is", body: "Pre-stay, in-stay and post-stay are different conversations." },
{ term: "Gets better on its own", body: "Every conversation feeds the next one." },
],
},
{
key: "engine",
icon: IconEngine,
name: "The Engine",
promise: "The data and automation layer that turns conversations into revenue.",
points: [
{ term: "Booking-first CRM", body: "Profiles anchored to real reservations, not to email addresses." },
{ term: "CDP", body: "Deduplicates across PMS silos automatically." },
{ term: "Omnichannel journeys", body: "Triggered by real booking data, across the whole stay." },
{ term: "Campaigns and loyalty", body: "Email, WhatsApp, and tier rules complex enough for a group." },
],
},
];
const SectionPillars = () => (
The system
A complete guest engagement system. Not a collection of tools.
{pillars.map((p, i) => {
const Ic = p.icon;
const Viz = pillarVizMap[p.key];
return (