// Landing — seções principais, componentizadas

const WHATSAPP_URL = () =>
  'https://wa.me/556230301814?text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20quero%20agendar%20um%20diagn%C3%B3stico.';

function Navbar() {
  return (
    <header className="nav">
      <div className="nav-wrap">
        <a href="#top" className="nav-brand">
          <img src="assets/monogram-black.png" className="nav-mono" alt="" />
          <div className="nav-brand-txt">
            <div className="nav-name">Gontijo Freitas</div>
            <div className="nav-tag">ADVOGADOS ASSOCIADOS</div>
          </div>
        </a>
        <nav className="nav-links">
          <a href="#escritorio">Escritório</a>
          <a href="#areas">Áreas</a>
          <a href="#metodo">Método</a>
          <a href="#caso">Caso real</a>
          <a href="#contato">Contato</a>
        </nav>
        <a href={WHATSAPP_URL()} className="nav-cta" target="_blank" rel="noopener">
          Agendar diagnóstico
        </a>
      </div>
    </header>
  );
}

function Hero() {
  return (
    <section className="hero" id="top">
      <div className="hero-inner">
        <div className="hero-eyebrow">DIREITO EMPRESARIAL · FRANCHISING · TRIBUTÁRIO</div>
        <h1 className="hero-title">
          Direito empresarial <em>de verdade</em> — sem firula, sem demora, sem surpresa no contrato.
        </h1>
        <p className="hero-sub">
          Assessoria consultiva e contenciosa para empresários, franqueadoras e holdings familiares.
          Sede em Goiânia / GO, atuação em todo o Brasil.
        </p>
        <div className="hero-ctas">
          <a href={WHATSAPP_URL()} className="btn btn-primary" target="_blank" rel="noopener">
            Agendar diagnóstico gratuito no WhatsApp
          </a>
          <a href="#escritorio" className="btn btn-ghost">Conhecer o escritório →</a>
        </div>
        <div className="hero-foot">
          <div><span className="bronze">Marden Gontijo França Filho</span> · OAB/GO nº 29.639</div>
          <div className="hero-foot-sep">·</div>
          <div>Atendimento direto com o advogado responsável</div>
        </div>
      </div>
      <div className="hero-rule"></div>
    </section>
  );
}

