/* ============================================================ * THE CRM ENGINE, deep dive on the data + automation layer * Booking-first CRM · CDP · Journeys · Campaigns · Loyalty * ============================================================ */ const engineLayers = [ { k: "crm", num: "01", name: "CRM", promise: "Booking-first guest profiles.", body: "Every contact is anchored to real reservations across every channel, not a database of email addresses pretending to be guests.", }, { k: "cdp", num: "02", name: "CDP", promise: "One guest, even across PMS silos.", body: "Automatic deduplication across heterogeneous PMS instances. Anonymous contacts are promoted to CRM the moment they're reachable.", }, { k: "journeys", num: "03", name: "Journeys", promise: "Omnichannel automation that knows the stay.", body: "Pre-stay, in-stay, and post-stay flows, triggered by real booking data, branching on real guest context, executing on the right channel.", }, { k: "campaigns", num: "04", name: "Campaigns", promise: "Email and WhatsApp, built for conversion.", body: "AI-assisted templates and visual editors for both channels. Segmentation by stay value, behavior, and lifecycle stage.", }, { k: "loyalty", num: "05", name: "Loyalty", promise: "Sophisticated enough for any group.", body: "Rule-based tiers, points, and benefits, modeled to match the largest hotel groups. Live with PMS and booking engines.", }, ]; const engineOps = [ { label: "Match", desc: "Same guest, two emails, auto-merged into one canonical profile." }, { label: "Promote", desc: "Anonymous web visitor becomes a contact the moment they're reachable." }, { label: "Trigger", desc: "Booking confirmation, no-show risk, post-stay window, all driven by PMS events." }, { label: "Attribute", desc: "Every booking traced back to the campaign, journey, or conversation that earned it." }, ]; const enginePoints = [ { t: "Built around bookings, not opens.", d: "Stay value, room type, length-of-stay, and channel-of-origin are first-class fields, across CRM, segments, journeys, and loyalty rules." }, { t: "Five layers, one source of truth.", d: "CRM, CDP, journeys, campaigns, loyalty, every layer reads the same profile, fires off the same booking events, and writes back to the same ledger." }, { t: "Real-time across the group.", d: "PMS events, journey state, campaign engagement, and tier qualification update in seconds, across every property in the brand." }, { t: "Revenue you can attribute.", d: "Direct revenue per channel, journey, campaign, and loyalty tier, visible at the group level, the property level, and the guest level." }, ]; /* ---- Custom mini-visuals for layer cards ---- */ const EngineLayerViz = ({ kind }) => { if (kind === "crm") return ( {[ { y: 14, name: "Müller, A.", val: "€1,840", on: true }, { y: 34, name: "Petrov, K.", val: "€2,120", on: false }, { y: 54, name: "Tan, M.", val: "€640", on: false }, ].map((r, i) => ( {r.name} {r.val} ))} ); if (kind === "cdp") return ( {[20, 40, 60].map((y, i) => ( PMS·{i + 1} ))} {[20, 40, 60].map((y, i) => ( ))} ONE GUEST ); if (kind === "journeys") return ( {/* Trigger node */} BK·NEW {/* Branches */} {/* Step nodes */} WA · CONFIRM EMAIL · UPSELL VOICE · VIP {/* Continuation */} … ); if (kind === "campaigns") return ( {/* Email mock */} BOOK NOW {/* WA mock */} RESERVE ); if (kind === "loyalty") return ( {[ { y: 14, w: 32, label: "BRONZE", on: false }, { y: 28, w: 60, label: "SILVER", on: false }, { y: 42, w: 100, label: "GOLD", on: false }, { y: 56, w: 154, label: "PLATINUM", on: true }, ].map((b, i) => ( {b.label} {b.on && ( )} ))} ); return null; }; /* ---- Campaigns carousel slides ---- */ const campaignSlides = [ { k: "wa", channel: "WhatsApp Broadcasts", channelColor: "var(--c-whatsapp)", headline: "Reach guests where they actually reply.", body: "A guided wizard for outbound WhatsApp campaigns: setup, template, content, audience, schedule. Approved templates, language-matched content, and audience segments built from real booking data, not bought lists.", img: "https://cdn.guestmaker.ai/marketing/homepage-v3/assets/screen-campaign-wa.png", url: "broadcasts · whatsapp · new", chips: [ { k: "Approved templates", d: "Meta-approved templates, scoped per language and hotel." }, { k: "Booking-based audience", d: "Segments from real reservations: post-stay 365d, lapsed, VIP." }, { k: "Multi-property", d: "Send across all hotels, or surgical to one brand." }, { k: "Compliant by default", d: "Opt-in, frequency caps, and 24-hour windows handled automatically." }, ], }, { k: "email", channel: "Email Campaigns", channelColor: "var(--c-email)", headline: "The email channel, rebuilt for hotel groups.", body: "An eight-step wizard, basics, goal, audience, template, subject, settings, schedule, review, with auto-save throughout. Goal-driven campaigns (book direct, upsell, win-back), live segment counts, and A/B subject testing built in.", img: "https://cdn.guestmaker.ai/marketing/homepage-v3/assets/screen-campaign-email.png", url: "broadcasts · email-campaigns · new", chips: [ { k: "Goal-driven", d: "Select the outcome, direct bookings, upsell, win-back, first." }, { k: "Live segment counts", d: "Audience size updates as you refine filters." }, { k: "A/B subject testing", d: "Test subject lines on a sample, send the winner to the rest." }, { k: "Auto-save", d: "Every step persisted, pick up where you left off, on any device." }, ], }, ]; /* ---- CDP carousel slides ---- */ const cdpSlides = [ { k: "profiles", channel: "Guest Profiles", channelColor: "var(--accent)", headline: "Unified guest identities across every hotel.", body: "5,673 profiles. Cross-PMS deduplicated. Reachability and confidence scored on every row. Sortable, searchable, exportable, the working surface for analysts, marketers, and auditors alike.", img: "https://cdn.guestmaker.ai/marketing/homepage-v3/assets/screen-cdp-profiles.png", url: "cdp · profiles", chips: [ { k: "Cross-PMS dedup", d: "Same guest, multiple PMS instances → one canonical profile." }, { k: "Reachability scored", d: "Email, phone, opt-in status, surfaced per row." }, { k: "Confidence scored", d: "Match certainty exposed, never hidden behind a black box." }, { k: "Built for scale", d: "Sort, filter, export across millions of profiles." }, ], }, { k: "golden", channel: "Golden Record", channelColor: "var(--accent)", headline: "Every profile, fully traceable.", body: "Drill into a profile to see the Golden Record: canonical fields with provenance, all matched guests across PMS instances, reservations, browsing, and the full match history, every merge auditable, every promotion to CRM logged.", img: "https://cdn.guestmaker.ai/marketing/homepage-v3/assets/screen-cdp-detail.png", url: "cdp · profiles · David Richter", chips: [ { k: "Provenance per field", d: "Every value traceable to a source, PMS, channel, or form." }, { k: "Match history", d: "See exactly why two guests merged into one profile." }, { k: "Promoted to CRM", d: "Anonymous becomes known the moment they're reachable." }, { k: "Auditable by default", d: "Compliance-grade record, no silent rewrites." }, ], }, { k: "lifetime", channel: "Lifetime Revenue", channelColor: "var(--accent)", headline: "Stays and revenue, rolled up across the group.", body: "Total stays, total revenue, total extras, deduplicated across every PMS silo and every property. The booking is the unit, not the email open. Now you can finally answer: \"what is this guest worth to the group?\"", img: "https://cdn.guestmaker.ai/marketing/homepage-v3/assets/screen-booking-history.png", url: "cdp · profiles · booking history", chips: [ { k: "Group-level LTV", d: "Lifetime value across the brand, not one per hotel." }, { k: "Extras tracked", d: "Spa, F&B, late checkout, captured alongside room revenue." }, { k: "Channel attribution", d: "Direct, OTA, or campaign, booking source preserved." }, { k: "Real-time", d: "PMS events update lifetime totals within seconds." }, ], }, ]; const FeatureCarousel = ({ slides, label }) => { const [idx, setIdx] = React.useState(0); const trackRef = React.useRef(null); React.useEffect(() => { const track = trackRef.current; if (!track) return; let raf; const onScroll = () => { cancelAnimationFrame(raf); raf = requestAnimationFrame(() => { const w = track.clientWidth; if (!w) return; const next = Math.round(track.scrollLeft / w); if (next !== idx) setIdx(next); }); }; track.addEventListener("scroll", onScroll, { passive: true }); return () => { track.removeEventListener("scroll", onScroll); cancelAnimationFrame(raf); }; }, [idx]); const goTo = (i) => { const track = trackRef.current; if (!track) return; track.scrollTo({ left: i * track.clientWidth, behavior: "smooth" }); setIdx(i); }; return (
{slides.map((s, i) => (
{s.channel}

{s.headline}

{s.body}

{s.url}
{s.channel}
{s.chips.map((c, j) => (
{c.k}
{c.d}
))}
))}
{slides.map((s, i) => ( ))}
); }; const SectionEngine = () => { return (
); }; window.SectionEngine = SectionEngine;