/* ======================================================================== screen-intro.jsx, opening framing card (flat icons, even padding) ======================================================================== */ function ScreenIntro({ active }) { return (
{/* Background flourish */}
{/* eyebrow */}
Emirates × Wonderful
{/* Headline */}
The moment that defines customer experience

A thunderstorm has grounded dozens of flights out of DXB.{" "} Lukas Weber is one of those passengers.

{/* Three-up cards */}
{[ { k: "The pressure", v: "Mass disruption events overwhelm contact centres. Hold times spike past 22 minutes. Customers churn. Reps burn out.", accent: "var(--ek-red)", icon: "warn", }, { k: "What Wonderful adds", v: "One AI agent, Hala, that runs the conversation end-to-end across email, web chat and voice, and queues every booking write for a human to commit.", accent: "var(--w-blue)", icon: "sparkle", }, { k: "Why it's safe", v: "Brand-voiced, grounded in Emirates' own systems and policy. Hala can hold a seat or quote a policy, but cannot commit a booking, every write needs human sign-off.", accent: "var(--w-purple)", icon: "shield", }, ].map((c, i) => (
{c.k}
{c.v}
))}
{/* Channel timeline */}
What you're about to see
{[ { icon: "mail", label: "Email", sub: "Cancellation lands" }, { icon: "chat", label: "Web chat", sub: "Hala on emirates.com" }, { icon: "phone", label: "Voice", sub: "Same Hala, by phone" }, { icon: "headset", label: "Rep + Assistant", sub: "Marcus commits the rebook" }, ].flatMap((s, i, arr) => { const cell = (
{s.label}
{s.sub}
); if (i === arr.length - 1) return [cell]; return [cell, (
)]; })}
{/* Bottom strip */}
One agent, three channels. The AI you're about to meet carries context from one channel to the next, no repeating, no context loss.
Press to begin
); } window.ScreenIntro = ScreenIntro;