// Intro screen — Gelatina Bariatrica · 21 Dias
// v3 — sem travessoes, microcopy abaixo do botao
const { CheckIcon, ArrowRight, BrandMark, LockIcon, BowlIcon } = window.UI;

function IntroScreen({ onStart }) {
  return (
    <div className="screen-wrap intro">
      <div className="topbar">
        <BrandMark />
      </div>
      <div className="intro-card">
        <div style={{ width: '100%', maxWidth: 220, margin: '0 auto 12px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img
            src="/img/logo.png"
            alt="Gelatina Bariátrica · 21 Dias"
            loading="eager"
            style={{ width: '100%', height: 'auto', maxHeight: 200, objectFit: 'contain', display: 'block' }}
          />
        </div>

        <div className="badge-pill">
          <BowlIcon size={12} />
          GELATINA BARIÁTRICA · 21 DIAS
        </div>

        <h1 className="hero-title">
          Descubra qual versão da <span style={{ color: 'var(--brand)' }}>Gelatina Bariátrica</span> tira sua fome igual canetinha, só que natural
        </h1>

        <p className="hero-sub">
          Responda 5 perguntinhas rápidas e baixe a versão da Gelatina Bariátrica personalizada pro seu corpo. A receita certa muda pra cada perfil: menopausa, pressão alta, intestino, metabolismo.
        </p>

        <div className="trust-row">
          <span className="trust-item"><CheckIcon size={14} /> 100% anônimo</span>
          <span className="trust-item"><CheckIcon size={14} /> Sem cadastro</span>
          <span className="trust-item"><CheckIcon size={14} /> Leva 3 minutos</span>
        </div>

        <button className="btn-primary" onClick={onStart}>
          BAIXAR RECEITA <ArrowRight size={18} />
        </button>

        <p className="cta-microcopy">100% gratuito · sem cadastro · resposta personalizada</p>

        <div className="micro-note">
          <LockIcon size={12} /> Suas respostas são confidenciais. Não pedimos e-mail nem WhatsApp pra mostrar o resultado.
        </div>
      </div>
    </div>
  );
}

window.IntroScreen = IntroScreen;