/* global React */ /* Site narrative sections: DualPain, ProductShowcase, FinalCTA, Footer Each takes variant prop "v1" (storytelling) or "v2" (operational console) */ /* ---------- Dual Pain section ---------- */ const GUEST_PAINS = [ { icon: "fa-phone-slash", title: "Liga pra recepção e ninguém atende.", t: "23:14" }, { icon: "fa-clock-rotate-left", title: "Pediu há 40min. Ainda nada.", t: "00:02" }, { icon: "fa-circle-question", title: "Não sabe o que tem disponível.", t: "08:47" }, { icon: "fa-calendar-xmark", title: "Quer agendar o spa. Tem que descer pra confirmar.", t: "16:30" }, ]; const MANAGER_PAINS = [ { icon: "fa-arrows-turn-to-dots", title: "Pedido foi para o setor errado.", t: "loops" }, { icon: "fa-headset", title: "Recepção como central telefônica.", t: "saturada" }, { icon: "fa-chart-line-down", title: "Sem dados, sem decisão.", t: "intuição" }, { icon: "fa-money-bill-transfer", title: "Receita vazando todo dia.", t: "invisível" }, ]; function DualPainV1() { const ref = window.useReveal(); return (
{/* Header */}
Duas dores. Um problema.

De um lado o hóspede.
Do outro o gestor.
No meio, {" "} o ruído que custa caro.

{/* Two columns + bridge */}
{/* GUEST */}
{/* BRIDGE */}
{/* MANAGER */}
{/* Bottom verdict */}
A LOMIENS resolve os dois lados num só fluxo.
); } function PainColumn({ role, icon, tag, pains, caption, align = "left" }) { return (
{tag}

{role}

{pains.map((p, i) => (
{p.title} {p.t}
))}

{caption}

); } function BridgeColumn() { return (
{/* Top line */}
{/* Center logo bubble */}
Lomiens a ponte {/* Bottom line */}
); } /* V2 variant — operational console feel */ function DualPainV2() { const ref = window.useReveal(); return (
O sinal antes do ruído

Dois sintomas, uma fratura operacional.

Mapeamos o que o hóspede sente e o que a equipe vive, e operamos sobre a causa, não sobre o efeito.

{/* Console-feel two panels */}
{/* Unified output */}
Output unificado

A LOMIENS reduz os dois streams a um só fluxo, do hóspede à decisão do gestor.

); } function ConsolePanel({ tag, title, icon, pains, color }) { return (
{tag}

{title}

● {pains.length} eventos
{pains.map((p, i) => (
{p.t} {p.title}
))}
); } /* ---------- Product Showcase ---------- */ const PRODUCT_SURFACES = [ { persona: "Para o hóspede", title: "Concierge digital", sub: "WebApp via QR Code", desc: "Aponta o celular pro QR. Pede comida, agenda spa, pede check-out. Sem instalar nada.", img: "assets/LOMIENS_APP_home.png", chip: "QR · Sem app", icon: "fa-mobile-screen", }, { persona: "Para a equipe", title: "Painel único", sub: "Operação sem ruído", desc: "Cada pedido chega no setor certo, com timer e prioridade. Recepção liberada da central telefônica.", img: "assets/colaborador_lomiens.png", chip: "Operacional · Real-time", icon: "fa-display", }, { persona: "Para o gestor", title: "Dashboard com IA", sub: "Dados que decidem", desc: "Gargalos aparecem antes de virar reclamação. Receita extra, NPS e produtividade num só painel.", img: "assets/lomiens_dash.png", chip: "IA · Decisão", icon: "fa-chart-line", }, ]; function ProductShowcaseV1() { const ref = window.useReveal(); return (
Três superfícies. Um ecossistema.

Do QR Code à{" "} decisão do gestor, sem ruído no meio.

{PRODUCT_SURFACES.map((s, i) => ( ))}
); } function SurfaceRow({ surface, index, reversed }) { return (
{String(index + 1).padStart(2, "0")} · {surface.persona}

{surface.title}

{surface.sub}

{surface.desc}

{surface.chip}
{surface.title}
); } function ProductShowcaseV2() { const ref = window.useReveal(); return (
Stack operacional

Três superfícies, um fluxo único.

QR Code do hóspede → painel da equipe → dashboard do gestor. O mesmo dado, três visões.

{PRODUCT_SURFACES.map((s, i) => ( ))}
); } function SurfaceTile({ surface, index }) { return (
0{index + 1} · {surface.persona}
Live
{surface.title}

{surface.title}

{surface.sub}

{surface.desc}

); } /* ---------- Final CTA ---------- */ function SiteFinalCTA({ variant = "v1" }) { const ref = window.useReveal(); return (
{/* hex bg */}
Vagas limitadas · piloto

Pare de apagar incêndio.
Comece a capturar receita.

Em 30 minutos, mostro como a LOMIENS organiza seu hotel num só fluxo. Sem ligação fria, sem compromisso.

O que entra no diagnóstico
{[ "Mapa dos gargalos atuais do seu hotel", "Estimativa de receita perdida por mês", "Plano de implementação em 30 dias", "Demo do app, painel e dashboard ao vivo", ].map((item, i) => (
{item}
))}
); } /* ---------- Footer ---------- */ function SiteFooter() { return ( ); } function FooterColumn({ title, items }) { return (
{title}
); } /* ---------- Marquee strip (used between sections) ---------- */ function MarqueeStrip({ variant = "v1" }) { const items = variant === "v1" ? ["Hotéis", "Resorts", "Pousadas", "Chalés", "Room service", "Concierge digital", "Spa", "Restaurante"] : ["88% problemas com pedidos", "69% evitam ligar", "96% querem agendar pelo app", "76% preferem QR Code", "Real-time", "Sem instalar nada", "IA · Decisão"]; return (
{[0, 1].map((j) => (
{items.map((it, i) => ( {it} ◆ ))}
))}
); } Object.assign(window, { DualPainV1, DualPainV2, PainColumn, BridgeColumn, ConsolePanel, ProductShowcaseV1, ProductShowcaseV2, SurfaceRow, SurfaceTile, SiteFinalCTA, SiteFooter, FooterColumn, MarqueeStrip, });