function QuemSomos() {
  return (
    <section className="section section-paper" id="escritorio">
      <div className="wrap wrap-2col">
        <div className="col-label">
          <div className="eyebrow">01 · O ESCRITÓRIO</div>
        </div>
        <div className="col-body">
          <h2 className="h2">Sede em Goiânia. Atuação em todo o Brasil.</h2>
          <div className="body-stack">
            <p className="lead">
              Escritório único em Goiânia, atendendo clientes em todo o território nacional por meio
              de rede estruturada de advogados parceiros em cada jurisdição. Foco em clientes que
              precisam de resposta rápida e tese técnica bem construída — não de relatório de três
              páginas sem recomendação.
            </p>
            <p>
              Fundado e liderado por <strong>Marden Gontijo França Filho (OAB/GO nº 29.639)</strong>,
              opera com equipe remota estruturada, processo jurídico digitalizado e comunicação direta
              com o cliente. Sem camada intermediária de estagiário respondendo dúvida de sócio.
            </p>
            <p>
              Atuamos nas frentes <strong>consultiva e contenciosa</strong>, com prioridade técnica em
              franchising, tributário, holdings familiares e recuperação de crédito. Nossa métrica é
              tempo processual e previsibilidade de resultado — não número de audiências.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}

function AreasGrid() {
  const areas = [
    { icon: 'building-2', title: 'Direito Empresarial',
      desc: 'Societário, M&A, contratos complexos, governança e compliance para empresas em crescimento.' },
    { icon: 'handshake', title: 'Franchising',
      desc: 'COF (Lei 13.966/2019), contratos de franquia, repasse, due diligence e disputas franqueador–franqueado.' },
    { icon: 'landmark', title: 'Direito Tributário',
      desc: 'ITBI, PIS/COFINS, planejamento tributário e recuperação de créditos indevidamente recolhidos.' },
    { icon: 'users', title: 'Holdings Familiares',
      desc: 'Estruturação, sucessão patrimonial, proteção de ativos e eficiência no ITCMD.' },
    { icon: 'trending-up', title: 'Recuperação de Crédito',
      desc: 'Cobranças extrajudiciais, execuções, protesto e negociação — estratégia antes de litígio.' },
  ];
  return (
    <section className="section" id="areas">
      <div className="wrap">
        <div className="section-head">
          <div className="eyebrow">02 · ÁREAS DE ATUAÇÃO</div>
          <h2 className="h2 h2-wide">Cinco frentes, uma lógica: estratégia de negócio antes de tese jurídica.</h2>
        </div>
        <div className="areas-grid">
          {areas.map((a, i) => (
            <article key={i} className="area-card">
              <div className="area-icon"><i data-lucide={a.icon}></i></div>
              <div className="area-num">{String(i+1).padStart(2, '0')}</div>
              <h3 className="area-title">{a.title}</h3>
              <p className="area-desc">{a.desc}</p>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

function Metodo() {
  const blocos = [
    { k: 'DIAGNÓSTICO', t: 'Entender o negócio antes da tese.',
      d: 'Primeira reunião é mapeamento de operação, não briefing de processo. Sem entender o que você vende, toda tese é chute.' },
    { k: 'TECNOLOGIA', t: 'Automação + IA = previsibilidade e velocidade.',
      d: 'Fluxos jurídicos automatizados, prazos monitorados em sistema, triagem assistida. Cliente sabe o status, sempre.' },
    { k: 'COMUNICAÇÃO', t: 'Sem juridiquês. Sem "aguarde retorno".',
      d: 'Atualização em linguagem de empresário. Se o próximo passo depende de você, o recado chega claro e com prazo.' },
    { k: 'TRANSPARÊNCIA', t: 'Relatório trimestral ponta a ponta.',
      d: 'Todos os casos ativos, fases processuais, honorários, despesas e próxima ação — em documento único a cada 90 dias.' },
  ];
  return (
    <section className="section section-ink" id="metodo">
      <div className="wrap">
        <div className="section-head section-head-ink">
          <div className="eyebrow eyebrow-bronze">03 · MÉTODO GFA</div>
          <h2 className="h2 h2-paper">Quatro princípios. Nada opcional.</h2>
        </div>
        <div className="metodo-grid">
          {blocos.map((b, i) => (
            <div key={i} className="metodo-item">
              <div className="metodo-k">{b.k}</div>
              <h3 className="metodo-t">{b.t}</h3>
              <p className="metodo-d">{b.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function CasoReal() {
  return (
    <section className="section section-case" id="caso">
      <div className="wrap">
        <div className="case-grid">
          <div className="case-left">
            <div className="eyebrow eyebrow-bronze">04 · CASO REAL</div>
            <div className="case-big">R$&nbsp;41.518<span className="case-cents">,40</span></div>
            <div className="case-big-sub">devolvidos em ITBI.</div>
          </div>
          <div className="case-right">
            <h2 className="h2 h2-paper case-head">
              Aparecida de Goiânia cobrou ITBI sobre valor venal acima do preço de aquisição. Desfizemos.
            </h2>
            <p className="case-p">
              Cliente adquiriu imóvel em Aparecida de Goiânia / GO. A Prefeitura lançou o ITBI sobre
              valor venal de referência superior ao valor efetivamente pago na escritura — prática
              comum, e ilegal. Atuação exclusivamente administrativa, com protocolo e impugnação
              técnica da base de cálculo.
            </p>
            <p className="case-p">
              Reconhecida a base de cálculo correta (valor da transação), o município devolveu
              integralmente a diferença recolhida a maior: <strong>R$&nbsp;41.518,40</strong>, sem
              judicialização, sem custas, sem prolongamento.
            </p>
            <div className="case-legal">
              <span className="case-legal-label">FUNDAMENTO</span>
              Base de cálculo real do ITBI — <strong>STF Tema 1.113</strong> e <strong>art. 38 do CTN</strong>.
            </div>
            <div className="case-seal">
              <span className="case-seal-dot"></span>
              CASO PÚBLICO · @marden.gontijofranca · MAR / 2026
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

function Marden() {
  return (
    <section className="section section-paper" id="marden">
      <div className="wrap wrap-2col">
        <div className="col-label">
          <div className="eyebrow">05 · QUEM ASSINA</div>
        </div>
        <div className="col-body marden-grid">
          <div className="marden-photo">
            <div className="ph-frame ph-frame-real">
              <img src="assets/marden.jpg" alt="Marden Gontijo França Filho" className="ph-img" />
            </div>
          </div>
          <div className="marden-text">
            <div className="marden-name">Marden Gontijo<br/>França Filho</div>
            <div className="marden-role">Advogado · Sócio fundador</div>
            <div className="marden-oab">OAB/GO nº 29.639</div>
            <div className="marden-rule"></div>
            <p className="marden-bio">
              Advogado empresarial, professor de Direito Empresarial e gestor de escritório
              com equipe remota estruturada. Atua com ênfase em <strong>franchising</strong>
              (Lei 13.966/2019) e <strong>direito tributário</strong> — especialmente ITBI,
              PIS/COFINS e planejamento fiscal para empresas de médio porte.
            </p>
            <p className="marden-bio">
              Publica análises técnicas e bastidor de escritório no Instagram e LinkedIn.
              Atende pessoalmente todos os novos clientes antes do encaminhamento interno.
            </p>
            <div className="marden-links">
              <a href="https://instagram.com/marden.gontijofranca" target="_blank" rel="noopener">
                <i data-lucide="instagram"></i> @marden.gontijofranca
              </a>
              <a href="https://www.linkedin.com/in/mardenfranca/" target="_blank" rel="noopener">
                <i data-lucide="linkedin"></i> Marden França
              </a>
              <a href="mailto:gontijo@gontijofreitas.adv.br">
                <i data-lucide="mail"></i> gontijo@gontijofreitas.adv.br
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

function CtaFinal() {
  return (
    <section className="section-cta" id="contato">
      <div className="wrap">
        <div className="cta-eyebrow">06 · PRÓXIMO PASSO</div>
        <h2 className="cta-title">
          Quer uma leitura honesta<br/>
          <em>do seu caso?</em>
        </h2>
        <p className="cta-p">
          Diagnóstico gratuito, sem compromisso, direto com o advogado responsável.
          Você explica a situação — eu te digo se faz sentido judicializar, se tem tese,
          e quanto custa. Em 20 minutos.
        </p>
        <a href={WHATSAPP_URL()} className="cta-btn" target="_blank" rel="noopener">
          <i data-lucide="message-circle"></i>
          Agendar no WhatsApp
          <span className="cta-arrow">→</span>
        </a>
        <div className="cta-small">Resposta em até 2 horas úteis · Seg–Sex · 9h–18h</div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="foot-top">
          <img src="assets/monogram-offwhite.png" className="foot-mono" alt="" />
          <div>
            <div className="foot-name">GONTIJO FREITAS</div>
            <div className="foot-tag">ADVOGADOS ASSOCIADOS</div>
          </div>
        </div>
        <div className="foot-grid">
          <div>
            <div className="foot-label">SEDE · GOIÂNIA</div>
            <div className="foot-val">R. 10, nº 408 — Setor Sul</div>
            <div className="foot-val">Goiânia / GO · CEP 74.080-420</div>
          </div>
          <div>
            <div className="foot-label">ATUAÇÃO NACIONAL</div>
            <div className="foot-val">Rede estruturada de advogados parceiros em todas as jurisdições do Brasil.</div>
          </div>
          <div>
            <div className="foot-label">CONTATO</div>
            <div className="foot-val">gontijo@gontijofreitas.adv.br</div>
            <div className="foot-val">WhatsApp · <span className="bronze">(62) 3030-1814</span></div>
          </div>
          <div>
            <div className="foot-label">REDES</div>
            <div className="foot-val"><a href="https://instagram.com/marden.gontijofranca" target="_blank" rel="noopener">Instagram · @marden.gontijofranca</a></div>
            <div className="foot-val"><a href="https://www.linkedin.com/in/mardenfranca/" target="_blank" rel="noopener">LinkedIn · Marden França</a></div>
          </div>
        </div>
        <div className="foot-rule"></div>
        <div className="foot-bottom">
          <div className="foot-disclaimer">
            Publicidade em conformidade com o Provimento CFOAB nº 205/2021.
            Este site não constitui oferta de serviços nem captação de clientela.
          </div>
          <div className="foot-copy">© 2026 Gontijo Freitas Advogados · Todos os direitos reservados</div>
        </div>
      </div>
    </footer>
  );
}

function StickyWA() {
  return (
    <a href={WHATSAPP_URL()} className="sticky-wa" target="_blank" rel="noopener" aria-label="WhatsApp">
      <i data-lucide="message-circle"></i>
      <span>WhatsApp · Diagnóstico gratuito</span>
    </a>
  );
}

Object.assign(window, { Navbar, Hero, QuemSomos, AreasGrid, Metodo, CasoReal, Marden, CtaFinal, Footer, StickyWA });