<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <!-- --- SEO: OTIMIZAÇÃO PARA BUSCADORES --- -->
    <title>Franquia Box100 Self Storage | Invista em um Mercado em Expansão</title>
    <meta name="description" content="Transforme seu imóvel em um negócio lucrativo com a franquia Box100 Self Storage. Modelo de receita previsível, suporte completo e alta rentabilidade. Baixe nossa apresentação.">
    <meta name="keywords" content="franquia self storage, investimento imobiliário, franquia rentável, Box100, self storage brasil, oportunidade de franquia, galpão para alugar">
    <meta name="author" content="Box100 Self Storage">
    <meta name="robots" content="index, follow">

    <!-- --- SEO: DADOS ESTRUTURADOS (SCHEMA.ORG) PARA IA E BUSCADORES --- -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Franchise",
      "name": "Box100 Self Storage Franquia",
      "description": "Oportunidade de franquia no setor de self storage com modelo de negócio rentável e suporte completo.",
      "url": "https://www.box100franquia.com.br", 
      "logo": "https://www.box100franquia.com.br/logo-box100.png",
      "image": "https://www.box100franquia.com.br/imagem-box100-franquia.jpg",
      "founder": {
        "@type": "Person",
        "name": "Collen Merhey Machado"
      },
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Kit de Franquia Box100",
        "itemListElement": {
          "@type": "Offer",
          "itemOffered": "Franquia de Negócio Self Storage",
          "description": "Invista em uma franquia com ótima margem de rentabilidade e suporte completo."
        }
      }
    }
    </script>
    <link rel="icon" href="https://box100.com.br/wp-content/uploads/2017/05/cropped-logo512x512l-1.jpg">
    <!-- --- SEO: OTIMIZAÇÃO PARA REDES SOCIAIS (OPEN GRAPH) --- -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Franquia Box100 Self Storage | Invista em um Mercado em Expansão">
    <meta property="og:description" content="Transforme seu imóvel em um negócio lucrativo. Conheça a franquia Box100.">
    <meta property="og:image" content="https://www.box100franquia.com.br/imagem-box100-franquia.jpg"> <!-- URL de uma imagem para compartilhamento -->
    <meta property="og:url" content="https://www.box100franquia.com.br">
    <meta property="og:site_name" content="Box100 Self Storage">

    <!-- --- FONTE E ESTILO --- -->
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
    
    <!-- Ícone para o WhatsApp (Font Awesome) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WJCHS7H6X1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-WJCHS7H6X1');
</script>
   <!-- Script do Cloudflare Turnstile -->
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
</head>
<body>
<!-- MENU DE NAVEGAÇÃO COM HAMBÚRGUER -->
<nav class="main-nav">
    <div class="container">
        <div class="nav-logo">
           <a href="https://box100franquia.com.br"><img src="logo-box100.png" height="45px"/></a>
        </div>
        
        <!-- Botão Hambúrguer para Mobile -->
        <button class="hamburger" aria-label="Abrir menu">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
        </button>

        <!-- Container do Menu de Links -->
        <div class="nav-menu">
            <ul class="nav-links">
                <li><a href="#hero">Início</a></li>
                <li><a href="#oportunidade">A Oportunidade</a></li>
                <li><a href="#diferenciais">Diferenciais</a></li>
                <li><a href="#modelo-investimento">Modelo de Investimento</a></li>
                <li><a href="#perfil-franqueado">Perfil do Franqueado</a></li>
                <li><a href="#formulario" class="nav-cta-button">Contato</a></li>
            </ul>
        </div>
    </div>
</nav>
    <!-- SEÇÃO HERÓI -->
