// EventosSections — alimentação para congressos, feiras, recepções e coffee break empresarial.
// Âncora real (confirmada pelo dono): a Panetteria/GMS nasceu dentro de hotéis — um dos que
// atendeu por mais tempo foi o Lagune Hotel, dentro do complexo do Rio Centro (espaço de feiras
// e eventos gigantes do Rio). Fotos de eventos específicos ainda não disponíveis — dono confirmou
// que existem e vai selecionar um banco de imagens (fase 2); por ora usamos fotos de ambiente/
// produção já existentes, sem legendar como um evento específico não documentado.

function EvIcon({ name }) {
  const p = {
    users: <g><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/></g>,
    flag: <g><path d="M4 22V4"/><path d="M4 4h14l-2 4 2 4H4"/></g>,
    globe: <g><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></g>,
    coffee: <g><path d="M18 8h1a3 3 0 0 1 0 6h-1"/><path d="M2 8h16v6a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><path d="M6 2v2M10 2v2M14 2v2"/></g>,
  }[name];
  return <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">{p}</svg>;
}

// ---------- O QUE FAZEMOS ----------
function EvOQueFazemos() {
  const itens = [
    { icon: 'globe', t: 'Recepções', d: 'Incluindo recepções internacionais, com o padrão e a apresentação que o momento pede.' },
    { icon: 'flag', t: 'Feiras', d: 'Alimentação para feiras, no ritmo e na escala que o seu evento pedir.' },
    { icon: 'users', t: 'Congressos', d: 'Congressos, conferências e reuniões, do porte que sua reunião tiver.' },
    { icon: 'coffee', t: 'Coffee break empresarial', d: 'Coffee break e alimentação corporativa, com a qualidade de sempre da Panetteria.' },
  ];
  return (
    <section className="neg-benef-section" style={{ backgroundImage: 'url(../../assets/photos/banco-2026/funcionaria-uniformizada-a.jpg)' }}>
      <div className="neg-benef-scrim" />
      <div className="wrap" style={{ position: 'relative', zIndex: 2 }}>
        <div className="sec-head">
          <span className="eyebrow" style={{ color: 'var(--trigo)' }}>O que fazemos</span>
          <h2 style={{ color: '#fff' }}>Todo tipo de evento que um hotel precise suprir.</h2>
        </div>
        <div className="neg-benef-grid neg-ev-grid">
          {itens.map((it) => (
            <div className="neg-benef-card neg-benef-card-dark" key={it.t}>
              <span className="ic"><EvIcon name={it.icon} /></span>
              <h3 style={{ color: '#fff' }}>{it.t}</h3>
              <p style={{ color: 'rgba(255,255,255,.82)' }}>{it.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.EvOQueFazemos = EvOQueFazemos;

// ---------- A HISTÓRIA — origem hoteleira (real, sem depender de um hotel só) ----------
function EvHistoria() {
  return (
    <section className="sec" style={{ background: 'var(--chianti)' }}>
      <div className="wrap split">
        <div className="split-media">
          <img src="../../assets/photos/banco-2026/salao-luminarias-vazio.jpg" alt="Salão preparado para receber convidados" />
        </div>
        <div className="split-copy">
          <span className="eyebrow" style={{ color: 'var(--trigo)' }}>De onde viemos</span>
          <h2 style={{ color: '#fff' }}>Nascemos dentro da rede hoteleira.</h2>
          <p style={{ color: 'rgba(255,255,255,.86)' }}>
            Cada hotel que atendemos, do Laghetto Stilo ao Nobile Copacabana, vive a mesma rotina:
            feiras, congressos e recepções que precisam de alimentação de verdade. O
            <b style={{ color: '#fff' }}> Lagune Hotel</b>, dentro do complexo do Rio Centro, é um bom
            exemplo, foi um dos hotéis que mais atendemos, com o restaurante da casa operado por nós.</p>
          <p style={{ color: 'rgba(255,255,255,.86)' }}>
            É dessa rotina, repetida em toda a rede, que vem a experiência que colocamos hoje a
            serviço do seu evento.</p>
        </div>
      </div>
    </section>
  );
}
window.EvHistoria = EvHistoria;

// ---------- CARDÁPIO DE EVENTO ----------
function EvCardapio() {
  return (
    <section className="sec" style={{ background: 'var(--cream-2)' }}>
      <div className="wrap split rev">
        <div className="split-media">
          <img src="../../assets/photos/bruschetta-oj.jpg" alt="Petiscos e bebidas da Panetteria" />
        </div>
        <div className="split-copy">
          <span className="eyebrow">Cardápio de evento</span>
          <h2>Pensado para agradar todo mundo na sala.</h2>
          <p>O cardápio de evento é diferente do cardápio de loja. Normalmente reúne petiscos,
            refrigerante, suco e água, com comida de apelo amplo para atender a maioria do público.</p>
          <p>Também pode incluir os itens que fazem a fama da casa, como o sonho e o cookie, de
            acordo com o formato do seu evento.</p>
        </div>
      </div>
    </section>
  );
}
window.EvCardapio = EvCardapio;