/* Quote, Stats, Contact, Footer */

const Quote = () => (
  <section className="section section-tight">
    <div className="container-narrow">
      <p className="quote">
        Aspiramos retardar a entropia dos empreendimentos —
        sendo parceiro estratégico que simplifica desafios fiscais
        e processos que drenam <em>eficiência</em>.
        <span className="quote-attr">Visão Phrineffacc</span>
      </p>
    </div>
  </section>
);

const Stats = () => (
  <section className="section section-dark section-tight">
    <div className="container">
      <div className="section-eyebrow">Pelos Números</div>
      <h2 className="section-title">Resultados que ampliam horizontes.</h2>
      <div className="stats">
        <div><div className="stat-num">+<span>12</span></div><div className="stat-lbl">áreas integradas: contábil, fiscal, FP&A, BI, paralegal e mais.</div></div>
        <div><div className="stat-num"><span>100</span>%</div><div className="stat-lbl">cobertura ética na proteção do patrimônio dos nossos clientes.</div></div>
        <div><div className="stat-num"><span>5</span>+</div><div className="stat-lbl">regiões econômicas atendidas em todo o território nacional.</div></div>
        <div><div className="stat-num"><span>24</span>h</div><div className="stat-lbl">canal direto via WhatsApp para decisões que não esperam.</div></div>
      </div>
    </div>
  </section>
);

const Contact = ({ submitted, onSubmit }) => (
  <section className="section section-soft" id="contato">
    <div className="container">
      <div className="section-eyebrow">Fale Conosco</div>
      <h2 className="section-title">Vamos conversar sobre o futuro do seu negócio.</h2>
      <p className="section-sub">Conte-nos sobre sua empresa. Em até um dia útil, retornamos com uma análise inicial e os próximos passos.</p>
      <div style={{height: 48}} />
      <div className="contact-grid">
        <form className="contact-form" onSubmit={(e) => { e.preventDefault(); onSubmit(); }}>
          <div className="field"><label>Nome</label><input required placeholder="Seu nome completo" /></div>
          <div className="field"><label>Empresa / CNPJ</label><input required placeholder="Razão social ou CNPJ" /></div>
          <div className="field"><label>Setor de atuação</label>
            <select><option>Indústria</option><option>Varejo</option><option>Serviços</option><option>Outro</option></select>
          </div>
          <div className="field"><label>E-mail</label><input type="email" required placeholder="contato@empresa.com.br" /></div>
          <div className="field"><label>Mensagem</label><textarea placeholder="Como podemos ajudar?"></textarea></div>
          <button type="submit" className="btn btn-primary btn-lg" style={{alignSelf:'flex-start'}}>
            {submitted ? 'Mensagem enviada ✓' : 'Enviar mensagem'}
          </button>
        </form>
        <div className="contact-info">
          <h4>Hub de Contabilidade e Consultoria</h4>
          <div className="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"><path d="M21.27 20.49a2 2 0 0 1-2.18 1.92 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.3 2.4h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.27 10.34a16 16 0 0 0 6 6l1.3-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7a2 2 0 0 1 1.72 2v3z"/></svg>
            <div>+55 19 99918-1947 · WhatsApp</div>
          </div>
          <div className="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-10 5L2 7"/></svg>
            <div>addmsaraiva@gmail.com</div>
          </div>
          <div className="contact-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z"/><circle cx="12" cy="10" r="3"/></svg>
            <div>São Paulo · Atendemos todo o Brasil</div>
          </div>
          <div style={{marginTop:24, paddingTop:20, borderTop:'1px solid rgba(255,255,255,0.12)', fontSize:12, color:'#8fb8b8', lineHeight:1.6}}>
            Asseguramos o mais Alto Nível de Confiança, Responsabilidade, Credibilidade e Compromisso com Ética Absoluta na Proteção do Patrimônio dos Nossos Clientes.
          </div>
        </div>
      </div>
    </div>
  </section>
);

const Footer = () => (
  <footer className="footer">
    <div className="container">
      <div className="footer-grid">
        <div>
          <img className="footer-logo" src="assets/logo-medium.png" alt="Phrineffacc" style={{filter:'brightness(0) invert(1)'}} />
          <p style={{fontSize:13, lineHeight:1.65, margin:0, maxWidth:300}}>
            Hub de Contabilidade e Consultoria. Inteligência, expertise e proatividade
            para empreendedores de pequeno e médio porte.
          </p>
        </div>
        <div>
          <h5>Hub</h5>
          <ul><li>Sobre nós</li><li>Manifesto</li><li>Carreira</li><li>Notícias</li></ul>
        </div>
        <div>
          <h5>Serviços</h5>
          <ul><li>Contabilidade</li><li>Compliance</li><li>FP&A · BI</li><li>M&A · IPO · RJ</li></ul>
        </div>
        <div>
          <h5>Contato</h5>
          <ul><li>Fale Conosco</li><li>WhatsApp</li><li>E-mail</li><li>Área do Cliente</li></ul>
        </div>
      </div>
      <div className="footer-bottom">
        <div>© 2026 Phrineffacc · Hub de Contabilidade e Consultoria</div>
        <div>Encarregado (DPO) · Política de Privacidade</div>
      </div>
    </div>
  </footer>
);

Object.assign(window, { Quote, Stats, Contact, Footer });