<header id="hero" class="hero">
            <div class="hero-content">
            <h1>Transforme Espaço em um Negócio de Alto Potencial.</h1>
            <p>A franquia Box100 Self Storage é a oportunidade de investimento em um mercado em expansão, com modelo de receita previsível e suporte completo para o seu sucesso.</p>
            <a href="#formulario" onclick="gtag('event', 'click_botao_home');" class="cta-button">Quero Ser um Franqueado</a>
        </div>
    </header>
    <!-- SEÇÃO 2: A OPORTUNIDADE DE MERCADO -->
    <section id="oportunidade" class="oportunidade-section">
        <div class="container">
            <div class="oportunidade-content">
                <div class="text-content">
                    <h2>O Mercado que Não Para de Crescer</h2>
                    <p>Nosso fundador, Collen Merhey Machado, identificou uma mudança crucial no comportamento do mercado: o valor por metro quadrado nos centros urbanos nunca foi tão alto. Espaços antes ocupados por arquivos e estoques inativos agora precisam gerar receita. A Box100 nasceu para solucionar esse problema, oferecendo uma solução de storage moderna, segura e lucrativa.</p>
                    
                    <blockquote>
                        <p>"O metro quadrado nas áreas comerciais está cada vez mais valioso. Arquivos velhos e estoques parados não podem mais ocupar espaço de serviço. A Box100 é a resposta para essa necessidade."</p>
                        <cite>Collen Merhey Machado<br><span>Fundador da Box100</span></cite>
                    </blockquote>
                </div>
                <div class="image-content">
                    <!-- Substitua pela imagem do fundador -->
                    <img src="Collen-Merhey-Machado.jpg" alt="Collen Merhey Machado, Fundador da Box100">
                </div>
            </div>
        </div>
    </section>

    <!-- SEÇÃO 3: POR QUE A BOX100? DIFERENCIAIS -->
    <section id="diferenciais" class="diferenciais-section">
        <div class="container">
            <h2>A Escolha Inteligente para o Seu Investimento</h2>
            <div class="diferenciais-grid">
                
                <div class="diferencial-item">
                    <i class="fa-solid fa-chart-line"></i>
                    <h3>Rentabilidade Comprovada</h3>
                    <p>Invista em um modelo com ótima margem de rentabilidade e previsibilidade de receita.</p>
                </div>

                <div class="diferencial-item">
                    <i class="fa-solid fa-calendar-check"></i>
                    <h3>Receita Recorrente</h3>
                    <p>Sistema por assinatura garante um fluxo de caixa mensal estável e seguro.</p>
                </div>

                <div class="diferencial-item">
                    <i class="fa-solid fa-users"></i>
                    <h3>Operação Enxuta</h3>
                    <p>Uma equipe de apenas 2 pessoas é suficiente para gerenciar a operação, otimizando custos.</p>
                </div>

                <div class="diferencial-item">
                    <i class="fa-solid fa-rocket"></i>
                    <h3>Implementação Ágil</h3>
                    <p>Contamos com rapidez e agilidade na implantação do seu negócio, do projeto à inauguração.</p>
                </div>

                <div class="diferencial-item">
                    <i class="fa-solid fa-headset"></i>
                    <h3>Suporte Completo</h3>
                    <p>Oferecemos suporte total em todas as fases: operação, marketing, tecnologia e gestão.</p>
                </div>

                <!-- NOVO BLOCO ADICIONADO AQUI -->
                <div class="diferencial-item">
                    <i class="fa-solid fa-cogs"></i>
                    <h3>Gestão Simplificada</h3>
                    <p>Nossa tecnologia e processos foram desenhados para uma operação intuitiva, sem complexidades administrativas.</p>
                </div>

            </div>
    </section>
    <!-- SEÇÃO 4: O MODELO DE INVESTIMENTO -->
    <section id="modelo-investimento" class="modelo-investimento-section">
        <div class="container">
            <div class="modelo-investimento-content">
                <div class="image-content">
                    <!-- Substitua pela sua imagem de um grande galpão/prédio (banner-04.jpg) -->
                    <img src="Rentabilize-seu-imovel.jpg" alt="Imóvel ideal para franquia Box100">
                </div>
                <div class="text-content">
                    <h2>Seu Imóvel, um Negócio Rentável</h2>
                    <p>A Box100 é a solução perfeita para transformar imóveis subutilizados ou de difícil locação em uma fonte de renda consistente e de longo prazo.</p>
                    
                    <ul class="investimento-list">
                        <li><i class="fa-solid fa-check-circle"></i> Ideal para imóveis com baixa lucratividade ou que estão vazios.</li>
                        <li><i class="fa-solid fa-check-circle"></i> Retorno sobre o investimento mensal acima da média.</li>
                        <li><i class="fa-solid fa-check-circle"></i> Vantagem inicial: recebemos parte do aluguel já no primeiro ano.</li>
                    </ul>
                    
                    <a href="#formulario" class="cta-button secondary" onclick="gtag('event', 'click_button_potencial');">Descubra o Potencial do Seu Imóvel</a>
                </div>
            </div>
        </div>
    </section>
    <!-- SEÇÃO 5: O PERFIL DO FRANQUEADO IDEAL -->
    <section id="perfil-franqueado" class="perfil-section">
        <div class="container">
            <h2>Buscamos Parceiros de Longo Prazo</h2>
            <p class="perfil-intro">O sucesso da nossa rede é construído com pessoas que compartilham nossa visão de crescimento sustentável e excelência operacional. Não buscamos investidores em busca de retornos imediatos e sem comprometimento. Procuramos verdadeiros parceiros.</p>
            
            <div class="perfil-grid">
                <div class="perfil-item">
                    <i class="fa-solid fa-seedling"></i>
                    <h3>Visão de Futuro</h3>
                    <p>Enxerga o self storage como um negócio para construir e cultivar ao longo dos anos.</p>
                </div>

                <div class="perfil-item">
                    <i class="fa-solid fa-handshake"></i>
                    <h3>Foco no Cliente</h3>
                    <p>Acredita que a qualidade do serviço e a satisfação do cliente são a base do sucesso.</p>
                </div>

                <div class="perfil-item">
                    <i class="fa-solid fa-bullseye"></i>
                    <h3>Espírito Empreendedor</h3>
                    <p>Deseja ser ativo na gestão do negócio, mesmo com o suporte completo da franquia.</p>
                </div>

                <div class="perfil-item">
                    <i class="fa-solid fa-key"></i>
                    <h3>Adequação de Capital e Imóvel</h3>
                    <p>Possui capital para investimento e/ou acesso a um imóvel com potencial para o modelo.</p>
                </div>

                <!-- NOVOS ITENS ADICIONADOS AQUI -->
                <div class="perfil-item">
                    <i class="fa-solid fa-flag"></i>
                    <h3>Sintonia com a Marca</h3>
                    <p>Compreende e compartilha os valores e os padrões de qualidade que definem a experiência Box100.</p>
                </div>

                <div class="perfil-item">
                    <i class="fa-solid fa-mountain"></i>
                    <h3>Paciência e Resiliência</h3>
                    <p>Entende que um negócio sólido é construído com consistência e está preparado para os desafios do crescimento.</p>
                </div>
            </div>
    </section>
    <!-- O restante das seções virá aqui -->
    <!-- Exemplo de onde o formulário ficará no futuro -->
    <!-- <section id="formulario"></section> -->
    <!-- SEÇÃO 6: FORMULÁRIO DE CAPTURA -->
    <section id="formulario" class="form-section">
        <div class="container">
            <div class="form-content">
                <h2>Dê o Primeiro Passo para um Novo Negócio</h2>
                <p>Preencha o formulário abaixo e receba em seu e-mail a apresentação completa da franquia Box100 com todos os detalhes de investimento.</p>
                
                <form id="contactForm">
                    <div class="form-group">
                        <label for="nome">Nome Completo</label>
                        <input type="text" id="nome" name="nome" required>
                    </div>
                    <div class="form-group">
                        <label for="email">E-mail</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="telefone">Telefone/WhatsApp com DDD</label>
                        <input type="tel" id="telefone" name="telefone" required>
                    </div>
                    <div class="form-group">
                        <label for="cidade">Cidade e Estado de Interesse</label>
                        <input type="text" id="cidade" name="cidade" required>
                    </div>
                    <!-- WIDGET DO CLOUDFLARE TURNSTILE -->
                    <div class="cf-turnstile" data-sitekey="0x4AAAAAACA9OjdLyR5F2zXd"></div>
                    <button type="submit" class="cta-button"onclick="gtag('event', 'click_button_form');">Quero Receber a Apresentação</button>
                </form>

                <div id="form-message" class="form-message"></div>
            </div>
        </div>
    </section>

    <!-- RODAPÉ -->
    <footer class="main-footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <!-- Substitua pelo seu logo -->
                    <a href="https://box100franquia.com.br"><img src="logo-box100.png" height="80px"/></a>
                    <p>Franquia Self Storage</p>
                </div>
                <div class="footer-contact">
                    <h4>Contato para Franquia</h4>
                    <p><i class="fa-solid fa-phone"></i> <a href="tel:+5532999774100" onclick="gtag('event', 'click_tel_footer');">(32) 99977-4100</a></p>
                    <p><i class="fa-solid fa-envelope"></i> <a href="mailto:franquia@box100.com.br"onclick="gtag('event', 'clique_email_footer');">franquia@box100.com.br</a></p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 Box100 Self Storage. Todos os direitos reservados.</p>
            </div>
        </div>
    </footer>


    <!-- BOTÃO FLOTANTE DO WHATSAPP -->
    <a href="https://wa.me/5532999774100?text=Olá,%20vi%20o%20site%20da%20Box100%20e%20gostaria%20de%20saber%20mais%20sobre%20as%20franquias." 
       class="whatsapp-button" 
       target="_blank" 
       title="Fale conosco pelo WhatsApp"
       onclick="gtag('event', 'click_whatsapp');">
        <i class="fa-brands fa-whatsapp"></i>
    </a>

     <script>
        document.addEventListener('DOMContentLoaded', function() {
            
            // --- SELETORES DO MENU ---
            const nav = document.querySelector('.main-nav');
            const hamburger = document.querySelector('.hamburger');
            const navMenu = document.querySelector('.nav-menu');
            const navLinks = document.querySelectorAll('.nav-links a');
            const sections = document.querySelectorAll('section[id], header[id]');

            // --- SELETORES DO FORMULÁRIO ---
            const contactForm = document.getElementById('contactForm');
            const formMessage = document.getElementById('form-message');

            // --- FUNÇÕES DO MENU ---
            const toggleNav = () => {
                if (window.scrollY > 50) {
                    nav.classList.add('scrolled');
                } else {
                    nav.classList.remove('scrolled');
                }
            };

            const activateNavLink = () => {
                let current = '';
                sections.forEach(section => {
                    const sectionTop = section.offsetTop;
                    if (pageYOffset >= (sectionTop - 200)) {
                        current = section.getAttribute('id');
                    }
                });

                navLinks.forEach(link => {
                    link.classList.remove('active');
                    if (link.getAttribute('href').slice(1) === current) {
                        link.classList.add('active');
                    }
                });
            };
            
            const mobileMenu = () => {
                hamburger.classList.toggle('active');
                nav.classList.toggle('active');
                navMenu.classList.toggle('active');
            };

            const closeMenu = () => {
                hamburger.classList.remove('active');
                nav.classList.remove('active');
                navMenu.classList.remove('active');
            };
            
// --- SCRIPT DO FORMULÁRIO ATUALIZADO E MAIS ROBUSTO ---
document.getElementById('contactForm').addEventListener('submit', function(e) {
    e.preventDefault();

    const formMessage = document.getElementById('form-message');
    const submitButton = e.target.querySelector('button[type="submit"]');
    
    // --- CAPTURA OS DADOS DO FORMULÁRIO DE FORMA SEGURA ---
    const formData = new FormData(e.target);
    const data = {};

    for (let [key, value] of formData.entries()) {
        data[key] = value;
    }

    // --- A MÁGICA: CAPTURA O TOKEN DO TURNSTILE DE FORMA EXPLÍCITA ---
    // Isso evita problemas de timing ou de campos dinâmicos
    const turnstileElement = document.querySelector('input[name="cf-turnstile-response"]');
    if (turnstileElement) {
        data['cf-turnstile-response'] = turnstileElement.value;
    }

    // --- VERIFICAÇÃO DO TURNSTILE ---
    const turnstileToken = data['cf-turnstile-response'];

    if (!turnstileToken) {
        formMessage.textContent = 'Por favor, aguarde a verificação terminar ou recarregue a página.';
        formMessage.classList.add('show');
        return; // Impede o envio se o token não existir
    }

    // Mostra estado de carregamento
    submitButton.disabled = true;
    submitButton.textContent = 'Enviando...';
    formMessage.classList.remove('show');

    // Envia os dados para o seu script PHP
    fetch('enviar-formulario.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data),
    })
    .then(response => response.json())
    .then(result => {
        if (result.success) {
            formMessage.textContent = 'Obrigado! Verifique seu e-mail para receber a apresentação.';
        } else {
            formMessage.textContent = result.message || 'Ocorreu um erro. Tente novamente.';
        }
        formMessage.classList.add('show');
        e.target.reset();
        // Limpa o widget do Turnstile para a próxima tentativa
        turnstile.reset();
    })
    .catch(error => {
        console.error('Error:', error);
        formMessage.textContent = 'Ocorreu um erro de conexão. Tente novamente.';
        formMessage.classList.add('show');
    })
    .finally(() => {
        submitButton.disabled = false;
        submitButton.textContent = 'Quero Receber a Apresentação';
    });
});

            // --- EVENT LISTENERS DO MENU ---
            window.addEventListener('scroll', () => {
                toggleNav();
                activateNavLink();
            });

            hamburger.addEventListener('click', mobileMenu);
            navLinks.forEach(link => link.addEventListener('click', closeMenu));

            navLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    const targetId = this.getAttribute('href').slice(1);
                    const targetSection = document.getElementById(targetId);
                    if (targetSection) {
                        targetSection.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }
                });
            });
            
            // --- EXECUÇÃO INICIAL ---
            toggleNav(); 
            activateNavLink();

        });
    </script>
</body>
</html>