.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 label{color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{padding-right:0px;padding-left:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 label{letter-spacing:-0.8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */# Create a minimal WordPress theme zip for the Jump Ads landing page

import os, zipfile, textwrap, json, pathlib, shutil

base_dir = "/mnt/data/jumpads-landing-theme"
if os.path.exists(base_dir):
    shutil.rmtree(base_dir)
os.makedirs(base_dir, exist_ok=True)

# Theme files content
style_css = textwrap.dedent("""
/*
Theme Name: JumpAds Landing
Theme URI: https://jumpads.com.br
Author: Jump Ads
Author URI: https://jumpads.com.br
Description: Tema leve para landing page de captação da Jump Ads (especialistas em lojas de celular). Inclui página inicial com seções Hero, Método, Resultados, Depoimentos e CTA.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jumpads-landing
*/
:root{
  --brand-primary:#19C37D;
  --brand-dark:#0B0F0E;
  --brand-light:#F7F9F8;
  --text:#111;
  --muted:#666;
  --border:#e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand-primary);color:#fff;border:none;padding:12px 18px;border-radius:14px;font-weight:600;cursor:pointer}
.btn-outline{background:#fff;border:1px solid var(--border);color:#111}
.badge{display:inline-block;background:var(--brand-primary);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.section{padding:64px 0}
.section-muted{background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.heading{font-size:32px;font-weight:800;margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 16px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.stat{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:16px;text-align:center;padding:16px}
.stat .v{font-size:28px;font-weight:800;color:var(--brand-primary)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav-links{display:none;gap:24px}
.header{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);z-index:50}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--brand-primary);display:grid;place-items:center;color:#fff;font-weight:900}
.hero{background:var(--brand-dark);color:#fff;position:relative;overflow:hidden}
.hero .radial{position:absolute;inset:0;background:radial-gradient(600px 400px at 20% 10%, var(--brand-primary), transparent);opacity:.2}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px}
.hero p{color:rgba(255,255,255,.85)}
.hero .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
.pills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.pill{border:1px solid var(--border);border-radius:16px;padding:16px}
.pill h4{margin:0 0 6px;font-size:16px}
.steps{grid-template-columns:repeat(3,1fr)}
.cases{grid-template-columns:repeat(3,1fr)}
.diffs{grid-template-columns:repeat(5,1fr)}
.footer{border-top:1px solid var(--border);padding:32px 0;background:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;padding:24px;z-index:100}
.modal.open{display:flex}
.modal-box{background:#0f0f10;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:min(900px,100%);aspect-ratio:16/9;display:grid;place-items:center;position:relative}
.close{position:absolute;top:12px;right:12px;background:#fff;border:1px solid var(--border);color:#111;border-radius:10px;padding:8px 12px;cursor:pointer}
.form{display:grid;gap:12px}
.input, .textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit}
.textarea{min-height:120px;resize:vertical}
.tag{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:14px;padding:12px 14px}
.tag .icon{width:20px;height:20px}
/* Responsive */
@media(min-width:768px){
  .nav-links{display:flex}
  .grid-2{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1024px){
  .heading{font-size:36px}
}
""")

functions_php = textwrap.dedent("""
<?php
function jumpads_enqueue_assets() {
  wp_enqueue_style('jumpads-style', get_stylesheet_uri(), array(), '1.0.0');
  wp_enqueue_script('jumpads-script', get_template_directory_uri() . '/script.js', array(), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'jumpads_enqueue_assets');

// Support featured images, title tag
add_theme_support('title-tag');
add_theme_support('post-thumbnails');
""")

script_js = textwrap.dedent("""
document.addEventListener('DOMContentLoaded',()=>{
  const open = document.querySelectorAll('[data-open=\"video\"]');
  const modal = document.querySelector('#videoModal');
  const close = document.querySelector('#videoClose');
  open.forEach(btn=>btn.addEventListener('click',()=>modal.classList.add('open')));
  close?.addEventListener('click',()=>modal.classList.remove('open'));
  modal?.addEventListener('click',(e)=>{ if(e.target===modal){ modal.classList.remove('open'); } });
  // Smooth scroll for in-page anchors
  document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{
    a.addEventListener('click', (e)=>{
      const id = a.getAttribute('href');
      if(id.length>1){
        const el = document.querySelector(id);
        if(el){
          e.preventDefault();
          window.scrollTo({top: el.getBoundingClientRect().top + window.scrollY - 70, behavior:'smooth'});
        }
      }
    })
  });
});
""")

header_php = textwrap.dedent("""
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="header">
  <div class="container nav">
    <div class="brand">
      <div class="brand-mark">JA</div>
      <strong>Jump Ads</strong>
      <span class="badge" style="margin-left:12px;display:none" id="badge-md">Especialistas em Lojas de Celular</span>
    </div>
    <nav class="nav-links">
      <a href="#metodo">Método</a>
      <a href="#resultados">Resultados</a>
      <a href="#clientes">Clientes</a>
      <a href="#sobre">Conteúdos</a>
      <a href="#contato">Contato</a>
    </nav>
    <div>
      <a class="btn" href="#contato">Agendar sessão</a>
    </div>
  </div>
</header>
""")

footer_php = textwrap.dedent("""
<footer class="footer">
  <div class="container" style="display:grid;grid-template-columns:repeat(4,1fr);gap:20px">
    <div>
      <div class="brand-mark" style="margin-bottom:12px">JA</div>
      <p class="sub">A assessoria que transforma lojas de celulares em máquinas de vendas.</p>
    </div>
    <div>
      <p style="font-weight:700;margin:0 0 12px">Páginas</p>
      <div class="sub" style="display:grid;gap:8px">
        <a href="#metodo">Método</a>
        <a href="#resultados">Resultados</a>
        <a href="#clientes">Clientes</a>
        <a href="#sobre">Conteúdos</a>
      </div>
    </div>
    <div>
      <p style="font-weight:700;margin:0 0 12px">Contato</p>
      <div class="sub" style="display:grid;gap:8px">
        <span>Brasil • Atendimento nacional</span>
        <a href="mailto:contato@jumpads.com.br">contato@jumpads.com.br</a>
        <a href="https://www.instagram.com/_bruno.felipe/" target="_blank" rel="noopener">Instagram</a>
      </div>
    </div>
    <div>
      <p style="font-weight:700;margin:0 0 12px">Ação</p>
      <a class="btn" href="#contato">Agendar sessão</a>
    </div>
  </div>
  <div style="border-top:1px solid var(--border);text-align:center;padding:16px 0;font-size:12px;color:#888">© <?php echo date('Y'); ?> Jump Ads. Todos os direitos reservados.</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>
""")

front_page_php = textwrap.dedent("""
<?php get_header(); ?>
<section class="hero">
  <div class="radial"></div>
  <div class="container section" style="padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:1fr;gap:32px">
    <div>
      <span class="badge">Assessoria completa</span>
      <h1>Transforme sua <span style="color:var(--brand-primary)">loja de celular</span> em uma máquina de vendas.</h1>
      <p>Estratégia, tráfego, conteúdo e atendimento. Somos especialistas em lojas de Xiaomi e varejo de smartphones. Processo que gera previsibilidade e escala.</p>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:16px">
        <a class="btn" href="#contato">Quero aumentar minhas vendas</a>
        <button class="btn btn-outline" data-open="video">Ver como funciona</button>
      </div>
      <div class="stats">
        <div class="stat"><div class="v">60+</div><div class="sub" style="color:#ddd">lojas atendidas</div></div>
        <div class="stat"><div class="v">R$ 5MM+</div><div class="sub" style="color:#ddd">em faturamento gerado</div></div>
        <div class="stat"><div class="v">120%</div><div class="sub" style="color:#ddd">média de crescimento</div></div>
      </div>
    </div>
    <div class="card" style="background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15)">
      <div style="aspect-ratio:4/3;background:linear-gradient(135deg,#111,#1a1a1b);display:grid;place-items:center;color:#fff;border-radius:12px">
        <div class="card" style="background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;max-width:360px">
          <div style="font-weight:700;margin-bottom:6px">Prévia do Dashboard de Resultados</div>
          <div class="sub" style="color:#cfcfcf">Custo por mensagem • Vendas • ROI</div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container grid grid-3">
    <div>
      <h2 class="heading">Só impulsionar não resolve.</h2>
      <p class="sub">Sem estratégia, você entra na guerra de preço, demora no atendimento e perde vendas todos os dias.</p>
    </div>
    <div class="pill">
      <h4>Escala com previsibilidade</h4>
      <p class="sub">Plano de mídia e metas claras, semana a semana.</p>
    </div>
    <div class="pill">
      <h4>Atendimento que converte</h4>
      <p class="sub">Scripts e follow-up no WhatsApp que fecham.</p>
    </div>
    <div class="pill">
      <h4>Números que guiam</h4>
      <p class="sub">Decisões com base em dados: CPM, CPL, ROI.</p>
    </div>
  </div>
</section>

<section id="metodo" class="section section-muted">
  <div class="container">
    <div style="display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px">
      <div>
        <h2 class="heading">Nosso método</h2>
        <p class="sub">Metodologia Jump Ads: diagnóstico, planejamento, tráfego inteligente, conteúdo que posiciona e atendimento que fecha. Otimização contínua, toda semana.</p>
      </div>
      <a class="btn" href="#contato">Quero aplicar na minha loja</a>
    </div>
    <div class="grid steps">
      <div class="card"><strong>Diagnóstico estratégico</strong><p class="sub">Mapeamos gargalos e definimos metas realizáveis para 30/60/90 dias.</p></div>
      <div class="card"><strong>Plano & Tráfego</strong><p class="sub">Mídia orientada a vendas: mensagens, visitas e checkouts que viram faturamento.</p></div>
      <div class="card"><strong>Conteúdo & Atendimento</strong><p class="sub">Posicionamento, scripts e follow-up no WhatsApp que eliminam a guerra de preço.</p></div>
    </div>
  </div>
</section>

<section id="resultados" class="section">
  <div class="container">
    <div style="display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px">
      <div>
        <h2 class="heading">Resultados que falam por si</h2>
        <p class="sub">Mais de 60 lojas atendidas no Brasil. Crescimento médio de 120% em 90 dias.</p>
      </div>
      <div>★★★★★</div>
    </div>
    <div class="grid cases">
      <div class="card">
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
          <div style="width:48px;height:48px;border-radius:12px;background:#f2f2f2;display:grid;place-items:center">GR</div>
          <span class="badge">Resultado</span>
        </div>
        <p style="font-weight:600;margin:0 0 6px">GR Imports — 45 ➜ 120 celulares/mês</p>
        <p class="sub">Otimização de anúncios + rotina de follow-up automatizada.</p>
      </div>
      <div class="card">
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
          <div style="width:48px;height:48px;border-radius:12px;background:#f2f2f2;display:grid;place-items:center">AJ</div>
          <span class="badge">Resultado</span>
        </div>
        <p style="font-weight:600;margin:0 0 6px">Aju Celulares — -70% no custo por venda</p>
        <p class="sub">Segmentação por intenção e oferta com prova social local.</p>
      </div>
      <div class="card">
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
          <div style="width:48px;height:48px;border-radius:12px;background:#f2f2f2;display:grid;place-items:center">LS</div>
          <span class="badge">Resultado</span>
        </div>
        <p style="font-weight:600;margin:0 0 6px">LS Cell — 30 novos clientes em 30 dias</p>
        <p class="sub">Campanhas de mensagens + conteúdo de desejo constante.</p>
      </div>
    </div>
  </div>
</section>

<section class="section" style="background:#0f1111;color:#fff">
  <div class="container">
    <h2 class="heading">Por que escolher a Jump Ads</h2>
    <div class="grid diffs" style="margin-top:16px">
      <div class="tag"><span class="icon">✓</span><span>Foco 100% em lojas de celular</span></div>
      <div class="tag"><span class="icon">✓</span><span>Acompanhamento humano e próximo</span></div>
      <div class="tag"><span class="icon">✓</span><span>Relatórios e metas mensais</span></div>
      <div class="tag"><span class="icon">✓</span><span>Processo validado em 60+ lojas</span></div>
      <div class="tag"><span class="icon">✓</span><span>Evolução contínua e previsível</span></div>
    </div>
  </div>
</section>

<section id="clientes" class="section">
  <div class="container">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px">
      <div>
        <h2 class="heading">Clientes & depoimentos</h2>
        <p class="sub">Parcerias reais geram resultados reais.</p>
      </div>
      <a class="btn" href="#contato">Quero ser cliente</a>
    </div>
    <div class="grid grid-3">
      <div class="card">
        <em class="sub">“Depois que entrei na Jump Ads, dobramos as vendas em 60 dias e paramos de brigar por preço.”</em>
        <div style="display:flex;align-items:center;gap:12px;margin-top:12px">
          <div style="width:40px;height:40px;border-radius:999px;background:#e5e5e5"></div>
          <div>
            <div style="font-weight:600;font-size:14px">Lojista parceiro</div>
            <div class="sub" style="font-size:12px">Sobral • CE</div>
          </div>
        </div>
      </div>
      <div class="card"><em class="sub">“Atendimento mais profissional e muito mais mensagens por dia.”</em></div>
      <div class="card"><em class="sub">“A previsibilidade de vendas mudou nosso caixa.”</em></div>
    </div>
  </div>
</section>

<section id="sobre" class="section section-muted">
  <div class="container grid grid-2" style="align-items:center">
    <div>
      <h2 class="heading">Aprenda com quem vive o varejo de smartphones</h2>
      <p class="sub">Publicamos conteúdos práticos para lojistas: anúncios, atendimento, posicionamento e rotinas comerciais que geram vendas diárias.</p>
      <div style="display:flex;gap:12px;margin-top:12px">
        <a class="btn" href="https://www.instagram.com/_bruno.felipe/" target="_blank" rel="noopener">Seguir no Instagram</a>
        <a class="btn btn-outline" href="/blog">Ver blog</a>
      </div>
    </div>
    <div class="grid grid-3">
      <div class="card">Reels de ofertas</div>
      <div class="card">Scripts de WhatsApp</div>
      <div class="card">Estudo de caso</div>
      <div class="card">Planejamento semanal</div>
      <div class="card">Provas sociais</div>
      <div class="card">Métricas & ROI</div>
    </div>
  </div>
</section>

<section id="contato" class="section">
  <div class="container card" style="border-radius:24px">
    <div class="grid grid-2" style="align-items:center">
      <div>
        <h2 class="heading">Sessão estratégica gratuita de 40 minutos</h2>
        <p class="sub">Vamos analisar sua loja, identificar oportunidades e montar um plano claro para aumentar suas vendas.</p>
        <ul class="sub" style="padding-left:18px;list-style:disc">
          <li>Diagnóstico do funil (anúncios → WhatsApp → fechamento)</li>
          <li>Plano de conteúdo e ofertas para 30 dias</li>
          <li>Metas e métricas de acompanhamento</li>
        </ul>
        <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:12px">
          <a class="btn" href="https://wa.me/55" target="_blank" rel="noopener">Agendar pelo WhatsApp</a>
          <a class="btn btn-outline" href="#">Ver disponibilidade</a>
        </div>
      </div>
      <div class="card">
        <form class="form" action="#" method="post" onsubmit="alert('Formulário demonstrativo. Integre ao seu CRM.'); return false;">
          <input class="input" type="text" name="nome" placeholder="Nome" required>
          <input class="input" type="text" name="whatsapp" placeholder="WhatsApp" required>
          <input class="input" type="text" name="cidade" placeholder="Cidade/Estado">
          <textarea class="textarea" name="mensagem" placeholder="Conte rapidamente sobre sua loja"></textarea>
          <button class="btn" type="submit">Quero a sessão gratuita</button>
          <p class="sub" style="font-size:12px">Ao enviar, você concorda em ser contatado pela Jump Ads para agendamento.</p>
        </form>
      </div>
    </div>
  </div>
</section>

<div id="videoModal" class="modal">
  <div class="modal-box">
    <button id="videoClose" class="close">Fechar</button>
    <div>Embed do vídeo de apresentação</div>
  </div>
</div>

<?php get_footer(); ?>
""")

index_php = "<?php\n// Fallback case\nget_header();\n?><main class=\"container section\"><h1>Jump Ads Landing</h1><p>Defina esta página como Página Inicial em Configurações > Leitura para ver a landing completa.</p></main><?php get_footer(); ?>"

# Write files
files = {
    "style.css": style_css,
    "functions.php": functions_php,
    "script.js": script_js,
    "header.php": header_php,
    "footer.php": footer_php,
    "front-page.php": front_page_php,
    "index.php": index_php,
}

for fname, content in files.items():
    with open(os.path.join(base_dir, fname), "w", encoding="utf-8") as f:
        f.write(content)

# Create a simple screenshot placeholder
with open(os.path.join(base_dir, "screenshot.png"), "wb") as f:
    f.write(b"")  # optional; WordPress accepts theme without screenshot

# Zip it
zip_path = "/mnt/data/jumpads-landing-theme.zip"
with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as z:
    for root, dirs, fs in os.walk(base_dir):
        for file in fs:
            rel = os.path.relpath(os.path.join(root, file), base_dir)
            z.write(os.path.join(root, file), arcname=rel)

zip_path/* End custom CSS */