/* ============================================================
* SECTION: LOYALTY (lives inside the CRM Engine)
* Tier engine · No-code builder · Member portal
* ============================================================ */
const loyaltySlides = [
{
k: "tiers",
channel: "Tier Engine",
channelColor: "var(--accent)",
headline: "Tiers sophisticated enough for any group.",
body: "Unlimited tiers, custom names and colors, multi-criteria qualification rules, points, nights, spend, stays, combined in AND/OR groups. Tier-based earn multipliers. Daily automatic re-evaluation. The same logic the largest hotel groups use, configured visually.",
illustration: "tiers",
chips: [
{ k: "Unlimited tiers", d: "Bronze → Silver → Gold → Platinum → Black, or anything you need." },
{ k: "Multi-criteria rules", d: "(nights ≥ 10 AND spend ≥ €5,000) OR (points ≥ 25,000)." },
{ k: "Auto promote/demote", d: "Daily 3 AM re-evaluation. Immutable history." },
{ k: "Tier multipliers", d: "1.5× Gold, 2× Platinum, applied on every accrual." },
],
},
{
k: "builder",
channel: "No-Code Builder",
channelColor: "var(--accent)",
headline: "Launch a loyalty program in an afternoon.",
body: "A nine-step builder: basics, earning rules, tiers, benefits, rewards, communications, brand, landing page, launch. Or skip it, answer five questions and the AI quick-start drafts the entire program in seconds, brand-matched to your existing site.",
illustration: "builder",
chips: [
{ k: "9-step wizard", d: "Basics → Earning → Tiers → Benefits → Rewards → Comms → Brand → Page → Launch." },
{ k: "AI quick-start", d: "5 questions, full program draft. Refine from there." },
{ k: "Website scanner", d: "Pulls colors, fonts, and tone from your existing site." },
{ k: "Per-hotel branding", d: "Each property can override colors and logo." },
],
},
{
k: "portal",
channel: "Member Portal",
channelColor: "var(--accent)",
headline: "A guest portal that looks like the brand.",
body: "Magic-link auth, points and tier progress, transaction history, rewards catalog, digital membership card with QR. Localized in 23+ languages, brand-themed per hotel, kiosk mode for tablets at the property. Built so the guest never has to download anything.",
illustration: "portal",
chips: [
{ k: "23+ languages", d: "Auto-localized, copy, dates, currencies." },
{ k: "Digital membership card", d: "QR code, Apple/Google Wallet ready." },
{ k: "Kiosk mode", d: "Tablet experience for in-property enrollment." },
{ k: "Magic-link auth", d: "No passwords. No friction." },
],
},
];
/* === Custom illustrations, hand-built SVG, not screenshots === */
const LoyaltyIllustration = ({ kind }) => {
if (kind === "tiers") return (
);
if (kind === "builder") return (
);
if (kind === "portal") return (
);
return null;
};
/* === Loyalty section component === */
const SectionLoyalty = () => {
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);
};
// Engineered-for grid items
const grid = [
{ k: "API-first", d: "REST API + JS SDK. Plug into Mews, Cloudbeds, Roiback, Mirai, Hotetec, WitBooking, or your own." },
{ k: "Multi-tenant", d: "One program per group, inherited by every property. Per-hotel brand override." },
{ k: "AI-powered ops", d: "6 agents, research, refinement, landing pages, weekly insights, churn risk, design." },
{ k: "Automated crons", d: "Tier recalc daily · point expiry · birthday bonuses · weekly insights." },
{ k: "Audit trail", d: "Every config change logged, every transaction immutable. Compliance-grade." },
{ k: "Transactional emails", d: "Welcome · tier upgrade · expiry warning · birthday · points notification." },
];
return (
Loyalty
A loyalty program your group can actually launch.
Most hotel loyalty programs die in committee. Ours ships in an afternoon, sophisticated tier rules, a beautiful guest portal, an API that plugs into any PMS, and an AI builder that drafts the entire program from your existing brand.
{/* === Carousel with custom illustrations === */}