// sections-end.jsx — About, Final CTA, Footer, Floating CTA

function About() {
  return (
    <section className="about dc-reveal" data-screen-label="06 Sobre Desire">
      <div className="about__inner">
        <div className="about__photo-wrap">
          <div className="about__photo-frame" aria-hidden="true" />
          <img
            className="about__photo"
            src="assets/desire-portrait.jpeg"
            alt="Desiré Carneiro, consultora imobiliária"
            loading="lazy"
            width="420" height="525"
          />
          <div className="about__creci-badge">CRECI/MS 12345</div>
        </div>

        <div>
          <div className="eyebrow" style={{display:"inline-flex", alignItems:"center", gap:10}}>
            <span style={{width:28, height:1, background:"var(--gold-700)", display:"inline-block"}} />
            Quem te atende
          </div>
          <div className="about__name">Desiré Carneiro</div>
          <div className="about__role">Consultora Imobiliária</div>
          <p className="about__bio">
            Há mais de 10 anos eu ajudo famílias de Ponta Porã e região a
            realizarem o sonho do terreno próprio. Conheço cada esquina do
            Primavera 2 e te oriento na escolha certa — do primeiro contato
            até a entrega da documentação.
          </p>
          <blockquote className="about__quote">
            “Cada cliente que sai do aluguel e conquista o próprio chão é
            uma vitória que eu levo pra vida.”
          </blockquote>
          <p className="about__bio">
            Me chama no WhatsApp. A gente conversa com calma, sem
            compromisso, e eu te mostro as opções que mais combinam com o
            seu momento.
          </p>
        </div>
      </div>
    </section>
  );
}

function FinalCTA() {
  return (
    <section className="cta-final dc-reveal" data-screen-label="07 CTA Final">
      <div className="cta-final__bg" aria-hidden="true" />
      <div className="cta-final__veil" aria-hidden="true" />
      <div className="cta-final__inner">
        <div className="eyebrow" style={{color:"var(--gold-400)", display:"inline-flex", alignItems:"center", gap:10, justifyContent:"center"}}>
          <span style={{width:28, height:1, background:"var(--gold-500)"}} />
          Próximo Passo
          <span style={{width:28, height:1, background:"var(--gold-500)"}} />
        </div>
        <h2 className="cta-final__title">
          O seu terreno está te esperando. <em>Vamos conversar?</em>
        </h2>
        <p className="cta-final__sub">
          Clique no botão abaixo e me chame agora no WhatsApp. Eu mesma respondo
          e te mando as opções de lotes disponíveis no Primavera 2.
        </p>
        <WhatsAppButton
          size="xl"
          label="Quero garantir meu lote"
          subtitle="(67) 99170-0143 · Atendimento direto"
          message="Olá Desiré! Quero garantir meu lote no Primavera 2."
        />
        <div className="cta-final__seals">
          <span className="seal">Atendimento direto</span>
          <span className="seal">Sem compromisso</span>
          <span className="seal">Resposta rápida</span>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="foot" data-screen-label="08 Footer">
      Desiré Carneiro
      <span className="sep">·</span>
      CRECI/MS 12345
      <span className="sep">·</span>
      Ponta Porã – MS
      <span className="sep">·</span>
      <a href={waUrl("Olá Desiré! Tenho interesse nos lotes do Primavera 2.")} target="_blank" rel="noopener noreferrer">
        (67) 99170-0143
      </a>
      <span className="sep">·</span>
      © 2026
    </footer>
  );
}

function FloatingCTA() {
  return (
    <a
      className="fab"
      href={waUrl("Olá Desiré! Tenho interesse nos lotes do Primavera 2.")}
      target="_blank"
      rel="noopener noreferrer"
      aria-label="Falar no WhatsApp com Desiré Carneiro"
    >
      <img src={ICONS.whatsapp} alt="" aria-hidden="true" />
    </a>
  );
}

window.About = About;
window.FinalCTA = FinalCTA;
window.Footer = Footer;
window.FloatingCTA = FloatingCTA;
