// Contribuir.jsx — Seção 3: Como posso ajudar (5 cards)
const HELP_CARDS = [
  {
    id: 'aluno',
    num: 'Card 01',
    icon: 'UserPlus',
    title: 'Conheço alguém que deveria estar aqui',
    desc: 'Pode ser seu filho, sobrinho, afilhado ou conhecido pensando em Direito ou Economia. Uma indicação sua já é o começo de uma conversa.',
    cta: 'Fazer indicação',
  },
  {
    id: 'escola',
    num: 'Card 02',
    icon: 'School',
    title: 'Tenho acesso a um colégio de excelência',
    desc: 'Você conhece o diretor, é mãe de aluno, tem acesso à coordenação. Conexões assim já abriram conversas em São Paulo, Rio e Campinas.',
    cta: 'Indicar escola',
  },
  {
    id: 'projeto',
    num: 'Card 03',
    icon: 'Network',
    title: 'Conheço alguém que precisa conhecer a Belavista',
    desc: 'Um empresário, investidor, liderança de mercado ou figura pública que poderia apoiar, colaborar — ou simplesmente se envolver. Nos apresente.',
    cta: 'Indicar para o projeto',
  },
  {
    id: 'visitar',
    num: 'Card 04',
    icon: 'MapPin',
    title: 'Quero conhecer pessoalmente',
    desc: 'Passando por São Paulo? Reserve 30 minutos para visitar a Belavista. A visita é guiada e vale muito mais que qualquer descrição.',
    cta: 'Agendar visita',
  },
  {
    id: 'doar',
    num: 'Card 05 · Apoio financeiro',
    icon: 'Heart',
    title: 'Quero contribuir financeiramente',
    desc: 'A Belavista cresce com alunos — e também com doadores que acreditam no projeto antes dele ser grande. Faça uma doação ou converse com nossa equipe sobre o fundo de bolsas.',
    cta: 'Contribuir agora',
    featured: true,
  },
];

const Contribuir = ({ onOpen }) => (
  <section id="contribuir" className="section">
    <div className="bv-container">
      <div style={{ marginBottom: 48, maxWidth: 760 }}>
        <div className="eyebrow" style={{ marginBottom: 16, color: 'var(--bv-purple)' }}>Parte 2 · Como ajudar</div>
        <h2 style={{
          fontSize: 'clamp(32px, 4vw, 52px)', lineHeight: 1.05,
          fontWeight: 700, color: 'var(--bv-purple)',
          letterSpacing: '-0.02em', margin: 0,
        }}>
          Como posso fazer para ajudar<br/>esse sonho a crescer?
        </h2>
      </div>

      <div className="intencao-block">
        <div className="intencao-label">Intenção mensal regional · desde 2025</div>
        <p>
          São Josemaria nos motivava a sonhar grande: <em>"Sonhai e ficareis aquém"</em>.
          E para fazer esse sonho se tornar realidade, estamos sustentados em primeiro
          lugar pela <strong style={{ color: 'var(--bv-purple)' }}>oração de muitas pessoas</strong>.
        </p>
        <p style={{ fontStyle: 'italic', color: 'var(--bv-gray-dark)' }}>
          "Tendo em conta a intenção mensal geral, peçamos ao Senhor a consolidação
          da Faculdade Belavista, a fim de que este projeto contribua para que haja
          pessoas que deem testemunho da misericórdia de Cristo onde estiverem e
          sejam semeadores de paz e alegria, construtores de pontes."
        </p>
      </div>

      <div style={{ marginBottom: 32 }}>
        <h3 style={{
          fontSize: 22, fontWeight: 700, color: 'var(--bv-purple)',
          margin: 0, letterSpacing: '-0.01em',
        }}>
          Além de oração, você também pode ajudar de outras formas:
        </h3>
      </div>

      <div className="cards-grid">
        {HELP_CARDS.map(card => {
          const IconC = Icon[card.icon];
          return (
            <button
              key={card.id}
              className={`help-card ${card.featured ? 'featured' : ''}`}
              onClick={() => onOpen(card.id)}
              style={{ textAlign: 'left', font: 'inherit' }}
            >
              <div className="card-icon"><IconC size={28} /></div>
              <h3>{card.title}</h3>
              <p>{card.desc}</p>
              <div className="card-cta">
                {card.cta} <Icon.ArrowRight size={16} />
              </div>
            </button>
          );
        })}
      </div>
    </div>
  </section>
);
window.Contribuir = Contribuir;
window.HELP_CARDS = HELP_CARDS;