// CTA final + footer + WhatsApp flutuante
function FinalCTA() {
  return (
    <section className="section" style={{ position: 'relative', overflow: 'hidden', textAlign: 'center' }}>
      <div aria-hidden="true" style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>
        <div style={{ position: 'absolute', width: 600, height: 600, left: '50%', top: '10%', transform: 'translateX(-50%)', background: 'radial-gradient(circle, rgba(242,224,211,.6), transparent 62%)', filter: 'blur(72px)' }} />
      </div>
      <div className="container" style={{ position: 'relative' }}>
        <Reveal>
          <h2 style={{ fontFamily: 'var(--font-display)', fontWeight: 500, fontSize: 'clamp(40px, 6vw, 78px)', lineHeight: 1.05, letterSpacing: '-.015em', color: 'var(--ink-2)', margin: '0 auto', maxWidth: '18ch' }}>
            Você não precisa dar conta <span style={{ fontStyle: 'italic', color: 'var(--brand)' }}>sozinho.</span>
          </h2>
          <p style={{ fontSize: 18, color: 'var(--muted)', marginTop: 22, maxWidth: '42ch', marginLeft: 'auto', marginRight: 'auto', lineHeight: 1.6 }}>
            Se algo aí dentro pede atenção há tempo demais, talvez seja a hora. Comece com uma conversa — sem compromisso.
          </p>
          <div style={{ display: 'flex', gap: 14, justifyContent: 'center', marginTop: 36, flexWrap: 'wrap' }}>
            <a href={window.WHATSAPP} target="_blank" rel="noopener" className="btn btn-primary btn-lg">
              <Icon name="whatsapp" size={18} color="#fff" /> Conversar com a Patricya
            </a>
            <a href={window.GOOGLE_MAPS} target="_blank" rel="noopener" className="btn btn-ghost btn-lg">
              <Icon name="map" size={18} /> Ver avaliações no Google
            </a>
          </div>
          <p style={{ fontSize: 13, color: 'var(--muted)', marginTop: 18 }}>Resposta pessoal pelo WhatsApp · Sigilo profissional garantido.</p>
        </Reveal>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer style={{ background: 'var(--ink)', color: '#fff', paddingTop: 56, paddingBottom: 32 }}>
      <div className="container grid-3" style={{ display: 'grid', gridTemplateColumns: '1.4fr 1fr 1fr', gap: 32 }}>
        <div>
          <div style={{ display: 'inline-flex', alignItems: 'center', gap: 12 }}>
            <span aria-hidden="true" style={{
              width: 44, height: 44, borderRadius: 12, flex: 'none',
              backgroundImage: 'linear-gradient(135deg, #b4694a, #8c4e36)', backgroundColor: '#b4694a',
              display: 'flex', alignItems: 'center', justifyContent: 'center',
              fontFamily: 'var(--font-display)', fontStyle: 'italic', fontWeight: 600, fontSize: 19, color: '#fff', letterSpacing: '-.03em',
            }}>PA</span>
            <span style={{ fontFamily: 'var(--font-display)', fontSize: 19, fontWeight: 500, color: '#fff' }}>Patricya de Assunção</span>
          </div>
          <p style={{ fontSize: 13.5, lineHeight: 1.6, color: '#b3a094', marginTop: 16, maxWidth: '36ch' }}>
            Psicóloga e psicanalista em Curitiba · Atendimento adulto e avaliação neuropsicológica · 5,0 no Google com 58 avaliações.
          </p>
        </div>
        <div>
          <div style={{ fontSize: 11, fontWeight: 600, letterSpacing: '.14em', textTransform: 'uppercase', color: 'var(--mint)', marginBottom: 14 }}>Navegação</div>
          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
            {[['Sobre', '#sobre'], ['Como eu trabalho', '#abordagem'], ['Como funciona', '#como'], ['Investimento', '#precos'], ['FAQ', '#faq']].map(([l, h]) => (
              <a key={l} href={h} style={{ fontSize: 14, color: '#d9c9bd', textDecoration: 'none' }}>{l}</a>
            ))}
          </div>
        </div>
        <div>
          <div style={{ fontSize: 11, fontWeight: 600, letterSpacing: '.14em', textTransform: 'uppercase', color: 'var(--mint)', marginBottom: 14 }}>Contato</div>
          <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
            <a href={window.WHATSAPP} target="_blank" rel="noopener" style={{ fontSize: 14, color: '#d9c9bd', textDecoration: 'none' }}>WhatsApp · (41) 99806-1344</a>
            <a href={window.INSTAGRAM} target="_blank" rel="noopener" style={{ fontSize: 14, color: '#d9c9bd', textDecoration: 'none' }}>@psi_patricyaassuncao</a>
            <a href={window.GOOGLE_MAPS} target="_blank" rel="noopener" style={{ fontSize: 14, color: '#d9c9bd', textDecoration: 'none' }}>Perfil no Google</a>
            <span style={{ fontSize: 13, color: '#b3a094', marginTop: 4 }}>Av. Cândido Hartmann, 570 · Bigorrilho · Curitiba</span>
          </div>
        </div>
      </div>
      <div className="container" style={{ borderTop: '1px solid rgba(255,255,255,.1)', marginTop: 40, paddingTop: 22, display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap', gap: 12 }}>
        <span style={{ fontFamily: 'var(--font-mono)', fontSize: 12, color: '#94837a' }}>© 2026 Patricya de Assunção · Psicóloga e Psicanalista</span>
        <span style={{ fontSize: 12, color: '#94837a' }}>Feito com cuidado em Curitiba.</span>
      </div>
    </footer>
  );
}

function StickyWhatsApp() {
  return (
    <a href={window.WHATSAPP} target="_blank" rel="noopener" aria-label="Falar no WhatsApp" style={{ position: 'fixed', right: 22, bottom: 22, zIndex: 40, width: 58, height: 58, borderRadius: 999, background: '#1f8a5b', display: 'flex', alignItems: 'center', justifyContent: 'center', boxShadow: '0 16px 32px -10px rgba(31,138,91,.6)' }}>
      <span className="pulsering" style={{ position: 'absolute', inset: 0, borderRadius: 999, border: '2px solid #1f8a5b' }} />
      <Icon name="whatsapp" size={26} color="#fff" />
      <style>{`@keyframes pr { 0%{transform:scale(1);opacity:.7} 100%{transform:scale(1.7);opacity:0} } .pulsering{ animation: pr 2.4s ease-out infinite; }`}</style>
    </a>
  );
}

window.FinalCTA = FinalCTA;
window.Footer = Footer;
window.StickyWhatsApp = StickyWhatsApp;